:root{--ink:#12110f;--panel:#1c1b18eb;--stroke:#f2efe8;--accent:#c8ff3d;--danger:#ff5c3a;--muted:#f2efe88c;--line:#f2efe81f;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-ui:"Outfit", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--ink);height:100%;color:var(--stroke);font-family:var(--font-ui);margin:0;overflow:hidden}.app{background:radial-gradient(ellipse 90% 60% at 10% -10%, #c8ff3d14, transparent 55%), radial-gradient(ellipse 70% 50% at 100% 0%, #ff5c3a12, transparent 50%), var(--ink);grid-template-rows:auto 1fr;height:100%;display:grid;position:relative}.chrome{z-index:2;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:grid}.chrome>*{pointer-events:auto}.brand{justify-self:start;align-items:center;gap:.65rem;display:flex}.brand-mark{background:radial-gradient(circle at 70% 30%, var(--danger) 0 28%, transparent 29%), linear-gradient(145deg, transparent 40%, var(--accent) 41% 58%, transparent 59%), #1c1b19;width:1.35rem;height:1.35rem;box-shadow:inset 0 0 0 1px var(--line);border-radius:.35rem}.brand-name{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.35rem;font-weight:800;line-height:1}.tool-rail{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:.9rem;gap:.2rem;padding:.3rem;display:flex;box-shadow:0 10px 40px #00000059}.tool-btn,.action-btn{appearance:none;color:var(--stroke);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.65rem;transition:background .16s,color .16s,transform .16s}.tool-btn{letter-spacing:.01em;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;height:auto;min-height:2.55rem;padding:.28rem .55rem .32rem;font-size:.78rem;font-weight:600;display:flex}.tool-label{line-height:1.1}.tool-keys{letter-spacing:.02em;color:var(--muted);gap:.22rem;font-size:.62rem;font-weight:500;line-height:1;display:flex}.tool-btn.active .tool-keys{color:#14130fb3}.tool-btn:hover,.action-btn:hover:not(:disabled){background:#ffffff0f}.tool-btn.active{background:var(--accent);color:#14130f;transform:translateY(-1px)}.actions{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:.9rem;justify-self:end;align-items:center;gap:.35rem;padding:.3rem;display:flex}.action-btn{min-width:2.2rem;height:2.2rem;padding:0 .7rem;font-size:.9rem;font-weight:500}.action-btn:disabled{opacity:.35;cursor:default}.action-btn.ghost{color:var(--muted)}.action-btn.danger{color:var(--danger)}.width-control{color:var(--muted);align-items:center;gap:.4rem;padding:0 .45rem;font-size:.75rem;display:flex}.width-control input[type=range]{width:4.5rem;accent-color:var(--accent)}.width-number{border:1px solid var(--line);width:2.4rem;height:1.7rem;color:var(--stroke);font:inherit;text-align:center;-moz-appearance:textfield;background:#ffffff0a;border-radius:.4rem;margin:0;padding:0 .2rem;font-size:.8rem;font-weight:600}.width-number::-webkit-outer-spin-button{opacity:.7;margin:0}.width-number::-webkit-inner-spin-button{opacity:.7;margin:0}.canvas-shell{border:1px solid var(--line);background:linear-gradient(#ffffff05,#0000 40%),#1a1916;border-radius:1.1rem;min-height:0;margin:0 .75rem .75rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.board{touch-action:none;width:100%;height:100%;display:block}.left-dock{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-start;gap:.45rem;max-width:calc(100% - 2rem);display:flex;position:absolute;bottom:1rem;left:1rem}.left-dock>*{pointer-events:auto}.color-dock{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;flex-direction:column;gap:.45rem;padding:.55rem;display:flex}.color-tabs{background:#ffffff0a;border-radius:.65rem;gap:.2rem;padding:.15rem;display:flex}.color-tab{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.28rem .55rem;font-size:.72rem;font-weight:600}.color-tab.active{background:var(--accent);color:#14130f}.swatch-row{align-items:center;gap:.45rem;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:1.35rem;height:1.35rem;padding:0}.swatch-none{background:linear-gradient(135deg,#0000 46%,#ff5c3a 46% 54%,#0000 54%),repeating-conic-gradient(#3a3935 0% 25%,#1c1b19 0% 50%) 0 0/8px 8px}.swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px #c8ff3d40}.fill-styles{gap:.3rem;display:flex}.fill-style-btn{appearance:none;border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#ffffff08;border-radius:.5rem;align-items:center;gap:.35rem;padding:.28rem .45rem;font-size:.7rem;font-weight:600;display:inline-flex}.fill-style-btn.active{color:var(--stroke);background:#c8ff3d1f;border-color:#c8ff3d73}.fill-preview{border:1px solid #f2efe859;border-radius:.2rem;flex-shrink:0;width:.9rem;height:.9rem}.fill-preview-solid{background:#ffb347}.fill-preview-hachure{background:repeating-linear-gradient(-45deg,#0000,#0000 2px,#ffb347 2px 3px)}.fill-preview-cross-hatch{background:repeating-linear-gradient(-45deg,#0000,#0000 2px,#ffb347 2px 3px),repeating-linear-gradient(45deg,#0000,#0000 2px,#ffb347 2px 3px)}.context-menu-root{z-index:30;position:fixed;inset:0}.context-menu{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.7rem;gap:.15rem;min-width:11rem;padding:.3rem;display:grid;position:fixed;box-shadow:0 16px 40px #0006}.context-menu button{appearance:none;color:var(--stroke);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.45rem;padding:.45rem .65rem;font-size:.85rem}.context-menu button:hover:not(:disabled){background:#c8ff3d1f}.context-menu button:disabled{opacity:.35;cursor:default}.frame-ungroup-chip{z-index:6;color:#ffb4a4;letter-spacing:.02em;cursor:pointer;pointer-events:auto;background:#2a1410;border:1px solid #ff5c3a8c;border-radius:999px;padding:.35rem .65rem;font:650 .75rem/1 Bricolage Grotesque,sans-serif;position:absolute;transform:translateY(-50%);box-shadow:0 6px 18px #00000059}.frame-ungroup-chip:hover{color:#ffe0d8;background:#3a1a14}.icon-dock{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.8rem;gap:.35rem;padding:.35rem;display:flex}.icon-dock .action-btn{align-items:center;gap:.35rem;display:inline-flex}.btn-keys{color:var(--muted);letter-spacing:.02em;font-size:.65rem;font-weight:600}.font-dock{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.8rem;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.35rem .45rem;display:flex}.font-presets{gap:.2rem;display:flex}.font-preset{min-width:1.85rem;height:1.7rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4rem;padding:0 .35rem;font-size:.75rem;font-weight:600}.font-preset:hover{color:var(--stroke);background:#ffffff0f}.font-preset.active{color:#12110f;background:var(--accent);border-color:var(--accent)}.icon-dialog-root{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0808078c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.icon-dialog{border:1px solid var(--line);background:#1a1916;border-radius:1rem;width:min(420px,100%);padding:1.1rem 1.2rem 1.2rem;box-shadow:0 24px 70px #00000073}.icon-dialog h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.15rem}.icon-dialog p{color:var(--muted);margin:0 0 .85rem;font-size:.85rem}.icon-catalog-dialog{width:min(520px,100%)}.icon-catalog-tabs{background:#ffffff0a;border-radius:.65rem;gap:.2rem;margin:0 0 .75rem;padding:.15rem;display:flex}.icon-catalog-cats{flex-wrap:wrap;gap:.25rem;margin:0 0 .65rem;display:flex}.icon-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:.4rem;max-height:min(42vh,360px);margin:0 0 .25rem;padding:.1rem;display:grid;overflow:auto}.icon-catalog-item{appearance:none;border:1px solid var(--line);color:var(--stroke);font:inherit;cursor:pointer;background:#ffffff08;border-radius:.65rem;flex-direction:column;align-items:center;gap:.35rem;padding:.55rem .4rem;font-size:.72rem;font-weight:600;display:flex}.icon-catalog-item:hover{background:#5ec8ff14;border-color:#5ec8ff8c}.icon-catalog-item img{object-fit:contain;border-radius:.25rem;width:28px;height:28px}.icon-catalog-empty{text-align:center;color:var(--muted);grid-column:1/-1;margin:.75rem 0;font-size:.85rem}.template-dialog{width:min(520px,100%)}.template-dialog-lead{margin:0 0 .85rem!important}.template-grid{grid-template-columns:1fr 1fr;gap:.55rem;margin:0 0 1rem;display:grid}.template-card{appearance:none;border:1px solid var(--line);color:var(--stroke);font:inherit;text-align:left;cursor:pointer;background:#ffffff08;border-radius:.75rem;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.85rem .9rem;transition:border-color .16s,background .16s,transform .16s;display:flex}.template-card:hover{background:#c8ff3d14;border-color:#c8ff3d73;transform:translateY(-1px)}.template-card-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:.98rem;font-weight:700}.template-card-desc{color:var(--muted);font-size:.78rem;line-height:1.35}.service-card-dock{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;flex-direction:column;gap:.4rem;min-width:200px;padding:.55rem .6rem;display:flex}.service-card-dock label{color:var(--muted);grid-template-columns:2.4rem 1fr;align-items:center;gap:.4rem;font-size:.72rem;display:grid}.service-card-dock input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--stroke);font:inherit;background:#ffffff0a;border-radius:.45rem;padding:.35rem .45rem;font-size:.8rem}.service-card-dock input:focus{outline:1.5px solid var(--accent);outline-offset:0}.protocol-dock .font-preset{font-size:.7rem}.icon-dialog-input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--stroke);font:inherit;background:#ffffff0a;border-radius:.55rem;margin:0 0 .9rem;padding:.65rem .75rem;font-size:.9rem}.icon-dialog-input:focus{outline:2px solid var(--accent);outline-offset:1px}.text-edit-area{resize:vertical;min-height:6.5rem;line-height:1.45;font-family:var(--font-display), sans-serif}.inline-text-editor{z-index:8;box-sizing:border-box;border:1.5px solid var(--accent);resize:none;pointer-events:auto;caret-color:var(--accent);background:#1c1b19f5;border-radius:.35rem;margin:0;padding:.35rem .5rem;font-family:Bricolage Grotesque,sans-serif;font-weight:600;position:absolute;overflow:auto;box-shadow:0 8px 28px #00000059}.inline-text-editor.centered{text-align:center}.inline-text-editor:focus{outline:none}.inline-text-editor::placeholder{color:var(--muted);opacity:.7}.icon-dialog-actions{justify-content:flex-end;gap:.4rem;display:flex}.present-banner{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;justify-self:center;margin:0;padding:.45rem .9rem;font-size:.78rem;font-weight:600}.app.present .hint,.canvas-shell.present .left-dock{display:none}.minimap{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#12110feb;border-radius:.7rem;width:176px;height:118px;position:absolute;bottom:1rem;right:1rem;overflow:hidden;box-shadow:0 12px 36px #0006}.minimap-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.hint{z-index:2;color:var(--muted);pointer-events:none;margin:0;font-size:.75rem;position:absolute;bottom:calc(1.55rem + 118px);right:1.4rem}.help-overlay{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0808079e;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.help-panel{border:1px solid var(--line);background:#1a1916;border-radius:1rem;width:min(640px,100%);max-height:min(80vh,720px);padding:1.25rem 1.35rem 1.4rem;overflow:auto;box-shadow:0 24px 80px #00000073}.help-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.help-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.35rem}.help-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.help-grid h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .65rem;font-size:.78rem;font-weight:600}.help-grid ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.help-grid li{justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.help-keys{flex-shrink:0;gap:.3rem;display:flex}.help-keys kbd{border:1px solid var(--line);min-width:1.5rem;font:inherit;text-align:center;color:var(--accent);background:#ffffff0a;border-radius:.35rem;padding:.18rem .4rem;font-size:.75rem;font-weight:600}@media (width<=860px){.help-grid,.template-grid{grid-template-columns:1fr}.chrome{grid-template-columns:1fr;justify-items:center;gap:.55rem;padding-bottom:.4rem}.brand,.actions{justify-self:center}.tool-rail{max-width:100%;overflow-x:auto}.hint{display:none}.minimap{width:140px;height:96px;bottom:.65rem;right:.65rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #c8ff3d}