:root{font:15px/1.4 "Segoe UI",system-ui,sans-serif;color:#edf0e9;background:#111511;--panel:#1a201a;--edge:#343e34;--muted:#adb8aa;--lime:#dcff73;--dark:#1c2810}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button,select,summary,input[type=range]{cursor:pointer}button:disabled,select:disabled,input:disabled{opacity:.48;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button{color:inherit}
.header{height:67px;padding:0 max(24px,calc((100vw - 1420px)/2));border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;background:#161c16}.brand{display:flex;align-items:center;gap:11px}.brand strong,.brand span{display:block}.brand strong{font-size:14px;letter-spacing:.12em}.brand span{color:var(--muted);font-size:9px;letter-spacing:.15em;margin-top:2px}.mark{width:36px;height:36px;border-radius:9px;background:var(--lime);color:var(--dark);padding:4px}.local{font-size:12px;color:#d5ded3;background:#202a20;border:1px solid #344333;padding:6px 10px;border-radius:20px}.local i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:5px}
main{max-width:1468px;margin:auto;padding:27px 24px 0}.intro{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:24px}.eyebrow{color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 8px}.eyebrow span{color:#85956f;margin:0 5px}h1{font-size:clamp(30px,4vw,52px);font-weight:650;letter-spacing:-.045em;line-height:1.08;margin:0}.description{color:var(--muted);margin:9px 0 0}
.layout{display:grid;grid-template-columns:295px minmax(0,1fr);gap:16px;align-items:start}.controls,.workspace{background:var(--panel);border:1px solid var(--edge);border-radius:13px;overflow:hidden}.module{padding:14px 15px;border-bottom:1px solid var(--edge)}.module:last-child{border:0}h2,summary{font-size:14px;font-weight:650;margin:0 0 11px}h2 b,summary b{color:var(--lime);font:700 11px ui-monospace,monospace;margin-right:7px}summary::marker{color:var(--muted)}details:not([open]) summary{margin:0}.module label{display:block;font-size:12px;color:#dce3da;margin-bottom:8px}.module select,.module input[type=number],.zoom select{display:block;color:#edf0e9;background:#141914;border:1px solid #404b3e;border-radius:6px;padding:6px 7px;width:100%;margin-top:4px;min-height:33px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.range-label{display:flex;justify-content:space-between;align-items:center}.range-label label{margin:0}.range-label output{color:var(--lime);font:12px ui-monospace,monospace}.module input[type=range]{margin:4px 0 8px;width:100%;accent-color:var(--lime)}.module input[type=checkbox]{accent-color:var(--lime);vertical-align:middle}.small{font-size:11px;color:var(--muted);margin:3px 0 0}.file-info{overflow-wrap:anywhere;margin-top:7px}
.upload{width:100%;background:#212b1f;border:1px dashed #607253;border-radius:7px;padding:12px 4px}.upload strong,.upload span{display:block}.upload strong{color:var(--lime);font-size:13px}.upload span{color:var(--muted);font-size:11px;margin-top:3px}.upload:hover,.upload.drag{background:#303e28;border-color:var(--lime)}.primary,.secondary,.tab,.link-button{border:1px solid #465441;border-radius:7px;padding:8px 11px;background:#232c22;font-weight:600;font-size:12px}.secondary:hover:not(:disabled),.tab:hover:not(:disabled){background:#344333}.mini{padding:5px 7px}.link-button{border:0;background:none;color:var(--lime);padding:5px}.primary{display:flex;justify-content:space-between;width:100%;margin-top:11px;background:var(--lime);border-color:var(--lime);color:var(--dark);font-size:14px}.primary:hover:not(:disabled){background:#efffb9}
.bar,.status-row,.export{padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{border-color:transparent;background:none;color:var(--muted);padding:6px 10px}.tab[aria-pressed=true]{background:#35422e;color:var(--lime)}.zoom{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.zoom select{margin:0;font-size:12px}
.board{position:relative;min-height:410px;height:clamp(410px,57vh,690px);border-block:1px solid var(--edge);background:radial-gradient(#445144 1px,transparent 1px) 0 0/17px 17px,#242d25}.empty{display:grid;place-content:center;justify-items:center;text-align:center;width:100%;height:100%;padding:15px;color:#e6eee1}.empty svg{width:91px;margin-bottom:7px;color:#9fad95}.empty strong{font-size:17px}.empty p{color:var(--muted);margin:6px 0}.canvas-space{width:100%;height:100%;overflow:auto}.frame{position:relative;margin:22px auto;background:conic-gradient(#e2e4df 25%,#f6f7f3 0 50%,#e2e4df 0 75%,#f6f7f3 0) 0 0/20px 20px;box-shadow:0 4px 28px #0006;isolation:isolate}.frame img{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.frame.picking{cursor:crosshair}.split-line{position:absolute;left:var(--split,50%);top:0;bottom:0;width:2px;background:#74a31b;transform:translateX(-1px);pointer-events:none}.split-line::after{content:"↔";position:absolute;top:50%;left:1px;transform:translate(-50%,-50%);padding:3px 7px;background:var(--lime);color:var(--dark);border-radius:99px}.frame input{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.frame:focus-within{outline:2px solid var(--lime)}.chips{position:absolute;inset:7px 8px auto;display:flex;justify-content:space-between;pointer-events:none}.chips span{font:700 10px ui-monospace,monospace;letter-spacing:.09em;background:#151d15;color:#edf4e8;padding:5px 8px;border-radius:5px}
.status-row{min-height:44px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--edge)}#status[data-error=true]{color:#ffb7a0}#metrics{text-align:right;white-space:nowrap}.export h2{margin:0}.export p{font-size:12px;color:var(--muted);margin:4px 0}.export-buttons{display:flex;flex-wrap:wrap;gap:6px}.export-buttons button:first-child:not(:disabled){color:var(--lime);border-color:#68804c}
footer{display:flex;justify-content:space-between;gap:8px;color:var(--muted);letter-spacing:.09em;font-size:10px;padding:18px 0}footer a{color:var(--lime);text-decoration:none}
@media(max-width:820px){.layout{grid-template-columns:240px minmax(0,1fr)}.export{align-items:flex-start;flex-direction:column}}@media(max-width:620px){main{padding:18px 10px 0}.header{padding:0 10px}.intro{align-items:flex-start;flex-direction:column}.layout{display:flex;flex-direction:column}.controls,.workspace{width:100%}.board{height:410px}.local{font-size:10px}.bar{padding-inline:6px}.tab{padding-inline:6px}}