html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{letter-spacing:0;font-family:Segoe UI,Arial,sans-serif}:root{--ink:#e7e4d8;--muted:#96958d;--panel:#151614;--line:#34362f;--gold:#c8a657}*{box-sizing:border-box}button,input,select{font:inherit;letter-spacing:0}button{color:inherit}.app-shell{min-width:1080px;height:100vh;color:var(--ink);background:#0d0e0d;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#111210;justify-content:space-between;align-items:center;height:58px;padding:0 12px 0 16px;display:flex}.brand{align-items:center;gap:10px;min-width:250px;display:flex}.brand-mark{border:1px solid var(--gold);width:34px;height:34px;color:var(--gold);place-items:center;font:600 21px Georgia,serif;display:grid}.brand strong,.brand small{letter-spacing:0;display:block}.brand strong{font:600 15px Georgia,serif}.brand small{color:var(--muted);margin-top:2px;font-size:11px}.file-actions{align-items:center;gap:5px;display:flex}.divider{background:var(--line);width:1px;height:28px;margin:0 5px}.command,.icon-button{border:1px solid var(--line);cursor:pointer;background:#1b1c19;justify-content:center;align-items:center;gap:7px;height:34px;display:inline-flex}.command{padding:0 10px}.icon-button{width:34px}.command:hover,.icon-button:hover{background:#242520;border-color:#77766d}.primary{color:#f3d98f;border-color:#8d753d}.command:disabled,.icon-button:disabled{opacity:.35;cursor:default}.workspace{grid-template-columns:70px minmax(600px,1fr) 308px;height:calc(100vh - 58px);display:grid}.toolrail{border-right:1px solid var(--line);background:#121310;padding:8px 6px;overflow-y:auto}.tool{color:#aaa99f;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:57px;min-height:54px;padding:6px 2px;display:flex}.tool span{text-align:center;font-size:9px;line-height:1.1}.tool:hover{color:#fff;background:#1e201c}.tool.active{color:#f2d47d;background:#28251b;border-color:#6e5c31}.canvas-wrap{background-color:#23241f;background-image:linear-gradient(45deg,#292a25 25%,#0000 25%),linear-gradient(-45deg,#292a25 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#292a25 75%),linear-gradient(-45deg,#0000 75%,#292a25 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat;background-size:24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:relative;overflow:hidden}.canvas-status{z-index:3;pointer-events:none;gap:1px;display:flex;position:absolute;top:10px;left:12px}.canvas-status span{color:#d3d0c3;background:#090a09dc;border:1px solid #34362f;padding:6px 9px;font-size:11px}.message-bar{z-index:3;border-top:1px solid var(--line);color:#ddd9c9;background:#0a0b0ae8;justify-content:space-between;min-height:32px;padding:7px 12px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.message-bar span{color:#77776f}.inspector{background:var(--panel);border-left:1px solid var(--line);padding-bottom:30px;overflow-y:auto}.inspector section{border-bottom:1px solid var(--line);padding:14px 15px}.inspector h2{color:#d7c07d;text-transform:uppercase;letter-spacing:0;margin:0 0 10px;font:600 12px Georgia,serif}.inspector label{color:#aaa99f;margin:8px 0;font-size:11px;display:block;position:relative}.inspector input,.inspector select{color:#f0eee5;background:#0f100e;border:1px solid #3b3d36;outline:none;width:100%;height:33px;margin-top:4px;padding:0 9px}.inspector input:focus,.inspector select:focus{border-color:#9f8547}.inspector select{appearance:none}.inspector label>svg{pointer-events:none;color:#777;position:absolute;bottom:9px;right:9px}.segments{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.segments button{cursor:pointer;background:#0f100e;border:1px solid #393b34;height:34px;font-size:10px}.segments button i{background:var(--swatch);width:9px;height:9px;margin-right:5px;display:inline-block}.segments button.selected{border-color:var(--swatch);color:#fff;background:#252720}.number-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hint{color:#7f8078;margin:7px 0 0;font-size:10px;line-height:1.4}.selection code{color:#cfd0c6;background:#0d0e0c;padding:7px;font-size:11px;display:block;overflow:hidden}.danger{color:#f0aaaa;cursor:pointer;background:#291616;border:1px solid #713636;width:100%;height:32px;margin-top:9px}.validation{padding:0!important}.validation-head{cursor:pointer;background:#1a1b18;border:0;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 14px;display:flex}.validation-head.has-errors{color:#faa;background:#2b1717}.issue-list{max-height:190px;overflow:auto}.issue-list button{text-align:left;cursor:pointer;background:#121310;border:0;border-top:1px solid #30322c;grid-template-columns:48px 1fr;gap:5px;width:100%;padding:7px 10px;display:grid}.issue-list b{color:#d39165;text-transform:uppercase;font-size:9px}.issue-list span{color:#b5b5ad;font-size:10px;line-height:1.3}.issue-list p{padding:10px;font-size:11px}.legend dl{margin:0}.legend dl div{border-bottom:1px dotted #393a35;justify-content:space-between;padding:5px 0;display:flex}.legend dt,.legend dd{font-size:11px}.legend dt{color:#92938c}.legend dd{color:#e8e5d8;margin:0}@media (width<=1200px){.workspace{grid-template-columns:62px minmax(560px,1fr) 280px}.tool{width:49px}.command{padding:0 7px;font-size:11px}.brand{min-width:210px}}