:root{--font-ui:system-ui, -apple-system, "Segoe UI", "Noto Sans JP", "Hiragino Sans", sans-serif;--font-mono:ui-monospace, "IBM Plex Mono", SFMono-Regular, Menlo, Consolas, monospace;--bg:#14171d;--panel:#1b1f26;--panel-2:#222731;--panel-3:#2a303b;--line:#2c323d;--line-2:#3a4250;--fg:#d9dee7;--fg-2:#b4bccb;--muted:#828b9c;--accent:#43c6ff;--accent-bg:#43c6ff24;--ai:#b7a3ff;--ai-bg:#b7a3ff21;--user:#ffb84d;--user-bg:#ffb84d21;--ok:#3ecf8e;--danger:#ff6b6b;--side-w:360px;--palette-w:64px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}input,select{background:var(--panel-2);border:1px solid var(--line-2);border-radius:4px;min-height:24px;padding:2px 6px}input:focus,select:focus{outline:1px solid var(--accent);outline-offset:-1px}.icon{flex-shrink:0}.spinner{border:2px solid #fff3;border-top-color:var(--accent);vertical-align:-2px;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.spinner.small{border-width:2px;width:11px;height:11px}@keyframes spin{to{transform:rotate(360deg)}}.btn{border:1px solid var(--line-2);background:var(--panel-2);border-radius:5px;padding:6px 14px}.btn:hover:not(:disabled){border-color:var(--accent)}.btn-mini{border:1px solid var(--line-2);background:var(--panel-2);min-height:22px;color:var(--fg-2);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;display:inline-flex}.btn-mini:hover:not(:disabled){border-color:var(--accent);color:var(--fg)}.btn-mini.ai{color:var(--ai);border-color:#b7a3ff73}.btn-mini.danger{color:var(--danger);border-color:#ff6b6b80}.app{grid-template-rows:36px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.app.cad{grid-template-columns:var(--palette-w) minmax(0, 1fr) var(--side-w);grid-template-rows:36px 32px minmax(0,1fr) 24px;grid-template-areas:"title title title""opts opts side""palette main side""status status status"}.app.cad.no-panel{grid-template-columns:var(--palette-w) minmax(0, 1fr) 0}.titlebar{grid-area:title}.toolopts{grid-area:opts}.palette{grid-area:palette}.cad-main{flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex;position:relative}.cad-drop{z-index:8;text-align:center;border:2px dashed var(--accent);color:var(--accent);pointer-events:none;background:#14171dd9;border-radius:10px;place-items:center;padding:16px;font-size:13px;display:grid;position:absolute;inset:8px}.side{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;grid-area:side;min-height:0;display:flex}.statusbar{grid-area:status}.titlebar{border-bottom:1px solid var(--line);background:#101318;align-items:center;gap:10px;padding:0 10px;display:flex}.tb-brand{letter-spacing:.02em;color:var(--fg);white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.tb-brand b{color:var(--ai);font-weight:700}.tb-brand .icon{color:var(--ai)}.tb-file{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--fg-2);align-items:center;gap:8px;display:inline-flex;overflow:hidden}.tb-badge{font-family:var(--font-mono);background:var(--panel-3);color:var(--fg-2);border-radius:3px;padding:0 6px;font-size:11px}.tb-badge.warn{background:var(--user-bg);color:var(--user)}.tb-spacer{flex:1}.titlebar{align-items:stretch}.titlebar>:not(.tabs){align-self:center}.tabs{scrollbar-width:none;flex:0 auto;align-items:flex-end;gap:2px;min-width:0;padding-top:5px;display:flex;overflow:auto hidden}.tab{min-width:72px;max-width:220px;height:30px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;flex:0 auto;align-items:center;gap:6px;padding:0 4px 0 10px;font-size:12.5px;display:inline-flex}.tab:hover{background:var(--panel);color:var(--fg-2)}.tab.on{background:var(--panel-2);border-color:var(--line-2);color:var(--fg);box-shadow:inset 0 2px 0 var(--accent)}.tab-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tab-badge{font-family:var(--font-mono);background:var(--panel-3);color:var(--fg-2);border-radius:3px;flex-shrink:0;padding:0 4px;font-size:10px}.tab-close{width:18px;height:18px;color:var(--muted);opacity:.55;background:0 0;border:none;border-radius:4px;flex-shrink:0;place-items:center;line-height:1;display:grid}.tab:hover .tab-close,.tab.on .tab-close{opacity:1}.tab-close:hover{color:var(--fg);background:#ffffff1a}.tab-add{width:26px;height:26px;color:var(--muted);background:0 0;border:none;border-radius:5px;flex-shrink:0;align-self:center;font-size:17px;line-height:1}.tab-add:hover{background:var(--panel-2);color:var(--fg)}.tab-busy{color:var(--muted);white-space:nowrap;flex-shrink:0;align-self:center;align-items:center;gap:5px;margin-left:4px;font-size:11.5px;display:inline-flex}.tabpane{display:contents}.tabpane.inactive{display:none}.pane-status{color:var(--muted);grid-area:body;place-items:center;display:grid}.btn-primary{border-color:var(--accent);background:var(--accent);color:#06121a;font-weight:700}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.start-open-badge{background:var(--accent-bg);color:var(--accent);border-radius:8px;margin-left:8px;padding:0 6px;font-size:10.5px;font-weight:400}.toast{z-index:50;color:#ffd6d6;cursor:pointer;background:#3a1f24;border:1px solid #ff6b6b99;border-radius:8px;max-width:min(720px,90vw);padding:8px 14px;font-size:12.5px;position:fixed;top:44px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.tb-btn{border:1px solid var(--line-2);background:var(--panel);border-radius:5px;align-items:center;gap:6px;height:26px;padding:0 10px;display:inline-flex}.tb-btn:hover{border-color:var(--accent)}.tb-icon{width:28px;height:26px;color:var(--fg-2);background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.tb-icon:hover:not(:disabled){border-color:var(--line-2);color:var(--fg)}.tb-icon.on{color:var(--accent)}.tb-menu{position:relative}.tb-dropdown{z-index:30;background:var(--panel-2);border:1px solid var(--line-2);border-radius:8px;width:300px;padding:10px;position:absolute;top:32px;right:0;box-shadow:0 16px 40px #00000080}.tb-dropdown-title{color:var(--muted);margin:2px 0 6px;font-size:11px}.tb-formats{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.tb-formats button{border:1px solid var(--line-2);background:var(--panel);font-family:var(--font-mono);border-radius:4px;padding:4px 0;font-size:12px}.tb-formats button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.tb-files{max-height:180px;margin:0;padding:0;list-style:none;overflow:auto}.tb-files li{justify-content:space-between;gap:8px;padding:3px 0;font-size:12px;display:flex}.tb-files a{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.tb-files span,.tb-empty{color:var(--muted);margin:0;font-size:12px}.toolopts{background:var(--panel);border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;gap:14px;padding:0 12px;display:flex;overflow:hidden}.toolopts-name{color:var(--accent);min-width:4em;font-weight:700}.opt{color:var(--fg-2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.opt input{width:70px}.opt-note{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.palette{background:var(--panel);border-right:1px solid var(--line);scrollbar-width:none;flex-direction:column;gap:2px;padding:6px 4px;display:flex;overflow-y:auto}.palette::-webkit-scrollbar{display:none}.palette-group{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;margin-bottom:4px;padding-bottom:6px;display:flex}.palette-group:last-child{border-bottom:none}.palette-title{color:var(--muted);text-align:center;letter-spacing:.08em;padding:2px 0;font-size:9.5px}.palette-btn{width:100%;height:44px;color:var(--fg-2);background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:10.5px;line-height:1.1;display:flex}.palette-btn:hover:not(:disabled){background:var(--panel-2);color:var(--fg)}.palette-btn.active{background:var(--accent-bg);color:var(--accent);border-color:#43c6ff73}.palette-btn span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.cad-canvas{flex:1;min-height:0;display:flex;position:relative}.svgviewer-stage{touch-action:none;outline:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.svgviewer-stage.is-select,.svgviewer-stage.is-picking{cursor:none}.svgviewer-stage.is-pan{cursor:grab}.svgviewer-stage.is-panning{cursor:grabbing}.svgviewer-stage:focus-visible{box-shadow:inset 0 0 0 1px #43c6ff59}.svgviewer-svg,.svgviewer-stage svg{width:100%;height:100%;display:block}.cad-loading{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.cad-canvas.bg-black .svgviewer-stage{background-color:#0b0e14;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:22px 22px}.cad-canvas.bg-navy .svgviewer-stage{background-color:#0c2440;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:22px 22px}.cad-canvas.bg-white .svgviewer-stage{background-color:#fff;background-image:radial-gradient(#0e152612 1px,#0000 1px);background-size:22px 22px}.cad-canvas.bg-black .svgviewer-stage svg,.cad-canvas.bg-navy .svgviewer-stage svg{filter:invert()hue-rotate(180deg)}.cad-canvas.mono .svgviewer-stage svg polyline,.cad-canvas.mono .svgviewer-stage svg polygon{stroke:#1a1a1a}.cad-canvas.mono .svgviewer-stage svg text{fill:#1a1a1a}.cad-canvas.hide-dim .svgviewer-stage svg [data-dim]{display:none}.svgviewer-stage svg [data-hl="1"]{stroke:#ff2d55!important}.svgviewer-stage svg text[data-hl="1"]{fill:#ff2d55!important;stroke:none!important}.cad-canvas.has-hl.dim-others .svgviewer-stage svg [data-id]:not([data-hl]):not([data-sel]){opacity:.28}.svgviewer-stage svg [data-sel="1"]{stroke:#0060f5!important}.svgviewer-stage svg text[data-sel="1"]{fill:#0060f5!important;stroke:none!important}.cad-canvas.bg-white .svgviewer-stage svg [data-sel="1"]{stroke:#ff9f0a!important}.cad-canvas.bg-white .svgviewer-stage svg text[data-sel="1"]{fill:#ff9f0a!important}.cad-cross{pointer-events:none;opacity:0;z-index:2;transition:opacity .1s;position:absolute}.cad-cross-x{background:#ffffff52;height:1px;top:0;left:0;right:0}.cad-cross-y{background:#ffffff52;width:1px;top:0;bottom:0;left:0}.cad-canvas.bg-white .cad-cross-x,.cad-canvas.bg-white .cad-cross-y{background:#0000004d}.svgviewer-stage.is-pan .cad-cross,.svgviewer-stage.is-panning .cad-cross{display:none}.cad-grips{z-index:3;pointer-events:none;position:absolute;inset:0}.cad-grip{box-sizing:border-box;border:1.5px solid #4c9aff;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.cad-grip.hot{background:#4c9aff4d}.cad-canvas.bg-white .cad-grip{border-color:#ff9f0a}.cad-canvas.bg-white .cad-grip.hot{background:#ff9f0a4d}.svgviewer-stage.is-select.on-grip{cursor:move}.svgviewer-stage.on-grip .cad-cross,.svgviewer-stage.is-moving .cad-grips{display:none}.svgviewer-marquee{z-index:4;pointer-events:none;background:#4c8dff24;border:1px solid #4c8dff;position:absolute}.svgviewer-marquee.crossing{background:#3ecf8e1f;border:1px dashed #3ecf8e}.svgviewer-snap{z-index:4;pointer-events:none;border:2px solid #ffd43b;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.svgviewer-snap.kind-中点{border-color:#3ecf8e;border-radius:0;transform:rotate(45deg)scale(.85)}.svgviewer-snap.kind-交点{background:linear-gradient(45deg,#0000 43%,#ff6b6b 43% 57%,#0000 57%),linear-gradient(-45deg,#0000 43%,#ff6b6b 43% 57%,#0000 57%);border:none;width:14px;height:14px;margin:-7px 0 0 -7px}.svgviewer-snap.kind-グリッド{border-style:dotted;border-color:var(--accent)}.svgviewer-snap-label{z-index:4;pointer-events:none;color:#ffd43b;border:1px solid var(--line-2);background:#14171de0;border-radius:3px;padding:0 5px;font-size:11px;position:absolute}.svgviewer-measure{z-index:5;pointer-events:none;white-space:pre;font-family:var(--font-mono);border:1px solid var(--line-2);color:var(--fg);background:#14171de6;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;bottom:10px;left:10px}.cad-text-edit{z-index:7;--font:16px;--angle:0deg;--ax:0;width:0;height:0;position:absolute;top:0;left:0}.cad-text-edit textarea{box-sizing:border-box;width:calc(var(--font) * var(--w-em) + 2px);height:calc(var(--font) * var(--h-em) + 2px);padding:0 calc(var(--font) * .12);border:1px dashed var(--accent);font-family:sans-serif;font-size:var(--font);letter-spacing:0;color:var(--accent);caret-color:#fff;resize:none;white-space:pre;transform-origin:calc(var(--ax) * 100%) calc(var(--font) * var(--b-em) + 1px);transform:translate(calc(var(--ax) * -100%), calc(-1 * (var(--font) * var(--b-em) + 1px))) rotate(var(--angle));background:#0b0e14b8;border-radius:2px;outline:none;margin:0;line-height:1.25;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 3px #43c6ff29}.cad-canvas.bg-white .cad-text-edit textarea{color:#0060f5;caret-color:#0060f5;background:#ffffffd9;border-color:#0060f5;box-shadow:0 0 0 3px #0060f51f}.cad-text-edit-hint{left:0;top:calc(var(--font) * var(--hint-em) + 8px);white-space:nowrap;pointer-events:none;color:var(--fg-2);border:1px solid var(--line-2);background:#14171de0;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute}.svgviewer-stage svg .is-editing{visibility:hidden}.viewctl{z-index:6;border:1px solid var(--line-2);background:#1b1f26eb;border-radius:7px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 6px 20px #00000059}.viewctl button{min-width:26px;height:24px;color:var(--fg-2);background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;display:inline-flex}.viewctl button:hover{background:var(--panel-3);color:var(--fg)}.viewctl button.on{color:var(--accent);background:var(--accent-bg)}.viewctl-zoom{font-family:var(--font-mono);text-align:center;min-width:44px;color:var(--fg);font-size:11.5px}.viewctl-sep{background:var(--line-2);width:1px;height:16px;margin:0 3px}.viewctl-stroke{color:var(--muted);align-items:center;gap:4px;padding:0 4px;font-size:11px;display:inline-flex}.viewctl-stroke input{width:64px;min-height:0;accent-color:var(--accent);background:0 0;border:none;padding:0}.viewctl-swatch{width:18px;border:2px solid var(--line-2)!important;border-radius:50%!important;min-width:18px!important;height:18px!important;padding:0!important}.viewctl-swatch.on{border-color:var(--accent)!important}.viewctl .sw-black{background:#0b0e14}.viewctl .sw-navy{background:#0c2440}.viewctl .sw-white{background:#fff}.cad-banner,.cad-ai-working{z-index:6;white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:5px 8px 5px 12px;font-size:12.5px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000059}.cad-banner{color:var(--user);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffb84d29;border:1px solid #ffb84d80}.cad-ai-working{color:var(--ai);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#b7a3ff29;border:1px solid #b7a3ff80;top:auto;bottom:10px}.cad-banner button,.cad-ai-working button{color:inherit;background:#00000040;border:1px solid;border-radius:4px;padding:1px 10px;font-size:12px}.timeline{background:var(--panel);border-top:1px solid var(--line);align-items:center;gap:8px;height:30px;padding:0 8px;display:flex}.timeline-title{color:var(--muted);font-size:11px}.timeline-track{scrollbar-width:thin;flex:1;align-items:center;gap:4px;display:flex;overflow-x:auto}.vchip{border:1px solid var(--line-2);background:var(--panel-2);height:22px;color:var(--fg-2);white-space:nowrap;border-radius:11px;align-items:center;gap:4px;padding:0 8px;font-size:11.5px;display:inline-flex}.vchip-no{font-family:var(--font-mono);font-weight:700}.vchip.actor-agent{color:var(--ai);border-color:#b7a3ff80}.vchip.actor-user{color:var(--user);border-color:#ffb84d73}.vchip.active{background:var(--accent-bg);border-color:var(--accent);color:var(--fg)}.chip{height:20px;font-family:var(--font-ui);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:0 8px;font-size:11px;display:inline-flex}.chip button{color:inherit;background:0 0;border:none;padding:0;line-height:1}.chip-sel{background:var(--accent-bg);color:var(--accent);border:1px solid #43c6ff66}.chip-edit{background:var(--user-bg);color:var(--user);border:1px solid #ffb84d66}.side-top{border-bottom:1px solid var(--line);flex-direction:column;flex:none;height:40%;min-height:200px;display:flex}.side-tabs{border-bottom:1px solid var(--line);background:#171a20;display:flex}.side-tabs button{height:30px;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-size:12.5px}.side-tabs button.on{color:var(--fg);border-bottom-color:var(--accent)}.side-tab-count{color:var(--muted);margin-left:2px;font-size:10.5px}.side-body{flex:1;min-height:0;overflow-y:auto}.props{flex-direction:column;gap:10px;padding:8px 12px 12px;display:flex}.props-section{flex-direction:column;gap:6px;display:flex}.props-heading{letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.props-count{letter-spacing:0;color:var(--fg);font-size:13px}.props-kinds{color:var(--fg-2);font-size:12px}.props-grid{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:4px 8px;margin:0;font-size:12.5px;display:grid}.props-grid dt{color:var(--muted)}.props-grid dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);margin:0;font-size:12px;overflow:hidden}.props-form dd{font-family:var(--font-ui)}.props-form select,.props-form input:not([type=color]){width:100%}.props-inline{align-items:center;gap:4px;display:flex}.props-inline input[type=color]{flex-shrink:0;width:26px;height:24px;padding:1px}.props-inline input:not([type=color]){flex:1;min-width:0}.props-sub{color:var(--muted);font-family:var(--font-ui);margin-left:8px}.props-buttons{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.props-btn{border:1px solid var(--line-2);background:var(--panel-2);height:26px;color:var(--fg-2);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:4px;font-size:12px;display:inline-flex}.props-btn:hover:not(:disabled){border-color:var(--accent);color:var(--fg)}.props-btn.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.props-warn{color:var(--user);margin:0;padding-left:16px;font-size:12px}.props-empty,.props-locked{color:var(--muted);margin:0;font-size:12px}.props-locked{color:var(--user)}.layers{flex-direction:column;gap:6px;padding:8px 8px 12px;display:flex}.layers-tools,.layers-new{gap:6px;display:flex}.layers-new input{flex:1}.layers-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.layer-row{border-radius:4px;align-items:center;gap:6px;height:28px;padding:0 4px;display:flex}.layer-row:hover{background:var(--panel-2)}.layer-row.current{background:var(--accent-bg)}.layer-row.off .layer-name,.layer-row.off .layer-count{opacity:.45}.layer-eye{color:var(--fg-2);background:0 0;border:none;padding:2px;display:inline-flex}.layer-swatch{border:1px solid #ffffff40;border-radius:2px;flex-shrink:0;width:11px;height:11px}.layer-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;padding:0;overflow:hidden}.layer-badge{background:var(--accent);color:#06121a;border-radius:3px;padding:0 5px;font-size:10px;font-weight:700}.layer-count{font-family:var(--font-mono);color:var(--muted);text-align:right;min-width:2.5em;font-size:11px}.layer-actions{visibility:hidden;gap:3px;display:inline-flex}.layer-row:hover .layer-actions,.layer-row.current .layer-actions{visibility:visible}.histpanel{flex-direction:column;flex:1;min-height:0;display:flex}.histpanel-head{border-bottom:1px solid var(--line);background:#171a20;align-items:center;gap:8px;height:32px;padding:0 10px;display:flex}.histpanel-title{color:var(--fg);white-space:nowrap;align-items:center;gap:6px;font-weight:700;display:inline-flex}.histpanel-state{background:var(--panel-3);color:var(--muted);white-space:nowrap;border-radius:9px;align-items:center;gap:4px;padding:0 7px;font-size:11px;display:inline-flex}.histpanel-state.running{background:var(--ai-bg);color:var(--ai)}.histpanel-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:11px;overflow:hidden}.histpanel-log{flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex;overflow-y:auto}.histpanel-suggest{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.histpanel-suggest-title{color:var(--muted);letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:700}.histpanel-suggest-list{flex-wrap:wrap;gap:5px;display:flex}.suggest{background:var(--ai-bg);color:var(--ai);border:1px solid #b7a3ff66;border-radius:12px;padding:2px 10px;font-size:12px}.suggest:hover{border-color:var(--ai)}.histpanel-hint{color:var(--muted);margin:8px 0 0;font-size:11.5px}.msg-logs{font-family:var(--font-mono);flex-direction:column;gap:1px;font-size:11.5px;line-height:1.5;display:flex}.msg-log{min-width:0;color:var(--muted);gap:6px;display:flex}.msg-log-mark{text-align:center;flex-shrink:0;width:1em}.msg-log-text{overflow-wrap:anywhere;min-width:0}.msg-log.tone-cmd{color:var(--fg-2)}.msg-log.tone-cmd .msg-log-mark{color:var(--accent)}.msg-log.tone-edit{color:var(--user)}.msg-log.tone-error{color:var(--danger)}.msg{max-width:100%;font-size:12.5px;line-height:1.6}.msg-user{color:#eef2ff;white-space:pre-wrap;background:#2c3a5c;border-radius:10px 10px 2px;align-self:flex-end;max-width:90%;padding:6px 10px}.msg-user .msg-chip{color:var(--accent);background:#43c6ff33;border-radius:8px;margin-bottom:2px;padding:0 6px;font-size:10.5px;display:inline-block}.msg-assistant{background:var(--panel-2);border:1px solid var(--line);border-radius:10px 10px 10px 2px;padding:6px 10px}.msg-note{border-left:2px solid var(--accent);color:var(--fg-2);background:#43c6ff12;border-radius:6px;padding:6px 10px}.msg-note.note-error{border-left-color:var(--danger);color:#ffc2c2;background:#ff6b6b14}.msg-tools{border:1px solid var(--line);background:#171a20;border-radius:6px;font-size:12px}.msg-tools>summary{cursor:pointer;color:var(--ai);align-items:center;gap:6px;padding:4px 8px;list-style:none;display:flex}.msg-tools>summary::-webkit-details-marker{display:none}.msg-tools-last{color:var(--muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.msg-tool{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--fg-2);padding:3px 8px;font-size:11px}.msg-tool-head{gap:6px;min-width:0;display:flex}.msg-tool .tool-mark{flex-shrink:0;width:1em}.msg-tool.tool-ok .tool-mark{color:var(--ok)}.msg-tool.tool-error .tool-mark{color:var(--danger)}.msg-tool .tool-name{flex-shrink:0;font-weight:700}.msg-tool .tool-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msg-tool pre{white-space:pre-wrap;max-height:160px;color:var(--muted);margin:3px 0 0;overflow:auto}.msg-version,.msg-highlight{background:var(--ai-bg);border:1px solid #b7a3ff66;border-radius:6px;padding:6px 10px}.msg-version.actor-user{background:var(--user-bg);border-color:#ffb84d66}.msg-version-head{color:var(--fg);align-items:center;gap:6px;display:flex}.msg-version-head strong{font-family:var(--font-mono);color:var(--ai)}.msg-version-reason{color:var(--fg-2);font-size:11.5px}.msg-actions{gap:6px;margin-top:4px;display:flex}.msg-actions button{border:1px solid var(--line-2);background:var(--panel);height:22px;color:var(--fg-2);border-radius:4px;padding:0 8px;font-size:11.5px}.msg-actions button:hover{border-color:var(--ai);color:var(--fg)}.msg-highlight{color:var(--ai)}.msg-result{color:var(--muted);font-size:11px}.msg-result.is-error{color:var(--danger)}.msg-running{color:var(--ai);align-items:center;gap:6px;font-size:12px;display:flex}.composer{border-top:1px solid var(--line);background:#171a20;flex:none;padding:8px 10px}.composer-prompt{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:12px;overflow:hidden}.composer-context{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.composer-row{align-items:flex-end;gap:6px;display:flex}.composer-input{resize:none;border:1px solid var(--line-2);min-width:0;min-height:34px;max-height:140px;color:var(--fg);font:inherit;background:#0b0e14;border-radius:6px;flex:1;padding:7px 9px;font-size:13px;line-height:1.45;overflow-y:auto}.composer-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #43c6ff1f}.composer-input.tone-ai:focus{border-color:var(--ai);box-shadow:0 0 0 2px #b7a3ff26}.composer-input.tone-error:focus{border-color:var(--danger);box-shadow:none}.composer-input::placeholder{color:var(--muted)}.composer-send,.composer-stop{border:1px solid var(--line-2);background:var(--panel-2);border-radius:6px;flex:none;height:34px;padding:0 12px;font-size:12.5px}.composer-send.tone-cad{color:var(--accent);border-color:#43c6ff80}.composer-send.tone-ai{background:var(--ai-bg);color:var(--ai);border-color:#b7a3ff99}.composer-stop{color:var(--danger);background:#ff6b6b1f;border-color:#ff6b6b99}.composer-hint{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.composer-hint.tone-cad{color:var(--accent)}.composer-hint.tone-ai{color:var(--ai)}.composer-hint.tone-error{color:var(--danger)}.composer-attach{border:1px solid var(--line-2);background:var(--panel-2);width:34px;height:34px;color:var(--muted);border-radius:6px;flex:none;place-items:center;display:grid}.composer-attach:hover{color:var(--ai);border-color:#b7a3ff99}.composer-files{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.file-chip{background:var(--ai-bg);max-width:100%;height:24px;color:var(--fg-2);border:1px solid #b7a3ff66;border-radius:6px;align-items:center;gap:5px;padding:0 4px 0 6px;font-size:11.5px;display:inline-flex}.file-chip img{object-fit:cover;border-radius:3px;width:18px;height:18px}.file-chip button{color:var(--muted);background:0 0;border:none;padding:0 2px;line-height:1}.file-chip button:hover{color:var(--fg)}.file-chip.status-uploading{opacity:.75}.file-chip.status-error{background:#ff6b6b1a;border-color:#ff6b6b99}.file-kind{color:var(--fg-2);background:#ffffff14;border-radius:3px;flex-shrink:0;padding:0 4px;font-size:10px}.file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:160px;overflow:hidden}.file-error{color:var(--danger);white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.histpanel{position:relative}.histpanel-drop{z-index:8;text-align:center;border:2px dashed var(--ai);color:var(--ai);pointer-events:none;background:#14171de0;border-radius:10px;place-items:center;padding:16px;font-size:13px;display:grid;position:absolute;inset:6px}.msg-files{flex-wrap:wrap;gap:4px;margin:2px 0 4px;display:flex}.msg-thumb img{border:1px solid #ffffff26;border-radius:5px;max-width:160px;max-height:96px;display:block}.msg-file{color:#eef2ff;background:#0003;border-radius:6px;align-items:center;gap:5px;max-width:100%;height:24px;padding:0 8px 0 5px;font-size:11.5px;text-decoration:none;display:inline-flex}.msg-file:hover{background:#00000059}.msg-out{background:var(--ai-bg);border:1px solid #b7a3ff66;border-radius:6px;padding:6px 8px}.msg-out-head{color:var(--ai);align-items:center;gap:6px;font-size:12px;display:flex}.out-files{flex-direction:column;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.out-file{flex-direction:column;gap:4px;min-width:0;display:flex}.out-preview{background:#f4f5f7;border:1px solid #ffffff1f;border-radius:5px;display:block;overflow:hidden}.out-preview img{object-fit:contain;max-width:100%;max-height:180px;margin:0 auto;display:block}.out-row{background:#0003;border-radius:5px;align-items:center;gap:6px;min-width:0;padding:3px 6px;display:flex}.out-thumb{object-fit:cover;background:#f4f5f7;border-radius:3px;flex-shrink:0;width:20px;height:20px}.out-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg);flex:1;font-size:12px;overflow:hidden}.out-meta{color:var(--muted);flex-shrink:0;font-size:11px}.out-tag{border-radius:3px;flex-shrink:0;padding:0 4px;font-size:10px}.out-tag.new{color:var(--ok);background:#3ecf8e26}.out-tag.updated{background:var(--accent-bg);color:var(--accent)}.out-tag.stale{color:var(--muted);cursor:help;background:#ffffff0f}.out-btn{border:1px solid var(--line-2);background:var(--panel);height:22px;color:var(--fg-2);border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:0 7px;font-size:11.5px;text-decoration:none;display:inline-flex}.out-btn:hover{border-color:var(--ai);color:var(--fg)}.composer{position:relative}.cmd-suggest{z-index:6;border:1px solid var(--line-2);background:#1f242d;border-radius:8px;position:absolute;bottom:calc(100% + 4px);left:10px;right:10px;overflow:hidden;box-shadow:0 -8px 24px #00000073}.cmd-suggest ul{scrollbar-width:thin;max-height:248px;margin:0;padding:4px;list-style:none;overflow-y:auto}.cmd-suggest li{cursor:pointer;border-radius:5px;align-items:baseline;gap:8px;padding:3px 8px;font-size:12.5px;display:flex}.cmd-suggest li.on{background:var(--accent-bg)}.cmd-name{font-family:var(--font-mono);color:var(--accent);flex:0 0 7em}.cmd-alias{font-family:var(--font-mono);color:var(--muted);flex:0 0 2.8em;font-size:11px}.cmd-label{min-width:0;color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cmd-usage{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;font-size:11px;overflow:hidden}.md p{margin:0 0 6px}.md p:last-child{margin-bottom:0}.md .md-h{font-weight:700}.md ul,.md ol{margin:4px 0 6px;padding-left:18px}.md code{font-family:var(--font-mono);background:#ffffff12;border-radius:3px;padding:0 4px;font-size:11.5px}.md pre{font-family:var(--font-mono);white-space:pre-wrap;background:#101318;border-radius:5px;padding:8px;font-size:11.5px;overflow:auto}.md-table{border-collapse:collapse;margin:4px 0 8px;font-size:12px}.md-table th,.md-table td{border:1px solid var(--line-2);text-align:left;padding:2px 8px}.md-table th{background:var(--panel-3)}.statusbar{border-top:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#101318;align-items:center;gap:6px;padding:0 8px;font-size:11.5px;display:flex;overflow:hidden}.sb-coord{font-family:var(--font-mono);color:var(--fg);min-width:230px}.sb-sep{background:var(--line-2);width:1px;height:14px}.sb-spacer{flex:1}.sb-toggle{border:1px solid var(--line-2);height:18px;color:var(--muted);background:0 0;border-radius:3px;padding:0 8px;font-size:11px}.sb-toggle.on{color:var(--accent);background:var(--accent-bg);border-color:#43c6ff80}.sb-item{color:var(--fg-2);background:0 0;border:none;align-items:center;gap:4px;padding:0 4px;font-size:11.5px;display:inline-flex}button.sb-item:hover{color:var(--fg)}.sb-ai{color:var(--ai)}.sb-ai.down{color:var(--danger)}.sb-help{color:var(--fg-2);background:0 0;border:none;padding:2px;display:inline-flex}.ctxmenu{z-index:50;background:var(--panel-2);border:1px solid var(--line-2);border-radius:7px;min-width:210px;padding:4px;position:fixed;box-shadow:0 14px 36px #0000008c}.ctxmenu button{text-align:left;width:100%;color:var(--fg);background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:12.5px;display:block}.ctxmenu button:hover:not(:disabled){background:var(--accent-bg)}.ctxmenu button.ai{color:var(--ai)}.ctxmenu button.ai:hover:not(:disabled){background:var(--ai-bg)}.ctxmenu button.danger{color:var(--danger)}.ctxmenu-sep{background:var(--line-2);height:1px;margin:4px 6px}.help-backdrop{z-index:60;background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.help{background:var(--panel);border:1px solid var(--line-2);border-radius:10px;width:min(760px,92vw);max-height:84vh;padding:14px 18px;overflow:auto;box-shadow:0 20px 60px #0009}.help header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.help h3{color:var(--accent);margin:12px 0 4px;font-size:12px}.help p{font-family:var(--font-mono);color:var(--fg-2);margin:0 0 3px;font-size:12px}.start{background:radial-gradient(circle at 50% 0%, #b7a3ff17, transparent 55%), var(--bg);place-items:center;min-height:0;padding:32px 16px;display:grid;overflow:auto}.start-card{flex-direction:column;gap:14px;width:min(680px,100%);display:flex}.start h1{align-items:center;gap:10px;margin:0;font-size:22px;display:flex}.start h1 .icon{color:var(--ai)}.start-lead{color:var(--fg-2);margin:0}.start-drop{text-align:center;border:2px dashed var(--line-2);background:var(--panel);cursor:pointer;min-height:200px;color:var(--fg-2);border-radius:12px;place-items:center;gap:4px;padding:24px;display:grid}.start-drop.over{border-color:var(--accent);background:var(--accent-bg)}.start-drop.busy{cursor:progress}.start-main{color:var(--fg);margin:0;font-weight:700}.start-sub{color:var(--muted);margin:0;font-size:12px}.start-actions{gap:8px;display:flex}.start-error{color:var(--danger);margin:0}.start-recent-title{color:var(--muted);letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:700}.start-recent ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.start-recent li{align-items:center;gap:6px;display:flex}.start-recent li .drawing-open{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:6px;flex:1;justify-content:space-between;gap:12px;min-width:0;padding:7px 10px;display:flex}.start-recent li .drawing-open:hover:not(:disabled){border-color:var(--accent)}.start-recent li .drawing-delete{width:26px;height:26px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:5px;flex-shrink:0;place-items:center;display:grid}.start-recent li .drawing-delete:hover{color:var(--danger);border-color:#ff6b6b80}.start-recent li .drawing-confirm{color:var(--danger);flex-shrink:0;align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.start-recent-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.start-recent-usage{color:var(--muted);font-size:11px}.start-limit{color:var(--user);margin:0 0 6px;font-size:12px}.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.start-recent-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.start-recent-meta{color:var(--muted);white-space:nowrap;font-size:12px}@media (max-width:1180px){:root{--side-w:310px}}@media (max-width:900px){:root{--side-w:0px;--palette-w:52px}.side{z-index:20;width:min(340px,90vw);position:fixed;top:68px;bottom:24px;right:0;box-shadow:-10px 0 30px #00000080}.palette-btn{font-size:9px}.toolopts .opt-note{display:none}}.app{grid-template-areas:"title""body"}.start{grid-area:body}:root{--palette-w:88px}.palette{padding:4px}.palette-grid{grid-template-columns:1fr 1fr;gap:2px;display:grid}.palette-btn{border-radius:5px;gap:2px;height:40px;font-size:9.5px}.palette-title{padding:1px 0 2px;font-size:9px}.palette-group{margin-bottom:2px;padding-bottom:4px}.viewctl{top:auto;bottom:8px;right:8px}.side-top{border-bottom:none}.side-splitter{cursor:row-resize;background:var(--line);border-top:1px solid #101318;border-bottom:1px solid #101318;flex:0 0 5px}.side-splitter:hover{background:var(--accent)}.side-top.collapsed{height:auto;min-height:0}.side-tabs .side-fold{color:var(--muted);flex:0 0 34px;place-items:center;display:grid}.side-tabs .side-fold:hover{color:var(--fg)}.side-fold .icon{transition:transform .15s}.side-top.collapsed .side-fold .icon{transform:rotate(-90deg)}.side-top.collapsed .side-tabs button:hover{color:var(--fg)}.layers.inverted .layer-swatch{filter:invert()hue-rotate(180deg)}@media (max-width:900px){:root{--palette-w:76px}.palette-btn{font-size:8.5px}}.toolopts-spacer{flex:1}.toolopts .viewctl{box-shadow:none;background:0 0;border:none;padding:0;position:static}.toolopts .viewctl button{height:22px}.toolopts .opt-note{flex:0 auto;min-width:0}.toolopts .viewctl{flex-shrink:0}.toolopts-step{min-width:0;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.pane-status.boot{height:100vh}.login-card{gap:18px}.login-notice{background:var(--accent-bg);color:var(--fg);border-radius:6px;margin:0;padding:8px 12px;font-size:12.5px}.login-form{flex-direction:column;gap:8px;display:flex}.login-form label{color:var(--muted);letter-spacing:.06em;font-size:11px;font-weight:700}.login-row{gap:8px;display:flex}.login-row input{flex:1;min-height:34px;padding:4px 10px;font-size:14px}.login-row .btn{white-space:nowrap}.login-form a,.start-sub a{color:var(--accent)}.login-sent{border:1px solid var(--line-2);background:var(--panel);border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.login-sent p{margin:0}.login-sent .btn{align-self:flex-start}.account{border:1px solid var(--line-2);background:var(--panel);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;display:flex}.account-main{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.account-email{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.account-points{color:var(--fg);white-space:nowrap}.account-points b{color:var(--ai);font-weight:700}.account-sub{color:var(--muted);margin-left:6px;font-size:11px}.account-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.account-actions a.btn-mini{text-decoration:none}.account-note{color:var(--user);flex-basis:100%;margin:0;font-size:12px}.account-note.ok{color:var(--ok)}.plan-badge{letter-spacing:.04em;background:var(--panel-3);color:var(--fg-2);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700}.plan-badge.agent{background:var(--ai-bg);color:var(--ai)}.sb-points{color:var(--ai);background:0 0;border:none;padding:0 6px}.sb-points:hover{text-decoration:underline}.tb-formats button.locked{color:var(--muted);border-style:dashed;position:relative}.tb-lock{background:var(--ai-bg);color:var(--ai);font-size:9px;font-family:var(--font-ui);border-radius:6px;padding:0 4px;position:absolute;top:-7px;right:-4px}.note-action{margin-top:6px}button.out-preview,button.msg-thumb,button.msg-file,button.out-btn{font:inherit;color:inherit;text-align:left;cursor:pointer}button.out-preview,button.msg-thumb{background:0 0;border:none;padding:0}.img-loading{background:var(--panel-3);border-radius:4px;min-width:40px;min-height:24px;display:inline-block}.img-failed{background:repeating-linear-gradient(45deg, var(--panel-3), var(--panel-3) 4px, var(--panel-2) 4px, var(--panel-2) 8px);border-radius:4px;min-width:40px;min-height:24px;display:inline-block}.toast.info{color:#e8e1ff;background:#26213d;border-color:#b7a3ff99}