:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#183849;background:#eef1e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #a7bab2;background:#f8faf5;color:#183849;border-radius:6px;padding:.65rem .9rem;cursor:pointer;transition:background .15s}button:hover{background:#d8e8dc}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #de8254;outline-offset:3px}.shell{max-width:1440px;margin:auto;padding:0 4vw}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b8c8bc;padding:24px 0}.wordmark{font-size:24px;text-decoration:none;font-weight:800;color:inherit}.wordmark span{font-size:11px;font-weight:600;letter-spacing:.16em;margin-left:20px}.intro{padding:48px 0 30px;max-width:800px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;color:#497969}h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,84px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 24px;font-weight:400}h1 em{font-weight:400;color:#50836d}.intro>p:last-child{font-size:17px;line-height:1.65;max-width:570px}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}nav button:first-child{background:#183849;color:#f5f3e6}main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:28px;align-items:start}.stage,aside,.exports,section:has(>textarea){border:1px solid #b8c8bc;border-radius:12px;background:#f9faf5;padding:24px;min-width:0}h2{font-family:Georgia,serif;font-weight:400;font-size:25px;letter-spacing:-.02em;margin:4px 0 18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title span{font-size:10px;font-weight:700;letter-spacing:.12em}.theatre{display:block;width:100%;border:1px solid #c9d6c8;border-radius:8px;background:#e9eee9}.transport{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:16px 0}.transport strong{font-size:13px;max-width:170px;overflow-wrap:anywhere}.note{font-size:12px;line-height:1.6;color:#5c746e}.tablewrap{overflow:auto;margin:20px 0 28px}table{width:100%;font-size:11px;border-collapse:collapse}th,td{text-align:left;padding:9px 7px;border-bottom:1px solid #dce3d9;overflow-wrap:anywhere;max-width:160px}thead{color:#608474}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;margin:14px 0}input,select,textarea{width:100%;border:1px solid #b7c8ba;border-radius:5px;padding:9px;color:#193f49;background:#fffefa;min-width:0}input[type=color]{height:40px;padding:3px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hinges{border-left:3px solid #a0bfaa;padding-left:15px;margin:22px 0}fieldset{border:1px solid #c4d1c4;border-radius:7px;margin:22px 0;padding:12px 15px}legend{font-size:10px;letter-spacing:.18em;color:#608474;padding:0 8px}.pixels{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;margin:18px 0}.pixels button{aspect-ratio:1;padding:0;border-radius:2px;border:1px solid transparent;min-height:15px}.pixels button.selected{outline:3px solid #192d37;outline-offset:1px;z-index:1}.exports,section:has(>textarea){margin-top:28px}.exports button,section:has(>textarea) button,footer button{margin:5px 7px 5px 0}textarea{min-height:220px;resize:vertical;font-family:ui-monospace,monospace;font-size:12px;line-height:1.5}p{line-height:1.6}.status{position:sticky;bottom:10px;background:#183849;color:#f5f3e6;border-radius:6px;padding:13px 20px;box-shadow:0 5px 20px #18384920;font-size:13px}footer{padding:18px 0 35px;font-size:12px;color:#58736b;max-width:1000px}@media(max-width:800px){main{grid-template-columns:1fr}.shell{padding:0 18px}.wordmark span{display:none}.stage,aside{padding:16px}.intro{padding-top:28px}.pixels{gap:2px}.transport{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media print{header,nav,button,textarea,footer,.status{display:none!important}main{display:block}.stage,aside{break-inside:avoid;border:0}.shell{padding:0}body{background:#fff}.intro{padding:0}h1{font-size:36px}.theatre{max-height:360px}.exports{display:none}}