:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#24463e;background:#f3efe4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #789085;border-radius:7px;padding:9px 12px;background:#fffaf0;color:#24463e;cursor:pointer}button:hover{background:#e1e9da}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c86037;outline-offset:2px}.app{max-width:1540px;margin:auto;padding:30px;overflow:auto}.app:fullscreen{background:#f3efe4;max-width:none}header{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,4vw,52px);margin:8px 0}h2{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:9px 0}p{line-height:1.55}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:750;color:#526a5d}nav{display:flex;flex-wrap:wrap;gap:8px;border-block:1px solid #c6cdbc;padding:17px 0;margin-top:18px}.status{padding:14px 0;color:#87502f;font-size:14px;min-height:50px}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:26px}.studio,aside{border:1px solid #c6cdbc;border-radius:12px;background:#fffcf4;padding:23px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.pill{font-size:12px;background:#e6eddf;padding:8px 12px;border-radius:20px;white-space:nowrap}.hint{font-size:12px;color:#607064}.stage{width:100%;height:420px;background:#eeeee1;border-radius:8px}.tree{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.tree li{padding:12px;border:1px solid #d4d7c8;border-radius:6px}.tree button{text-align:left;width:100%}.tree small{display:block;font-size:11px;margin-top:8px}.tree p{font-size:13px}.exports,.row{display:flex;flex-wrap:wrap;gap:7px}.exports button:first-child,.row button:first-child{background:#24463e;color:#fff}label{display:block;font-size:12px;font-weight:650;margin:16px 0 7px}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #a9b6a5;border-radius:5px;padding:9px;background:#fffef8;color:#24463e}textarea{resize:vertical;min-height:90px}.json{font-family:ui-monospace,monospace;font-size:11px;min-height:340px}aside>button{margin:5px 5px 5px 0}details{margin-top:20px}summary{cursor:pointer;font-weight:650}footer{font-size:12px;padding:25px 0;color:#607064}footer button{font-size:12px;margin:8px}.printonly{display:none}@media(max-width:900px){main{grid-template-columns:1fr}.app{padding:18px}.stage{height:330px}}@media(max-width:520px){header{align-items:flex-start}.tree{grid-template-columns:1fr}.stage{height:260px}.studio,aside{padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.app>*{display:none!important}.app>.printonly{display:block!important}.printonly svg{max-width:100%;height:auto}.app{padding:0}.app>.printblocked{display:block!important}}main.reveal{grid-template-columns:1fr}.reveal .stage{height:470px}.reveal .tree{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}