:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9e7e1;background:#141923;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid #3a424f;background:#202734;color:#eae9e4;padding:11px 16px;border-radius:6px;cursor:pointer;transition:background .18s,transform .18s}button:hover{background:#323c4a}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #b6e6b7;outline-offset:4px}header{display:flex;align-items:center;gap:24px;padding:24px 4vw;border-bottom:1px solid #343b45}.brand{display:flex;gap:14px;font-size:19px;letter-spacing:4px;align-items:center;font-weight:750}.brand span:not(.mark){display:block;font-size:9px;letter-spacing:2px;color:#a6afba;margin-top:7px}.mark{font-size:40px;color:#c6ddad}.local{margin-left:auto;font-size:10px;letter-spacing:1.5px;color:#b0c9ac}main{max-width:1600px;margin:auto;padding:0 4vw}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:8vw;padding:60px 0 45px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#aeb8c5;font-weight:650}h1{font-family:Georgia,serif;font-size:clamp(55px,7vw,104px);font-weight:400;line-height:.98;margin:22px 0;color:#f5eee2}h1 em{font-weight:400;color:#c6ddad}.lede{line-height:1.7;color:#aeb8c5}.intro aside{align-self:end;padding-bottom:18px;max-width:390px}.stat{font-family:Georgia,serif;font-size:90px;color:#dca784}.stat span{display:inline-block;font-family:system-ui;font-size:13px;max-width:130px;line-height:1.5;margin-left:20px;color:#e7d0bc}.small{font-size:12px;line-height:1.7;color:#aeb8c5}.workspace{border:1px solid #39404b;background:#1b2230;border-radius:14px;overflow:hidden}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px}.toolbar h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:9px 0 0;overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.actions button{font-size:12px}.tabs{display:flex;border-block:1px solid #39404b;padding:0 24px;overflow:auto}.tabs button{border:0;border-radius:0;background:none;text-transform:uppercase;font-size:11px;letter-spacing:1.5px;padding:20px;white-space:nowrap}.tabs [aria-selected=true]{color:#c6ddad;box-shadow:inset 0 -2px #c6ddad}.editor{display:flex;min-height:480px}.caption-list{width:42%;border-right:1px solid #39404b;max-height:670px;overflow:auto;padding:16px}.caption{display:block;width:100%;text-align:left;margin-bottom:9px;background:#171e2a;border-color:transparent;padding:17px}.caption span{display:block;color:#9daabc;font:10px monospace;margin-bottom:10px}.caption strong{display:block;font-size:14px;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.caption i{display:inline-block;font-size:8px;font-style:normal;letter-spacing:1px;padding:5px 7px;background:#334638;color:#d2e8b8;border-radius:3px;margin-top:12px}.caption i.unsafe{background:#503c32;color:#e7b28a}.caption.selected{border-color:#8a9b79;background:#272f35}.inspector{padding:35px;width:58%;min-width:0}h3{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.timeline{height:115px;position:relative;margin-top:20px}.linebar{position:absolute;top:52px;left:0;right:0;border-top:1px solid #687182}.pin{position:absolute;top:20px;color:#ddaa86;font:13px monospace}.pin:after{content:"";position:absolute;top:27px;left:2px;border:5px solid #dba884;border-radius:50%}.pin small{display:block;position:absolute;top:50px;width:140px;font-size:10px;color:#a6afba}.pin.safe{color:#c6ddad}.pin.safe:after{border-color:#c6ddad}.verdict{padding:18px;border-left:3px solid #c6ddad;background:#29372f;margin-block:20px;font-size:13px;line-height:1.6}.verdict.warn{border-color:#dba884;background:#382d2a}.verdict p{margin-bottom:0}label{display:block;font-size:12px;color:#b9c4cf}input{display:block;width:100%;max-width:300px;margin:9px 0 18px;padding:10px;background:#121924;color:#ede7db;border:1px solid #495362;border-radius:4px}.primary{background:#c6ddad;color:#1c291b;border-color:#c6ddad;font-weight:650}.primary:hover{background:#deefc9}details{padding:15px 0;border-bottom:1px solid #39404b;font-size:12px;line-height:1.6}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-weight:500;color:#b1bbca;font-size:10px;letter-spacing:1px;padding:18px 12px}td{padding:18px 12px;border-top:1px solid #39404b;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}td input{min-width:80px;max-width:130px;margin:0}td small{display:block;margin-top:8px;color:#c6ddad}td strong{display:block;font-weight:400;margin-top:9px}.tablewrap{padding:25px;width:100%;overflow:auto}.tablewrap>p,.source>p{font-size:12px;color:#aeb8c5;line-height:1.7;max-width:900px}.prose{min-width:240px}.source{padding:28px;width:100%}.source h3{margin:0}.source textarea{width:100%;height:440px;background:#111722;color:#dce3cf;border:1px solid #485263;resize:vertical;padding:20px;font:12px/1.7 monospace;tab-size:2}.source .actions{margin-top:16px}.source .actions span{font-size:11px;color:#b4c8a9}.export{display:flex;justify-content:space-between;gap:18px;padding:22px 26px;background:#222b38;border-top:1px solid #39404b}.export p{font-size:13px;line-height:1.8;margin:0}.export span{font-size:11px;color:#aeb8c5}.notice{padding:20px;margin:0 24px}.warning{color:#e9b598;font-size:12px}.status{min-height:50px;padding:18px 0;color:#d7c3a6;font-size:12px}footer{display:flex;gap:30px;justify-content:space-between;padding:12px 0 35px;font-size:9px;letter-spacing:1px;color:#93a0b0}footer span{max-width:650px;line-height:1.6;letter-spacing:0}h1{animation:rise .6s both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:850px){header{gap:12px;padding:18px}.local{display:none}.brand{font-size:14px;letter-spacing:2px}header>button{margin-left:auto;font-size:11px}.intro{grid-template-columns:1fr;padding:35px 0;gap:10px}.intro aside{max-width:100%}.stat{font-size:55px}.intro aside>.small{max-width:500px}.toolbar,.export{flex-direction:column;align-items:flex-start}.editor{display:block}.caption-list,.inspector{width:100%;border-right:0}.caption-list{max-height:250px;border-bottom:1px solid #39404b}.inspector{padding:24px}.tabs{padding:0}.tabs button{padding:18px 12px;font-size:10px}footer{display:block}footer span{display:block;margin-top:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.toolbar h2,.tablewrap strong{white-space:pre-wrap}.source input{max-width:100%}.app.focus .intro{display:none}.app.focus main{max-width:none;padding-top:20px}.app.focus .workspace{min-height:calc(100vh - 180px)}.app.focus .editor{min-height:calc(100vh - 430px)}
