:root{--color-canvas-bg:#eef0f4;--color-panel-bg:#fff;--color-border:#e2e4ea;--color-border-subtle:#eceef2;--color-text:#1e293b;--color-text-secondary:#64748b;--color-accent:#2563eb;--color-accent-dark:#1d4ed8;--color-accent-soft:#e8edff;--color-success:#10b981;--color-danger:#ef4444;--color-grid-line:#d8dce3;--radius-panel:10px;--radius-control:6px;--shadow-panel:0 4px 14px #0000001f;--font-ui:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--font-size-ui:12.5px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:var(--font-size-ui);color:var(--color-text);background:var(--color-canvas-bg);overflow:hidden}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select{font-family:inherit;font-size:inherit}.floating-panel{background:var(--color-panel-bg);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);z-index:20;position:fixed}.toolbar-panel{flex-direction:column;gap:6px;max-height:calc(100vh - 80px);padding:8px;display:flex;top:50%;left:16px;overflow-y:auto;transform:translateY(-50%)}.prefab-panel{flex-direction:column;gap:10px;width:240px;max-height:calc(100vh - 96px);padding:12px;display:flex;top:64px;left:68px}.prefab-categories{flex-wrap:wrap;gap:4px;display:flex}.prefab-category-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);text-transform:capitalize;background:0 0;border-radius:999px;padding:4px 9px;font-size:11.5px}.prefab-category-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.prefab-items{grid-template-columns:repeat(3,1fr);gap:6px;display:grid;overflow-y:auto}.prefab-item-btn{border-radius:var(--radius-control);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:10.5px;display:flex}.prefab-item-btn:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.prefab-item-swatch{border-radius:5px;width:22px;height:22px}.properties-panel{flex-direction:column;gap:10px;width:220px;max-height:calc(100vh - 100px);padding:14px;display:flex;top:76px;right:16px;overflow-y:auto}.tool-button{border-radius:var(--radius-control);width:36px;height:36px;color:var(--color-text-secondary);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:flex}.tool-button:hover{color:var(--color-text);background:#f0f1f5}.tool-button.active{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.toolbar-divider{background:var(--color-border-subtle);height:1px;margin:2px 4px}.panel-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:2px;font-size:11px}.panel-empty-state{color:var(--color-text-secondary);font-size:12.5px;line-height:1.5}.field-row{align-items:center;gap:8px;display:flex}.field-row+.field-row{margin-top:-2px}.field-input{border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;color:var(--color-text);background:#fff;padding:5px 7px}.field-input:focus{border-color:var(--color-accent);outline:none}.field-color{border:1px solid var(--color-border);border-radius:var(--radius-control);background:0 0;width:28px;height:28px;padding:0}.field-two-col{grid-template-columns:1fr 1fr;gap:8px;display:grid}.top-bar{background:var(--color-panel-bg);border-bottom:1px solid var(--color-border);z-index:30;align-items:center;gap:10px;height:52px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.top-bar-brand{color:var(--color-text);white-space:nowrap;margin-right:8px;font-size:14px;font-weight:700}.top-bar-group{align-items:center;gap:4px;display:flex}.top-bar-spacer{flex:1}.zoom-readout{text-align:center;min-width:44px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.icon-button{border-radius:var(--radius-control);width:32px;height:32px;color:var(--color-text-secondary);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.icon-button:hover:not(:disabled){color:var(--color-text);background:#f0f1f5}.fabric-trigger{gap:6px;width:auto;padding:0 10px;font-size:12.5px;font-weight:600}.stability-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stability-excellent{background:var(--color-success)}.stability-good{background:#84cc16}.stability-fair{background:#f59e0b}.stability-poor{background:var(--color-danger)}.icon-button:disabled{opacity:.35;cursor:default}.icon-button.active{background:var(--color-accent-soft);color:var(--color-accent)}.autosave-status{color:var(--color-text-secondary);white-space:nowrap;font-size:11.5px}.toast{background:var(--color-text);color:#fff;border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);z-index:50;text-align:center;max-width:60vw;padding:10px 16px;font-size:12.5px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.dropdown-wrap{position:relative}.dropdown-menu{background:var(--color-panel-bg);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);z-index:40;flex-direction:column;gap:2px;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.dropdown-item{border-radius:var(--radius-control);text-align:left;width:100%;color:var(--color-text);background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 10px;font-size:12.5px;font-weight:600;display:flex}.dropdown-item:hover{background:#f0f1f5}.dropdown-item-desc{color:var(--color-text-secondary);font-size:11px;font-weight:400}.assistant-panel{flex-direction:column;gap:8px;width:300px;height:440px;padding:12px;display:flex;top:64px;right:252px}.assistant-header{justify-content:space-between;align-items:center;display:flex}.assistant-messages{flex-direction:column;flex:1;gap:8px;padding:4px 2px;display:flex;overflow-y:auto}.assistant-message{white-space:pre-wrap;border-radius:10px;max-width:85%;padding:7px 10px;font-size:12.5px;line-height:1.45}.assistant-message.user{background:var(--color-accent);color:#fff;align-self:flex-end}.assistant-message.assistant{color:var(--color-text);background:#f0f1f5;align-self:flex-start}.assistant-message.error{color:#991b1b;background:#fee2e2;align-self:flex-start}.assistant-input-row{gap:6px;display:flex}.assistant-settings{flex-direction:column;gap:8px;padding:4px 2px;display:flex}.save-and-quote-btn{border-radius:var(--radius-control);background:var(--color-success);color:#fff;white-space:nowrap;border:none;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:12.5px;font-weight:700;display:flex}.save-and-quote-btn:hover{filter:brightness(.94)}@media (pointer:coarse){.tool-button,.icon-button{width:44px;height:44px}.fabric-trigger{width:auto;height:44px}.prefab-item-btn{padding:12px 6px}.dropdown-item{padding:12px 10px}}