:root{color-scheme:dark;font:14px/1.5 system-ui,sans-serif;color:#e4edf0;background:#10232b;--edge:#3c5b62;--gold:#efc586;--muted:#a6bec8}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{border:1px solid var(--edge);background:#1c3640;color:inherit;border-radius:7px;padding:9px 13px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:var(--gold)}button:disabled{opacity:.45;cursor:default}button.primary,.primary{border-color:#bc9962;background:#3e534e;color:#ffe1a9}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}h1,h2{line-height:1.2}h1{font-size:26px;margin:0 0 18px}h2{font-size:18px}p{margin:10px 0;color:var(--muted)}small,.muted{color:var(--muted)}a{color:#f2d29e}input,select{max-width:100%;border:1px solid var(--edge);border-radius:5px;background:#173039;padding:7px;color:inherit}input[type=checkbox]{width:auto}label{display:flex;gap:7px;align-items:center}code{user-select:all;background:#071c23;padding:4px 7px;border-radius:4px;overflow-wrap:anywhere}ol{padding-left:22px}li{margin:10px 0}.page{max-width:940px;padding:32px 24px;margin:auto}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:14px}.box{border:1px solid var(--edge);border-radius:12px;padding:18px;margin:20px 0;background:#142b34}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.status{font-size:12px;color:var(--muted);white-space:normal;overflow-wrap:anywhere}.status[data-error=true]{color:#ffb49f}.popover{padding:20px}.toolbar{padding:11px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--edge);background:#11262f}.toolbar .name{width:190px}.toolbar .brand{color:var(--gold);font-weight:600;margin-right:6px}.toolbar .grow{flex:1}.workbench{height:100vh;display:flex;flex-direction:column}.workspace{flex:1;min-height:0;position:relative}.workspace iframe{width:100%;height:100%;border:0;display:block}#previewPanel{position:absolute;inset:10px 12px auto auto;width:310px;max-width:calc(100% - 24px);padding:15px;border:1px solid #ad915f;border-radius:10px;background:#11262ff5;box-shadow:0 12px 30px #0005;z-index:9}.preview-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.preview-image{height:210px;border:1px solid var(--edge);border-radius:6px;background-color:#20383c;background-image:linear-gradient(45deg,#ffffff07 25%,transparent 25%),linear-gradient(-45deg,#ffffff07 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff07 75%),linear-gradient(-45deg,transparent 75%,#ffffff07 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;display:flex;justify-content:center;padding:8px}.preview-image img{max-width:100%;max-height:100%;object-fit:contain}#previewStats{font-variant-numeric:tabular-nums}.fullwidth{width:100%;margin-top:8px}.close{padding:2px 9px;font-size:21px}.bar-bottom{padding:7px 14px;border-top:1px solid var(--edge);min-height:32px}.inline-options{display:flex;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--edge)}[hidden]{display:none!important}details summary{cursor:pointer;color:#c9dce3}details p{font-size:12px}.busy{opacity:.75;pointer-events:none}.flex-inline{display:inline-flex;gap:10px;align-items:center}#shipSelect{max-width:240px}@media(max-width:760px){.toolbar .brand{display:none}.toolbar{gap:7px}.toolbar button{padding:7px 9px}.toolbar .name{width:145px}.page{padding:23px 16px}.workspace iframe{min-width:330px}.preview-image{height:150px}}

#previewPanel{max-height:calc(100% - 20px);overflow-y:auto;overscroll-behavior:contain}.toolbar .brand small{font-size:11px;margin-left:5px}