:root{color-scheme:dark;--bg:#0b1220;--card:#101c2ddd;--line:#28364a;--text:#e5eefc;--muted:#a2b3cb;--accent:#60a5fa;--mint:#71dfbd;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#142e40 0,transparent 42%),var(--bg);color:var(--text);font-size:15px;line-height:1.7}header,main{max-width:1160px;margin:auto;padding:0 28px}header{height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:var(--muted);text-decoration:none}a:hover{color:var(--mint)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:700;font-size:20px}.brand span{font-weight:400;font-size:14px;color:var(--muted)}.intro{padding:48px 0 36px}.eyebrow{color:var(--mint);font:600 11px/1.6 ui-monospace,monospace;letter-spacing:2px;margin:0 0 13px}h1{font-size:42px;letter-spacing:-1.6px;line-height:1.3;margin:0 0 16px}h2{font-size:19px;margin:0;letter-spacing:-.3px}p{margin:8px 0;color:var(--muted)}.badges{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;margin-top:23px;color:var(--muted)}.badges span:first-child{color:var(--mint)}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;align-items:start}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;margin-bottom:18px}.section-title{display:flex;align-items:start;gap:12px;margin-bottom:24px}.section-title p{font-size:12px;margin:4px 0 0}.number{color:var(--mint);background:#183831;border:1px solid #285046;font:500 12px ui-monospace,monospace;padding:7px 8px;border-radius:9px;margin-top:2px}.tag{white-space:nowrap;font-size:10px;border:1px solid #31465c;color:#a3caf7;border-radius:5px;padding:2px 5px;font-weight:400}.section-title>.tag{margin-left:auto}.manual{color:#e8c990;border-color:#5c4e36}.toggle{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:8px 0}.toggle span{flex:1}.toggle small{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.7}.toggle input{appearance:none;flex:none;width:40px;height:24px;border-radius:20px;background:#34445a;border:1px solid #60708a;cursor:pointer;position:relative;margin:0}.toggle input:after{content:'';position:absolute;left:3px;top:3px;background:#e5eefc;width:16px;height:16px;border-radius:50%;transition:transform .15s}.toggle input:checked{background:#368c76;border-color:#71dfbd}.toggle input:checked:after{transform:translateX(16px)}label{display:block;font-size:13px}input:not([type=checkbox]):not([type=file]),textarea,select{display:block;width:100%;background:#0b1422;border:1px solid #374960;color:var(--text);border-radius:10px;padding:12px;font:inherit;margin-top:8px;min-height:44px}textarea{resize:vertical;line-height:1.6}select{cursor:pointer}input::placeholder,textarea::placeholder{color:#7d8da5}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,.file-button:focus-within{outline:2px solid var(--mint);outline-offset:4px}.hint{font-size:12px;line-height:1.8;margin:12px 0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.notice{font-size:12px;background:#29251d;border:1px solid #514331;border-radius:10px;padding:12px;color:#e8ce9f;margin:15px 0}.route{color:var(--mint);font-size:13px;overflow-wrap:anywhere}.divider{height:1px;background:var(--line);margin:22px 0}.check{display:flex;align-items:center;gap:8px;margin-top:12px}.check input{accent-color:var(--mint)}.app-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.app-row label{display:flex;gap:10px;align-items:center;font-size:14px;white-space:nowrap}.app-row select{width:185px;margin:0;font-size:13px}.app-icon{height:30px;width:30px;display:grid;place-items:center;border-radius:9px;font-weight:600}.green{background:#173d32;color:#80e7b2}.pink{background:#392035;color:#eca8d6}.blue{background:#173658;color:#8dbcf9}details{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}summary{cursor:pointer;font-size:13px;color:var(--text);padding:4px 0}.tools{display:flex;flex-wrap:wrap;gap:10px}button,.file-button{font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;border:0;cursor:pointer;border-radius:10px;padding:13px 16px;min-height:44px;background:var(--mint);color:#08281e;text-align:center}button:hover,.file-button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:not-allowed}.secondary,.file-button{background:#1b293b;color:var(--text);border:1px solid #394b62}.text-button{background:transparent;color:var(--muted)}.file-button{position:relative;overflow:hidden;display:inline-block;font-size:13px}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.result{border-color:#38534f}.result h2{font-size:22px}dl{margin:20px 0}dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere}.result button{display:block;width:100%;margin-top:10px}.result button span{float:right}#status{font-size:12px;color:var(--mint)}#errors{padding:12px;border:1px solid #8a5050;border-radius:10px;background:#321e28;color:#ffbdbd;font-size:13px;overflow-wrap:anywhere}#preview{font:11px/1.7 ui-monospace,monospace;white-space:pre;min-width:0}.checklist h2{font-size:16px}.checklist ol{padding-left:20px;color:var(--muted);font-size:12px}.checklist li{padding:7px 0 7px 5px;overflow-wrap:anywhere}.checklist li::marker{color:var(--mint)}.checklist a{font-size:12px;text-decoration:underline}footer{padding:40px 0;font-size:11px;color:var(--muted);border-top:1px solid var(--line);margin-top:32px}.mobile{display:none}[hidden]{display:none!important}@media(max-width:760px){header,main{padding-left:18px;padding-right:18px}header{height:72px}header>a:last-child{font-size:12px}.intro{padding:32px 0 26px}h1{font-size:34px}.workspace{grid-template-columns:1fr;gap:12px}.card{padding:20px;border-radius:16px}.section-title{gap:10px}.section-title>.tag{display:none}.cols{grid-template-columns:1fr}.badges{gap:10px;font-size:11px}.app-row{gap:12px}.app-row select{width:166px}.intro>p:not(.eyebrow){font-size:14px}.tools{gap:7px}.brand{font-size:18px}.brand span{font-size:12px}.result h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}