:root{--bg:#0d1117;--line:#29313c;--muted:#8b949e;--text:#e6edf3;--cyan:#27d8c1;--amber:#f2b84b;--red:#e56b76}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:radial-gradient(circle at 78% -8%,#17303a 0,transparent 28%),var(--bg)}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(18px,4vw,56px);gap:24px;background:#0d1117e8;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:7px;color:#f3f6f8;font-weight:700;font-size:18px;letter-spacing:-.03em;text-decoration:none}.brand-mark{width:29px;height:29px;border:1px solid #2ed6c2;border-radius:8px;display:grid;place-items:center;color:var(--cyan);font:16px monospace;background:#112a2e}.brand-dot{color:var(--cyan)}.topbar-center{margin:auto;color:#7e8994;font:12px monospace}.status-dot,.pulse{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--cyan)}.top-sep{color:#3c4652;margin:0 10px}.docs-link{display:flex;gap:8px;align-items:center;color:#aeb8c3;text-decoration:none;font-size:13px}.workspace{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(430px,.88fr) minmax(540px,1.12fr);gap:clamp(28px,5vw,76px);padding:48px clamp(18px,4vw,56px) 36px}.eyebrow{color:#7c8793;font:11px monospace;letter-spacing:.16em;display:flex;align-items:center;gap:11px}.eyebrow-line{height:1px;width:48px;background:#37414c}.intro{display:flex;justify-content:space-between;align-items:flex-start;margin:18px 0 29px}.intro h1{font-size:clamp(27px,3vw,38px);margin:0;letter-spacing:-.045em;line-height:1.15}.intro h1 span{color:var(--cyan)}.intro p{color:var(--muted);margin:11px 0 0;font-size:15px}.live-pill,.ready-tag{font:10px monospace;color:var(--cyan);border:1px solid #225d5c;background:#102627;padding:6px 9px;border-radius:5px;letter-spacing:.08em}.pulse{width:6px;height:6px;vertical-align:1px}.domain-card,.redirect-card,.tip-card{border:1px solid var(--line);background:linear-gradient(145deg,#151c23,#12181e);border-radius:12px;padding:20px}.field-label{display:block;color:#c8d1da;font-size:13px;margin-bottom:10px}.domain-input{height:48px;border:1px solid #3b4753;background:#0e141a;border-radius:8px;display:flex;align-items:center;padding:0 13px;box-shadow:0 0 0 3px #27d8c10a}.protocol{color:#687581;font:14px monospace}.domain-input input{background:transparent;border:0;outline:0;color:var(--text);width:100%;font:14px monospace}.valid-check{color:var(--cyan);font-weight:700}.domain-card p,.redirect-card p{font-size:12px;color:#707b87;margin:10px 0 0}.rules-list{padding-top:29px}.rule-group{margin-bottom:24px}.group-heading{display:flex;align-items:center;gap:8px;color:#aeb8c3;font-size:12px;font-weight:650;margin-bottom:8px}.group-heading span:first-child{color:var(--cyan)}.group-heading.amber span:first-child{color:var(--amber)}.group-count{margin-left:auto;color:#62707d;font:11px monospace}.rule-wrap{border-bottom:1px solid #202832}.rule-row{min-height:45px;display:flex;align-items:center;gap:10px;position:relative;color:#cbd3dc}.rule-row input[type=checkbox]{position:absolute;opacity:0}.checkbox{width:18px;height:18px;border:1px solid #4b5865;border-radius:5px;display:grid;place-items:center;color:#071512;transition:.15s}.checkbox.checked{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 3px #27d8c11a}.rule-name{font-size:14px}.tone{color:var(--red);font-size:10px}.info-btn{margin-left:auto;border:1px solid transparent;background:#111820;color:#62707d;padding:5px;border-radius:5px}.info-btn:hover,.info-btn.active{color:var(--cyan);border-color:#31565b}.explanation{color:#84919c;background:#111820;border-left:2px solid var(--cyan);margin:0 0 8px 28px;padding:10px 12px;font-size:12px}.redirect-card{margin-top:4px;border-color:#51452b;background:linear-gradient(130deg,#1a1a18,#161a1c)}.redirect-heading{display:flex;justify-content:space-between;align-items:flex-start}.redirect-heading .group-heading{margin:0}.redirect-heading p{margin:5px 0 0 24px}.redirect-badge{color:var(--amber);background:#32281a;border:1px solid #65502b;padding:5px 8px;border-radius:5px;font:10px monospace}.redirect-row{display:grid;grid-template-columns:1fr 18px 1fr 56px 28px;gap:7px;align-items:center;margin-top:14px}.redirect-row input,.redirect-row select{height:38px;background:#0e1419;border:1px solid #38434d;color:#aeb8c3;border-radius:6px;padding:0 9px;outline:0;font:12px monospace;min-width:0}.redirect-row input:focus,.redirect-row select:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f2b84b14}.arrow{color:#7a6740;text-align:center}.redirect-row select{color:var(--amber);padding:0 4px}.delete-btn{border:0;background:transparent;color:#6d7378;font-size:20px;padding:3px}.delete-btn:hover{color:var(--red)}.add-btn{background:transparent;border:0;color:var(--amber);font-size:12px;padding:14px 0 0}.output-column{min-width:0}.output-panel{border:1px solid #35414b;border-radius:11px;background:#0b1015;overflow:hidden;box-shadow:0 18px 60px #00000035;position:sticky;top:94px}.output-head{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid var(--line);background:#151b22}.output-title{font:14px monospace}.file-icon{color:var(--cyan)}.ready-tag{font-size:9px;padding:3px 6px;margin-left:5px}.output-head p{font-size:11px;color:#77838e;margin:7px 0 0}.output-head p span{color:#3c5560;margin:0 4px}.window-dots{display:flex;gap:6px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#3e4852}.window-dots i:first-child{background:#b16855}.window-dots i:last-child{background:#4d8e7b}.code-toolbar{display:flex;justify-content:space-between;padding:12px 19px;color:#65727e;font:10px monospace;letter-spacing:.08em}.code-output{margin:0;padding:6px 16px 22px;min-height:510px;max-height:560px;overflow:auto;color:#c5d0d9;font:12px/1.75 monospace;white-space:pre}.code-output span{display:block}.code-output b{color:#3b4853;font-weight:400;display:inline-block;width:30px;user-select:none}.code-output .comment{color:#667b80}.code-output .directive{color:#e8bc76}.output-footer{padding:13px 17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;background:#12181e}.safe-note{color:#6c8490;font-size:11px}.output-actions{display:flex;gap:8px}.copy-btn,.download-btn{border-radius:6px;padding:9px 11px;font-size:12px}.copy-btn{color:#061614;background:var(--cyan);border:1px solid var(--cyan);font-weight:650}.download-btn{color:#cad3db;background:#212b34;border:1px solid #3a4650}.tip-card{display:flex;gap:13px;align-items:flex-start;margin-top:16px;padding:15px 17px;background:#111820}.tip-icon{color:var(--amber);font-size:22px}.tip-card strong{font-size:13px;color:#c7d0d8}.tip-card p{color:#77848e;font-size:12px;margin:5px 0 0}.tip-card .tip-icon{line-height:1}footer{max-width:1400px;margin:auto;border-top:1px solid #202832;padding:22px clamp(18px,4vw,56px);display:flex;gap:24px;color:#65717c;font:11px monospace}.footer-help{margin-left:auto}@media(max-width:900px){.workspace{grid-template-columns:1fr;gap:28px;padding-top:30px}.output-panel{position:relative;top:0}.code-output{min-height:360px;max-height:450px}.topbar-center{display:none}.docs-link{margin-left:auto}.output-column{order:-1}.config-column{order:1}}@media(max-width:560px){.topbar{height:60px}.brand{font-size:16px}.docs-link{font-size:12px}.workspace{padding:25px 14px}.intro h1{font-size:28px}.intro p{font-size:14px;max-width:260px}.live-pill{font-size:9px}.domain-card,.redirect-card{padding:16px}.redirect-row{grid-template-columns:1fr 15px 1fr 51px 23px;gap:4px}.redirect-row input,.redirect-row select{font-size:11px;padding:0 6px}.output-head{padding:14px}.code-output{font-size:11px;padding:5px 10px}.code-output b{width:24px}.output-footer{align-items:stretch;flex-direction:column}.output-actions{width:100%}.output-actions button{flex:1;justify-content:center;padding:10px 5px}footer{flex-wrap:wrap;gap:10px;padding:18px 14px}footer .footer-help{margin-left:0;width:100%}}
 .editor-actions{display:flex;align-items:center;gap:8px;padding:0 19px 11px;flex-wrap:wrap}.analyze-btn,.fix-btn{border-radius:6px;padding:8px 11px;font-size:12px}.analyze-btn{border:1px solid #2dada0;background:#173a3b;color:#b9f3e9}.analyze-btn:hover{background:#1d4b4b}.fix-btn{border:1px solid #d45d68;background:#3a1d25;color:#ffd6da;font-weight:650}.fix-btn:hover{background:#52252d}.analysis-status{color:#71818d;font:11px monospace}.analysis-result{margin:0 19px 10px;border-left:2px solid #27d8c1;background:#101a20;color:#96a7b1;padding:9px 12px;font-size:12px}.analysis-result strong{color:#27d8c1}.analysis-result ul{margin:5px 0 0;padding-left:18px}.analysis-result li{margin:3px 0}.code-output[contenteditable=true]{outline:0;cursor:text}.code-output[contenteditable=true]:focus{box-shadow:inset 0 0 0 1px #27d8c155}.code-output .changed{color:#ff8b93;background:#421d265e;border-left:2px solid #e56b76;padding-left:4px;margin-left:-6px}.code-output .changed b{color:#e56b76}.change-legend{padding:0 19px 11px;color:#8e7378;font:10px monospace}.legend-red{display:inline-block;width:8px;height:8px;border-radius:2px;background:#e56b76;margin-right:5px}@media(max-width:560px){.editor-actions{padding-left:10px;padding-right:10px}.analysis-result{margin-left:10px;margin-right:10px}}
 .editor-actions{border-top:1px solid #202832;border-bottom:1px solid #202832;background:#10161c;padding:12px 19px;gap:9px}.editor-actions button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;padding:0 13px;font:600 11px/1 monospace;letter-spacing:.01em;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s}.editor-actions button:hover{transform:translateY(-1px)}.editor-actions button:active{transform:translateY(0)}.editor-actions button:focus-visible{outline:2px solid #27d8c1;outline-offset:2px}.editor-actions .analyze-btn{border:1px solid #2dada0;background:#173a3b;color:#b9f3e9;box-shadow:inset 0 1px #ffffff0a}.editor-actions .analyze-btn:hover{border-color:#48e4d0;background:#1d4b4b;box-shadow:0 5px 18px #27d8c11c}.editor-actions .fix-btn{border:1px solid #d45d68;background:linear-gradient(180deg,#4a222c,#351a22);color:#ffdce0;box-shadow:inset 0 1px #ffffff0b}.editor-actions .fix-btn:hover{border-color:#ff8790;background:linear-gradient(180deg,#602832,#461d27);box-shadow:0 5px 18px #e56b7624}.editor-actions .analysis-status{margin-left:auto;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analysis-result{border-radius:0 6px 6px 0}.change-legend{border-bottom:1px solid #202832;background:#0e1419;padding-top:7px}@media(max-width:560px){.editor-actions{padding:10px;gap:7px}.editor-actions button{flex:1;min-width:0;padding:0 8px;font-size:10px}.editor-actions .analysis-status{flex-basis:100%;max-width:100%;margin-left:0;padding:2px 1px}}
 .tools-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 19px;border-bottom:1px solid #202832;background:#0d1319}.tools-label{color:#566773;font:10px monospace;letter-spacing:.12em;margin-right:3px}.tools-row button{border:1px solid #303c46;background:#172028;color:#9fadb7;border-radius:5px;min-height:28px;padding:0 9px;font:11px monospace;transition:.16s}.tools-row button:hover{border-color:#4d7e86;background:#1d2b32;color:#d5ebe9;transform:translateY(-1px)}.tools-row button:focus-visible{outline:2px solid #27d8c1;outline-offset:2px}.tool-good{color:#7cd9c9!important}@media(max-width:560px){.tools-row{padding:8px 10px}.tools-row button{flex:1;padding:0 6px;font-size:10px}.tools-label{width:100%;margin-bottom:1px}}