:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9e9dd;background:#18252a;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #526b70;background:#22363b;color:#e9e9dd;padding:.6rem .9rem;border-radius:5px}button:hover{background:#365157}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e8cd88;outline-offset:3px}.app{max-width:1440px;margin:auto;padding:36px;background:#18252a}.app:fullscreen{overflow:auto;max-width:none}.brand,.eyebrow{font-size:.72rem;letter-spacing:.18em;color:#92dac4;font-weight:700}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-family:Georgia,serif;font-size:clamp(2.7rem,5vw,5rem);font-weight:400;line-height:.98;margin:22px 0}h1 em{color:#e8cd88}h2{font-family:Georgia,serif;font-weight:400;font-size:1.9rem;line-height:1.2;margin:12px 0 20px}.scope{max-width:820px;color:#a9bec1;font-size:.9rem}nav,.buttons{display:flex;gap:9px;flex-wrap:wrap}nav{padding:18px 0;border-block:1px solid #40555b;margin-top:25px}.status{padding:16px 0;color:#bce6d8;min-height:60px}.status.pending{color:#e8cd88}main{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.panel{background:#203138;border:1px solid #40555b;padding:28px;border-radius:10px}.drawing{background:#18252a;border-radius:8px;overflow:hidden}.drawing svg{width:100%;height:auto;max-height:480px;display:block}.legend{display:flex;flex-wrap:wrap;gap:15px;font-size:.8rem;color:#e8cd88;padding-top:12px}.legend span:nth-child(2){color:#92dac4}.legend span:nth-child(3){color:#f58a70}p{color:#aec1c4;font-size:.9rem}.readout{color:#e9e9dd;background:#18252a;padding:14px;border-left:3px solid #e8cd88}.primary{background:#e8cd88;color:#18252a;font-weight:700}.primary:hover{background:#f8e1ad}ol{list-style:none;padding:0}ol>li{margin:12px 0;background:#18252a;border:1px solid transparent;border-radius:6px;overflow:hidden}ol>li.selected{border-color:#e8cd88}.step{width:100%;border:0;display:flex;gap:15px;align-items:center;text-align:left;background:transparent}.step b{color:#e8cd88;font-size:1.3rem}.step span:nth-child(2){flex:1}.step small{display:block;color:#a8bec1}.reorder{display:flex;gap:8px;padding:0 12px 12px}.reorder button{font-size:.75rem;padding:4px 9px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}label{font-size:.8rem;color:#c9d7d5}input,select,textarea{width:100%;border:1px solid #60767b;background:#18252a;color:#f0efdf;border-radius:4px;padding:9px;margin-top:5px}textarea{font:12px/1.6 ui-monospace,monospace;height:360px;resize:vertical}.editor>button{margin-top:12px}details{font-size:.85rem;overflow-wrap:anywhere}footer{margin-top:35px;border-top:1px solid #40555b;padding-top:28px;max-width:900px}footer button{margin-right:10px}input,small,h2{overflow-wrap:anywhere}@media(max-width:760px){.app{padding:18px}main{grid-template-columns:1fr}.panel{padding:20px}.top{align-items:flex-start}.top>button{margin-top:20px;font-size:.75rem}.fields{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{body,.app,.panel{background:#fff;color:#000}.app{padding:0}.panel{break-inside:avoid}.editor,.source,nav,footer,button,.status{display:none}main{display:block}.map,.sequence{margin-bottom:20px}p{color:#333}.drawing{-webkit-print-color-adjust:exact;print-color-adjust:exact}ol>li{background:#fff}.step{color:#000;display:flex!important}.reorder{display:none}.step small{color:#333}}