:root{color-scheme:dark;--bg:#091820;--panel:#102635;--line:rgba(164,209,214,.20);--muted:#9fb5be;--gold:#efd7a3;--accent:#8fd2c6;--ink:#eef5f2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 74% -18%,#194555 0,transparent 42%),var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}button,select,input{font:inherit}button,a[download],select{border:1px solid rgba(139,191,191,.32);background:#183440;color:var(--ink);border-radius:9px;padding:9px 12px;cursor:pointer;text-decoration:none}button:hover,a[download]:hover{background:#254955;border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.app{max-width:1800px;margin:auto}.mast{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:18px clamp(16px,3vw,42px)}.logo{font-size:37px;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(21px,2vw,30px) Georgia,serif;letter-spacing:.02em;margin:1px 0}.mast small{font-size:10px;letter-spacing:.19em;color:var(--accent)}.version{margin-left:auto;font-size:11px;color:var(--gold);border:1px solid #796849;padding:5px 9px;border-radius:10px}.notice{margin:16px clamp(16px,2vw,36px);border:1px solid #80704b;border-left:5px solid var(--gold);padding:12px 14px;background:#302b25;font-size:13px}.notice strong{color:var(--gold)}.layout{display:grid;grid-template-columns:minmax(275px,335px) minmax(0,1fr);gap:20px;padding:0 clamp(16px,2vw,36px) 24px}.controls{padding:20px;background:rgba(16,38,53,.88);border:1px solid var(--line);border-radius:14px;max-height:calc(100vh - 130px);overflow:auto}.controls h2,.context h2{font:500 19px Georgia,serif;color:var(--gold);margin:3px 0 9px}.controls h2:not(:first-child){margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.controls p{color:var(--muted);font-size:13px}.controls label{display:block;color:#d2e3e1;font-size:12px;font-weight:600;margin:14px 0 7px}.controls select{width:100%}.controls input[type=range]{width:100%;accent-color:#c9b57a}.controls input[type=file]{width:100%;font-size:12px}.controls input[type=file]::file-selector-button{padding:7px;background:#24444c;color:white;border:1px solid var(--line);border-radius:8px}.controls .check{display:flex;align-items:center;gap:10px;font-weight:400;font-size:13px}.controls .check input{accent-color:#9ecbc0}.timeline{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:9px}.dateblock{background:#09202c;border:1px solid var(--line);padding:14px;border-radius:11px;margin:14px 0}.dateblock span{color:var(--accent);font-size:10px;letter-spacing:.1em}.dateblock h3{font-size:25px;font-family:Georgia,serif;font-weight:400;margin:1px 0}.dateblock strong{font-size:13px}.dateblock p{margin:6px 0 0}.ministats{display:grid;gap:7px;margin-bottom:14px}.ministats>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0;gap:10px}.ministats span{font-size:11px;color:var(--muted)}.ministats strong{font-size:13px;color:var(--gold);text-align:right}.primary{background:#366b65;border-color:#86c4af;font-weight:650}.aside-note{margin-top:5px}.stage{min-width:0}.stagehead{display:flex;justify-content:space-between;gap:12px;margin:9px 0 12px;align-items:center}.stagehead strong,.stagehead small{display:block}.stagehead small,.stagehead>span{font-size:12px;color:var(--muted)}.viewport{border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;background:#082534}.viewport canvas{display:block;width:100%;height:auto;aspect-ratio:2/1;cursor:crosshair}.stamp{position:absolute;right:12px;top:12px;color:#ffebbb;background:#332d23d9;border:1px solid #907e4b;border-radius:7px;padding:5px 9px;font-size:10px;letter-spacing:.05em;pointer-events:none}.coords{position:absolute;bottom:11px;left:11px;background:#091c25db;border:1px solid var(--line);border-radius:6px;padding:5px 9px;font-size:12px;pointer-events:none}.toolbox{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.toolbox button,.toolbox a{font-size:12px}.status{font-size:12px;color:var(--accent);min-height:22px;margin:12px 0 5px}.context{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.context>div{border:1px solid var(--line);border-radius:12px;padding:18px;background:#10263588}.context p{font-size:13px;color:#afc3c6;line-height:1.7;margin:0}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:18px 25px;color:#96aeb4;font-size:12px}@media(max-width:1040px){.layout{grid-template-columns:1fr}.controls{max-height:unset}.context{grid-template-columns:1fr}}@media(max-width:570px){.mast{padding:13px 15px}.version{display:none}.notice{margin:10px 12px}.layout{padding:0 12px 18px}.stagehead{display:block}.stagehead>span{display:block;margin-top:5px}.stamp{font-size:7px;right:5px;top:4px;padding:2px 4px}.coords{font-size:10px;bottom:5px;left:5px}.toolbox>*{flex:1 1 120px;text-align:center}footer{flex-direction:column}}