.ce{--ce-blue: #2563eb;display:flex;flex-direction:column;flex:1;min-height:0;background:var(--color-surface);border-top:1px solid var(--color-border-default);overflow:hidden}.ce-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:8px 10px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.ce-tgroup{display:flex;align-items:center;gap:2px;padding-right:10px;border-right:1px solid var(--color-border-subtle)}.ce-tgroup:last-child{border-right:none;padding-right:0}.ce-spacer{flex:1}.ce-toolbar button{display:inline-flex;align-items:center;gap:6px;height:34px;min-width:34px;padding:0 8px;justify-content:center;font:inherit;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.ce-toolbar button:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border-default);color:var(--color-text-primary)}.ce-toolbar button.is-on{background:var(--color-accent-bg-strong);border-color:var(--color-accent-border);color:var(--color-accent-hover)}.ce-toolbar button:disabled{opacity:.4;cursor:default}.ce-toolbar button.ce-primary{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);padding:0 12px}.ce-toolbar button.ce-primary:hover:not(:disabled){background:var(--color-accent-hover);color:#fff}.ce-snap{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-text-tertiary)}.ce-snap select{font:inherit;font-size:.85rem;padding:4px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-surface);color:var(--color-text-primary)}.ce-body{flex:1;min-height:0;display:grid;grid-template-columns:188px minmax(0,1fr) 340px}.ce-left,.ce-right{min-height:0;overflow-y:auto;background:var(--color-surface)}.ce-left{border-right:1px solid var(--color-border-subtle);padding:12px}.ce-left h3{margin:4px 0 8px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.ce-left h3:not(:first-child){margin-top:18px}.ce-palette{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ce-palette button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;font:inherit;font-size:.75rem;color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer}.ce-palette button:hover:not(:disabled){border-color:var(--color-accent-border);background:var(--color-accent-bg);color:var(--color-text-primary)}.ce-palette button svg{color:var(--color-accent-primary)}.ce-palette .ce-ai-shape{grid-column:span 2;flex-direction:row;justify-content:center;background:linear-gradient(135deg,var(--color-accent-bg),#eef3ff)}.ce-outline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ce-outline button{width:100%;display:flex;align-items:center;gap:8px;padding:6px 8px;font:inherit;font-size:.85rem;text-align:left;color:var(--color-text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ce-outline button:hover{background:var(--color-bg-secondary)}.ce-outline button.is-on{background:#e7efff;color:var(--ce-blue)}.ce-outline small{color:var(--color-text-muted)}.ce-outline-empty{font-size:.85rem;color:var(--color-text-muted);padding:4px 8px}.ce-dot{flex-shrink:0;width:12px;height:12px;border-radius:3px;border:1.5px solid var(--color-border-strong)}.ce-canvas{position:relative;min-width:0;min-height:0;background:#fbf7f2}.ce-canvas>canvas,.ce-canvas>div:first-child{width:100%;height:100%}.ce-canvas-msg{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.ce-canvas-msg.is-error{color:var(--color-error-text)}.ce-hint{position:absolute;top:16px;left:50%;transform:translate(-50%);max-width:min(440px,calc(100% - 32px));padding:10px 14px;font-size:.9rem;text-align:center;color:var(--color-text-secondary);background:#fffdfaeb;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);pointer-events:none}.ce-hint p{margin:0}.ce-readout{position:absolute;left:12px;bottom:12px;display:flex;gap:10px;font-family:var(--font-mono);font-size:.78rem;color:var(--color-text-secondary);background:#fffdfae6;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);pointer-events:none}.ce-pending{color:var(--color-info-text)}.ce-toast{position:absolute;top:16px;right:16px;max-width:320px;padding:8px 12px;font-size:.88rem;color:var(--color-info-text);background:var(--color-info-bg-solid);border:1px solid var(--color-info-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.ce-right{border-left:1px solid var(--color-border-subtle);display:flex;flex-direction:column;overflow:hidden}.ce-tabs{display:flex;border-bottom:1px solid var(--color-border-subtle)}.ce-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px;font:inherit;font-size:.88rem;font-weight:600;color:var(--color-text-tertiary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer}.ce-tabs button.is-on{color:var(--color-text-primary);border-bottom-color:var(--color-accent-primary)}.ce-tabpanel{flex:1;min-height:0;overflow-y:auto}.ce-tabpanel[hidden]{display:none}.ce-inspector{padding:14px;display:flex;flex-direction:column;gap:14px}.ce-empty-insp p{margin:0;color:var(--color-text-secondary)}.ce-tips{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.82rem;color:var(--color-text-tertiary)}kbd{font-family:var(--font-mono);font-size:.75rem;padding:1px 5px;border-radius:4px;border:1px solid var(--color-border-default);background:var(--color-bg-primary);color:var(--color-text-secondary)}.ce-insp-head{display:flex;align-items:center;gap:8px}.ce-name{flex:1;min-width:0;font:inherit;font-weight:700;font-size:1rem;padding:6px 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary)}.ce-name:hover,.ce-name:focus{border-color:var(--color-border-default);background:var(--color-bg-primary)}.ce-kind{font-size:.75rem;color:var(--color-text-muted)}.ce-toggle{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);overflow:hidden}.ce-toggle button{padding:8px;font:inherit;font-size:.88rem;font-weight:600;background:var(--color-surface);color:var(--color-text-secondary);border:none;cursor:pointer}.ce-toggle button+button{border-left:1px solid var(--color-border-default)}.ce-toggle button.is-on{background:var(--color-text-primary);color:#fff}.ce-swatches{display:flex;flex-wrap:wrap;gap:6px}.ce-swatch{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border-default);cursor:pointer;padding:0}.ce-swatch.is-on{outline:2px solid var(--ce-blue);outline-offset:2px}.ce-row h4{margin:0 0 6px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary)}.ce-vec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ce-num{display:flex;flex-direction:column;gap:2px;font-size:.72rem;color:var(--color-text-muted)}.ce-num input,.ce-text{width:100%;font:inherit;font-size:.88rem;font-family:var(--font-mono);padding:6px 8px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary)}.ce-text{font-family:inherit;margin-bottom:6px}.ce-measure{margin:-6px 0 0;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-secondary)}.ce-param{display:block;margin-bottom:10px}.ce-param-head{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:2px}.ce-param-head output{font-family:var(--font-mono);color:var(--color-accent-hover)}.ce-param input[type=range]{width:100%;accent-color:var(--color-accent-primary)}.ce-note{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.ce-note.is-error{color:var(--color-error-text)}.ce-ai{display:flex;flex-direction:column;height:100%}.ce-ai-list{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.ce-ai-intro p{margin:0 0 10px;font-size:.9rem;color:var(--color-text-secondary)}.ce-ai-starters{display:flex;flex-direction:column;gap:6px}.ce-chip{font:inherit;font-size:.84rem;text-align:left;color:var(--color-text-secondary);background:var(--color-accent-bg);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);padding:8px 10px;cursor:pointer}.ce-chip:hover:not(:disabled){background:var(--color-accent-bg-strong);color:var(--color-text-primary)}.ce-msg{max-width:92%;padding:8px 12px;border-radius:14px;font-size:.9rem;line-height:1.45;white-space:pre-wrap}.ce-msg-user{align-self:flex-end;background:var(--color-accent-primary);color:#fff;border-bottom-right-radius:4px}.ce-msg-ai{align-self:flex-start;background:var(--color-bg-secondary);color:var(--color-text-primary);border-bottom-left-radius:4px}.ce-msg.is-error{background:var(--color-error-bg-solid);color:var(--color-error-text)}.ce-typing{display:flex;gap:4px;padding:12px 14px}.ce-typing span{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);animation:ce-bounce 1s infinite ease-in-out}.ce-typing span:nth-child(2){animation-delay:.15s}.ce-typing span:nth-child(3){animation-delay:.3s}@keyframes ce-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}.ce-ai-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--color-border-subtle)}.ce-ai-form textarea{flex:1;min-width:0;font:inherit;font-size:.9rem;padding:8px 10px;resize:none;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary)}.ce-ai-form textarea:focus{outline:2px solid var(--color-accent-primary);outline-offset:1px}@media(max-width:1100px){.ce-body{grid-template-columns:150px minmax(0,1fr) 300px}.ce-palette{grid-template-columns:1fr}.ce-palette .ce-ai-shape{grid-column:auto}.ce-toolbar button span{display:none}}@media(max-width:820px){.ce-body{display:flex;flex-direction:column}.ce-left{order:2;flex-shrink:0;border-right:none;border-top:1px solid var(--color-border-subtle);padding:6px 8px;overflow-x:auto;overflow-y:hidden}.ce-left h3,.ce-outline{display:none}.ce-palette{display:flex;gap:6px}.ce-palette button{flex-shrink:0;padding:6px 8px;min-width:60px}.ce-palette .ce-ai-shape{grid-column:auto;flex-direction:column}.ce-canvas{order:1;flex:1;min-height:0}.ce-right{order:3;flex-shrink:0;border-left:none;border-top:1px solid var(--color-border-subtle);height:40%}.ce-views,.ce-snap{display:none}}.ce-gate{align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(circle at 20% 20%,var(--color-accent-bg) 0,transparent 45%),radial-gradient(circle at 80% 70%,#eef3ff 0,transparent 45%),var(--color-surface)}.ce-gate-card{max-width:460px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.ce-gate-card h2{margin:0;font-family:var(--font-display);font-size:1.6rem}.ce-gate-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;color:var(--color-accent-hover);background:var(--color-accent-bg-strong)}.ce-gate-sub{margin:0;color:var(--color-text-secondary)}.ce-gate-list{list-style:none;margin:4px 0 8px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.92rem;color:var(--color-text-secondary);text-align:left}.ce-gate-list li{display:flex;align-items:center;gap:8px}.ce-gate-list svg{color:var(--color-accent-primary);flex-shrink:0}.ce-docname{max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:6px;font-size:.85rem;font-weight:700;color:var(--color-text-primary)}.ce-docname small{font-weight:500;color:var(--color-text-muted)}.ce-credits{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:.8rem;font-weight:600;color:var(--color-success-text);background:var(--color-success-bg-solid);border:1px solid var(--color-success-border);border-radius:var(--radius-full);white-space:nowrap}.ce-credits.is-low{color:var(--color-warning-text);background:var(--color-warning-bg-solid);border-color:var(--color-warning-border)}.ce-credits.is-out{color:var(--color-error-text);background:var(--color-error-bg-solid);border-color:var(--color-error-border)}.ce-ai-locked,.ce-ai-credits{margin:0;padding:8px 12px;font-size:.8rem;border-top:1px solid var(--color-border-subtle)}.ce-ai-locked{color:var(--color-error-text);background:var(--color-error-bg-solid)}.ce-ai-credits{color:var(--color-text-muted)}.ce-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#33241e73}.ce-modal{width:min(760px,100%);max-height:min(80vh,720px);overflow-y:auto;padding:18px 20px 22px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);outline:none}.ce-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ce-modal-head h2{margin:0;font-family:var(--font-display);font-size:1.3rem}.ce-icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer}.ce-icon-btn:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.ce-design-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.ce-design-grid li{position:relative}.ce-design-open{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px;font:inherit;text-align:left;background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer}.ce-design-open:hover:not(:disabled){border-color:var(--color-accent-border)}.is-current .ce-design-open{border-color:var(--ce-blue)}.ce-design-open img,.ce-design-ph{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-sm);background:#fbf7f2}.ce-design-ph{display:grid;place-items:center;color:var(--color-text-muted)}.ce-design-name{font-weight:700;font-size:.9rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ce-design-meta{font-size:.75rem;color:var(--color-text-muted)}.ce-design-del{position:absolute;top:12px;right:12px;background:#fffdfae6}@media(max-width:1100px){.ce-docname,.ce-saveas{display:none}}