:root{--bg: #f7f7f7;--paper: #ffffff;--ink: #1d1d1f;--muted: #9a9aa0;--pending: #b8b8be;--line: #e6e6e3;--accent: #ff7a45;--accent-soft: #ffe7dc;--ok: #19b36b;--no: #d05a5a;--shadow: 0 1px 3px #0000001a, 0 8px 24px #0000000f;--panel-handle: 44px;--surface-subtle: #f6f6f4;--surface-hover: #00000008;--surface-selected: #00000012;--ink-secondary: #3a3a3c;--focus: #0b84ff;--font-sans: ui-sans-serif, -apple-system, system-ui, "Segoe UI", "PingFang SC", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-ui: 13.5px;--font-size-body: 14px;--line-height-body: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-panel: 16px;--shadow-panel: -1px 1px 4px #0000000d, -8px 0 22px #0000000b;--shadow-modal: 0 12px 40px #0000002e;--sidebar-width: 212px;--workspace-inset: 8px;--motion-fast: .18s;--button-height: 34px;--button-radius: 8px;--button-primary-bg: #1d1d1f;--button-primary-text: #fff;--button-secondary-bg: #fff;--button-secondary-text: #1d1d1f;--button-secondary-border: #d8d8d5;--button-tertiary-text: #3a3a3c;--button-negative-bg: #fdf0ee;--button-negative-text: #b83d32;--button-negative-border: #e8b4ac;font-family:var(--font-sans)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink)}.button-primary,.button-secondary,.button-tertiary,.button-negative,.llm-save,.confirm-cancel,.clear-saved,.llm-back,.auth-switch,.confirm-delete{min-height:var(--button-height);padding:0 14px;border-radius:var(--button-radius);font:550 var(--font-size-sm)/1 var(--font-sans);cursor:pointer}.button-primary,.llm-save{border:1px solid var(--button-primary-bg);background:var(--button-primary-bg);color:var(--button-primary-text)}.button-secondary,.confirm-cancel,.clear-saved{border:1px solid var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--button-secondary-text)}.button-tertiary,.llm-back,.auth-switch{border:1px solid transparent;background:transparent;color:var(--button-tertiary-text)}.button-negative,.confirm-delete{border:1px solid var(--button-negative-border);background:var(--button-negative-bg);color:var(--button-negative-text)}.button-primary:hover,.llm-save:hover{filter:brightness(.88)}.button-secondary:hover,.confirm-cancel:hover,.clear-saved:hover,.button-tertiary:hover,.llm-back:hover,.auth-switch:hover{background:var(--surface-hover)}.button-negative:hover,.confirm-delete:hover{filter:brightness(.97)}.app-shell{height:100%;display:flex;background:var(--bg);overflow:hidden}.sidebar{width:var(--sidebar-width);flex:none;min-height:0;display:flex;flex-direction:column;gap:2px;padding:12px 10px;transition:width var(--motion-fast) ease,padding var(--motion-fast) ease;overflow:hidden}.sidebar.collapsed{width:46px;padding:12px 6px}.side-toggle-row{display:flex;justify-content:flex-start;margin-bottom:12px}.sidebar.collapsed .side-toggle-row{justify-content:center}.side-btn,.side-toggle{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink-secondary);font-size:var(--font-size-ui);font-family:inherit;padding:7px var(--space-2);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;width:100%;text-align:left}.side-toggle{width:auto}.side-btn:hover,.side-toggle:hover{background:var(--surface-hover)}.side-btn svg,.side-toggle svg,.tree-row svg{flex:none;width:17px;height:17px;color:#3a3a3c}.sidebar.collapsed .side-btn{justify-content:center;padding:7px 0}.side-tree{margin-top:16px;flex:1;min-height:0;overflow-y:auto}.tree-row{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border-radius:8px;font-size:var(--font-size-ui);color:var(--ink-secondary);cursor:pointer;white-space:nowrap}.tree-row:hover{background:var(--surface-hover)}.tree-row.sel{background:#0000000c}.tree-row.active{background:var(--surface-selected);font-weight:600}.tree-row.drag-over{background:#0b84ff1a;outline:1.5px dashed #0b84ff88;outline-offset:-1px}.side-tree.drag-over-root{background:#00000006;outline:1.5px dashed #00000022;outline-offset:-3px;border-radius:8px}.drag-tooltip{position:fixed;z-index:1000;pointer-events:none;background:#1e1e1eee;color:#fff;border-radius:8px;padding:7px 10px;font-size:12.5px;box-shadow:0 4px 14px #00000040;max-width:260px}.drag-tooltip-title{display:flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}.drag-tooltip-title svg{width:14px;height:14px;color:#fff;flex:none}.drag-tooltip-sub{margin-top:2px;color:#d0d0d0;white-space:nowrap}.tree-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.row-tool{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:auto;border:0;border-radius:6px;background:transparent;color:#6f6f74;cursor:pointer;padding:0;visibility:hidden;opacity:0;pointer-events:none}.tree-row:hover .row-tool{visibility:visible;opacity:1;pointer-events:auto}.row-tool:hover{background:#00000010;color:#1e1e1e}.row-tool svg{width:14px;height:14px;color:inherit}.tree-kids{margin-left:15px;border-left:1.5px solid #dcdcda;padding-left:3px}.tree-rename{flex:1;min-width:0;font:inherit;font-size:13.5px;color:var(--ink);border:0;border-bottom:1.5px solid var(--focus);outline:none;background:transparent;padding:0}.side-footer{margin-top:auto;padding-top:12px}.side-controls{display:flex;flex-direction:column;align-items:stretch;gap:6px}.side-control-row{width:100%;min-height:34px;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#3a3a3c;border-radius:8px;padding:6px 8px;font:inherit;font-size:13.5px;text-align:left;cursor:pointer}.side-control-row:hover{background:#00000008}.side-control-icon,.profile-avatar{width:20px;height:20px;flex:none;display:inline-flex;align-items:center;justify-content:center}.side-control-icon svg,.profile-avatar svg{width:18px;height:18px}.profile-avatar{width:28px;height:28px;margin-left:-4px;border-radius:50%;background:#d9d9d9;color:#777}.profile-avatar svg{width:17px;height:17px}.side-control-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .side-controls{align-items:center}.sidebar.collapsed .side-control-row{width:34px;justify-content:center;padding:6px 0}.sidebar.collapsed .profile-avatar{margin-left:0}.llm-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#14141847;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.llm-settings{width:460px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;gap:16px}.llm-settings-head{display:flex;align-items:center;justify-content:space-between}.llm-settings-head-new{display:grid;grid-template-columns:auto 1fr auto;gap:10px}.llm-settings-head-new strong{text-align:center}.llm-settings-head strong{font-size:14px;color:var(--ink)}.llm-settings-x{border:0;background:none;font-size:20px;line-height:1;color:#999;cursor:pointer}.llm-back{border:0;background:none;color:var(--ink);font-size:13px;font-weight:550;padding:4px 0;cursor:pointer}.llm-back:hover{text-decoration:underline}.llm-section{display:flex;flex-direction:column;gap:12px}.llm-section h2{margin:0;font-size:13px;color:var(--ink);font-weight:650}.llm-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#555}.llm-field input,.llm-field select{width:100%;font-size:13px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff}.llm-model-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.llm-model-row .llm-field{min-width:0}.llm-add-model{border:1px solid var(--line);background:#fff;color:#111;font-size:12px;font-weight:400;padding:7px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}.llm-add-model:hover{background:#f6f6f4;border-color:#b8b8b5}.llm-new-model{border-top:1px solid var(--line);padding-top:14px}@media (max-width: 420px){.llm-model-row{grid-template-columns:1fr}.llm-add-model{width:100%}}.llm-note{font-size:11px;color:#999;margin:0;line-height:1.4}.llm-settings-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center}.llm-save{border:1px solid #b8d4f4;background:#f4f9ff;color:#1a5fb4;font-size:13px;padding:6px 16px;border-radius:8px;cursor:pointer}.llm-save:hover{background:#e8f2ff}.llm-save:disabled{opacity:.6;cursor:default}.clear-saved{border:1px solid var(--line);background:#fff;color:#999;font-size:12px;padding:5px 10px;border-radius:8px;cursor:pointer}.clear-saved:hover{color:#c0392b;border-color:#e8b4ac}.clear-saved:disabled{opacity:.6;cursor:default}.auth-error{color:#c0392b;font-size:12px;margin:0}.llm-local-setup{display:flex;gap:8px;align-items:center}.llm-local-setup .clear-saved:hover{color:#1a5fb4;border-color:#b8d4f4}.llm-setup-info{color:#2f7d47;background:#f4fbf6;border:1px solid #d4ead9;border-radius:8px;font-size:12px;line-height:1.4;margin:0;padding:8px 10px;white-space:pre-wrap}.llm-setup-error{background:#fff8f7;border:1px solid #f0c9c3;border-radius:8px;line-height:1.4;padding:8px 10px;white-space:pre-wrap}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-actions{padding-top:2px}.auth-switch{border:0;background:none;color:#1a5fb4;font-size:12px;cursor:pointer;padding:6px 4px}.auth-switch:hover{text-decoration:underline}.ctx-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1199}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#14141847;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.confirm-modal{width:380px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;gap:16px}.confirm-text{margin:0;font-size:14px;line-height:1.5;color:var(--ink)}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-cancel{border:1px solid var(--line);background:#fff;color:#555;font-size:13px;padding:7px 16px;border-radius:8px;cursor:pointer}.confirm-cancel:hover{background:#00000008}.confirm-delete{border:1px solid #e8b4ac;background:#fdf0ee;color:#c0392b;font-size:13px;padding:7px 16px;border-radius:8px;cursor:pointer;font-weight:600}.confirm-delete:hover{background:#fbe5e1}.doc-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;margin:4px 0}.doc-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.doc-row-current{border-color:#b8d4f4;background:#f4f9ff}.doc-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.doc-title{font-size:13px;color:var(--ink);font-weight:500}.doc-badge{font-size:10px;color:#1a5fb4}.doc-updated{font-size:10px;color:#999}.doc-row-actions{display:flex;gap:4px;flex-shrink:0}.doc-btn{border:1px solid var(--line);background:#fff;color:#555;font-size:11px;padding:4px 8px;border-radius:6px;cursor:pointer}.doc-btn:hover{background:#f5f5f5}.doc-btn:disabled{opacity:.5;cursor:default}.doc-btn-danger{color:#c0392b}.doc-btn-danger:hover{background:#fdecea}.workspace{flex:1;min-width:0;position:relative}.panel{position:absolute;top:var(--workspace-inset);right:var(--workspace-inset);bottom:var(--workspace-inset);max-width:calc(100% - 2 * var(--workspace-inset));display:flex;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);animation:panel-slide-in .34s cubic-bezier(.2,0,0,1)}.panel.active:not(.base){box-shadow:var(--shadow-panel)}.panel.base,.panel.base.active{border-color:var(--line);box-shadow:none}.panel-close{width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:16px;line-height:1;cursor:pointer}.panel-close:hover{background:#00000010;color:var(--ink)}@keyframes panel-slide-in{0%{transform:translate(60%);opacity:.5}to{transform:none;opacity:1}}.panel-spine{width:var(--panel-handle);flex:none;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;-webkit-user-select:none;user-select:none}.panel-spine svg{width:18px;height:18px;color:#3a3a3c}.spine-canvas-icon{display:inline-flex;transform:rotate(90deg)}.spine-drag{cursor:col-resize;touch-action:none}.spine-title{writing-mode:vertical-rl;font-size:12.5px;font-weight:600;color:#3a3a3c;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:70vh}.panel:not(.active) .spine-title,.panel:not(.active) .panel-spine svg{color:var(--muted)}.panel-body{flex:1;min-width:0;display:flex}.panel-body:before{content:"";position:absolute;z-index:49;top:0;left:0;right:0;height:84px;background:linear-gradient(to bottom,var(--paper) 0%,var(--paper) 38%,color-mix(in srgb,var(--paper) 90%,transparent) 62%,color-mix(in srgb,var(--paper) 0%,transparent) 100%);pointer-events:none}.panel-body>.transcript-pane{width:400px;flex:none;border-right:1px solid var(--line);transition:width var(--motion-fast) ease}.panel-body>.transcript-pane.collapsed{width:0}.panel-body>.canvas{flex:1;min-width:0}.transcript-pane{position:relative;z-index:51;display:flex;flex-direction:column;min-height:0;overflow:visible}.transcript-collapse{position:absolute;top:10px;right:8px;z-index:3;width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:var(--muted);font:24px/1 var(--font-sans);cursor:pointer}.transcript-collapse:hover{color:var(--ink-secondary)}.transcript-pane.collapsed .transcript{visibility:hidden;opacity:0;pointer-events:none}.transcript-pane.collapsed .transcript-collapse{left:8px;right:auto}.transcript{flex:1;min-height:0;padding:26px 20px 26px 8px;overflow-y:auto;font-size:16px;line-height:1.85;color:#5b5b60;-webkit-user-select:text;user-select:text}.transcript-record-dock{position:absolute;left:0;right:0;bottom:0;height:110px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:22px;background:linear-gradient(to top,#fff,#fff 30%,#fff0);pointer-events:none}.transcript-record-dock .record{pointer-events:auto;transform:translate(calc(var(--panel-handle) / -2))}.transcript-pane.collapsed .transcript-record-dock{left:0;right:auto;z-index:4;width:auto;height:auto;padding:0;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--line);border-bottom:0;border-left:0;border-radius:0 var(--radius-md) 0 0;pointer-events:auto}.transcript-pane.collapsed .transcript-record-dock .record{width:auto;height:auto;padding:10px;gap:10px;transform:none;border:0;border-radius:inherit;box-shadow:none;font:inherit;color:var(--ink)}.record-label{font-size:var(--font-size-sm)}.transcript-pane.collapsed .record .rec-dot{width:24px;height:24px;border:1px solid var(--no);background:transparent;position:relative}.transcript-pane.collapsed .record .rec-dot:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--no)}.transcript>*{max-width:480px}.transcript .hint{font-size:12px;color:var(--muted);margin-bottom:18px;line-height:1.5}.transcript p{margin:0 0 6px}.transcript .tsection{margin:0 0 18px}.transcript .tsection+.tsection{border-top:1px solid var(--line);padding-top:16px}.transcript .tsection.open{border-top:1px dashed var(--line);padding-top:16px}.transcript .clean-block.tail{color:#9a9aa0}.transcript .section-header{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.01em;color:#3a3a3c;cursor:text}.transcript .section-header.pending{color:var(--muted);font-weight:400;font-style:italic;cursor:default}.transcript .clean-block{white-space:pre-wrap;margin:0 0 10px;cursor:text}.transcript .tsection.editing{outline:none;color:var(--ink);caret-color:var(--ink)}.transcript .tsection.editing .clean-block.tail,.transcript .tsection.editing .section-header{color:var(--ink)}.transcript .kw-hl{background:var(--accent-soft);color:inherit;border-radius:3px;padding:0 1px;cursor:text}.transcript .status-caption{font-style:italic;font-size:13px;margin-top:6px}.transcript .placeholder{color:var(--muted);font-size:14px;line-height:1.6}.transcript .placeholder.err{color:#c0461d}@keyframes ai-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-thinking{color:var(--muted);background:linear-gradient(100deg,var(--muted) 20%,var(--muted) 42%,#d2d1d9 50%,var(--muted) 58%,var(--muted) 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ai-shimmer 6s linear infinite}@media (prefers-reduced-motion: reduce){.ai-thinking{background:none;-webkit-text-fill-color:initial;color:var(--muted);animation:none}}.canvas{position:relative;overflow:hidden;background:var(--paper);background-image:radial-gradient(#0000000a 1px,transparent 1px);background-size:22px 22px;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 12 12,crosshair}.canvas-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0}.ai-switch{cursor:default}.canvas-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:14px;text-align:center;pointer-events:none;max-width:320px}.observer-notice{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;max-width:520px;padding:8px 12px;border-radius:8px;background:#fdecea;color:#8a1c12;border:1px solid #f5c6c0;font-size:13px;box-shadow:0 2px 8px #00000014}.observer-notice-x{border:none;background:transparent;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.ai-switch{position:absolute;top:0;right:0;z-index:50;display:flex;align-items:center;gap:8px;padding:14px 16px 46px 42px;background:transparent;pointer-events:none}.ai-switch>*{pointer-events:auto}.ai-switch-label{font-size:12px;color:#6b6b70;-webkit-user-select:none;user-select:none}.memory-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin-left:6px;border:1px solid var(--line);border-radius:12px;background:#fffc;color:#6b6b70;font-size:12px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.memory-btn:hover{color:var(--ink, #1d1d1f);border-color:#b9b9b6}.memory-btn-icon{display:inline-flex;width:15px;height:15px}.memory-btn-icon svg{width:100%;height:100%}.memory-btn-label{-webkit-user-select:none;user-select:none}.switch{position:relative;width:36px;height:21px;padding:0;border:1px solid var(--line);border-radius:11px;background:#dcdcda;cursor:pointer;transition:background .15s ease}.switch:after{content:"";position:absolute;top:1px;left:1px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s ease}.switch.on{background:var(--ok);border-color:var(--ok)}.switch.on:after{transform:translate(15px)}.knote{position:absolute;width:340px;padding:12px 14px;cursor:grab;-webkit-user-select:none;user-select:none}.knote:active{cursor:grabbing}.knote.select-all,.knote.select-all *{user-select:text!important;-webkit-user-select:text!important}.knote.selected{outline:1px solid var(--focus)}.knote .handle{position:absolute;width:8px;height:8px;z-index:5;background:#fff;border:1.5px solid var(--focus)}.knote .handle.tl{left:-4px;top:-4px}.knote .handle.tr{right:-4px;top:-4px}.knote .handle.bl{left:-4px;bottom:-4px}.knote .handle.br{right:-4px;bottom:-4px}.marquee{position:absolute;z-index:40;pointer-events:none;border:1px solid var(--focus);background:color-mix(in srgb,var(--focus) 8%,transparent)}.kw-header{margin:2px 4px 10px}.kw-text{position:relative;display:inline-block;max-width:100%;color:var(--ink);font-weight:700;font-size:18px;padding:2px 10px;white-space:pre-wrap;word-break:break-word;line-height:1.4;cursor:text;transition:color .35s ease}.kw-header.hovered .kw-text{color:var(--accent)}.kw-input{display:inline-block;min-width:120px;max-width:100%;color:var(--ink);font-weight:700;font-size:18px;line-height:1.4;border:0;outline:none;caret-color:var(--ink);cursor:text;background:transparent;padding:2px;white-space:pre-wrap;word-break:break-word;user-select:text;-webkit-user-select:text;transition:color .35s ease}.kw-header.hovered .kw-input{color:var(--accent)}.kw-header.observer:not(.hovered) .kw-text{color:var(--pending)}.items{--bullet-indent-step: 24px;--bullet-marker-width: 12px;--bullet-marker-center: 6px;margin:0;padding:0}.bullet{--indent-offset: 0px;position:relative;display:flex;align-items:baseline;gap:8px;margin:4px 0 4px var(--indent-offset);font-size:15px;line-height:1.5}.bullet .dot{width:var(--bullet-marker-width);color:var(--ink);flex:none;text-align:center}.bullet.ai .dot{color:var(--pending)}.bullet.ai.kept .dot{color:var(--ink)}.bullet>.indent-guide{--guide-offset: 0px;position:absolute;left:calc(var(--guide-offset) + var(--bullet-marker-center));top:-4px;bottom:-4px;width:.5px;transform:translate(-50%);background:var(--guide, #cfcec9);pointer-events:none;z-index:0}.bullet>.indent-guide-parent{--guide-offset: 0px;top:calc(1.2em + 8px)}.bullet>.dot,.bullet>.bullet-body{position:relative;z-index:1}.bullet-text{display:block;min-height:1.5em;color:var(--ink);cursor:text;outline:none;caret-color:var(--ink);user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-break:break-word}.bullet-text:empty:before{content:"​"}.bullet.ai .bullet-text{color:var(--pending)}.bullet.ai.kept .bullet-text{color:var(--ink)}.bullet-body{flex:1;min-width:0}.bullet-img{display:block;margin:6px 0 2px;max-width:230px;max-height:150px;border-radius:10px;object-fit:cover;background:#e4e4e2;cursor:zoom-in}.bullet.ai.pending .bullet-img{opacity:.75}.img-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;cursor:zoom-out;background:#e9e9e900;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background-color .32s ease,backdrop-filter .32s ease,-webkit-backdrop-filter .32s ease}.img-preview.open{background:#e9e9e980;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.img-preview-pic{max-width:min(76vw,920px);max-height:72vh;object-fit:contain;cursor:default;will-change:transform}.img-preview-source{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#000;cursor:pointer;text-decoration:underline;text-decoration-color:#a4a4a4;text-underline-offset:3px;opacity:0;transition:opacity .28s ease}.img-preview.open .img-preview-source{opacity:1}.img-preview-source .favicon{width:16px;height:16px;border-radius:3px}.accept{display:inline-flex;gap:12px;align-items:baseline;position:absolute;left:100%;top:0;padding-left:12px;white-space:nowrap;z-index:4;visibility:hidden;opacity:0;transition:opacity .15s ease .45s,visibility 0s linear .6s}.bullet:hover .accept,.accept:hover{visibility:visible;opacity:1;transition-delay:0s}.accept button{border:0;background:transparent;padding:0;cursor:pointer;color:var(--ink);font-size:19px;font-weight:700;line-height:1.2}.accept button:hover{opacity:.55}.note-accept{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin:8px 4px 0;padding-top:2px}.note-accept button{border:0;background:transparent;padding:0;cursor:pointer;color:var(--ink);font-size:18px;font-weight:700;line-height:1.2}.note-accept button:hover{opacity:.55}.url-card{position:relative;display:flex;gap:10px;margin:8px 0;background:#f2f2f0;border:0;border-radius:12px;padding:10px;color:var(--ink);outline:none;cursor:default}.url-card:focus:after{content:"";position:absolute;right:-9px;bottom:10px;width:2px;height:1.3em;border-radius:1px;background:var(--ink);animation:caret-blink 1.1s steps(2,start) infinite}@keyframes caret-blink{50%{opacity:0}}.url-card.pending{opacity:.94}.url-card .thumb{width:52px;height:52px;flex:none;border-radius:8px;background:#e4e4e2;object-fit:cover}.url-card .meta{min-width:0;text-decoration:none;color:inherit}.url-card .t{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-card .d{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.url-card .accept{top:50%;transform:translateY(-50%);align-items:center}.url-card:hover .accept{visibility:visible;opacity:1;transition-delay:0s}.note-image{position:relative;display:inline-block;outline:none;margin:2px 0}.note-image .bullet-img{margin:4px 0 2px}.note-image:focus:after{content:"";position:absolute;right:-9px;bottom:10px;width:2px;height:1.3em;border-radius:1px;background:var(--ink);animation:caret-blink 1.1s steps(2,start) infinite}.canvas-image{position:absolute;display:block;max-width:320px;max-height:320px;border-radius:12px;object-fit:contain;cursor:zoom-in;-webkit-user-select:none;user-select:none;box-shadow:0 1px 5px #00000024}.canvas-image.selected{outline:1px solid var(--focus);outline-offset:2px}.record{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);cursor:pointer;display:flex;align-items:center;justify-content:center}.record .rec-dot{width:14px;height:14px;border-radius:50%;background:var(--no)}.record.on{background:#fff}.record .stop-sq{width:13px;height:13px;border-radius:3px;background:var(--no)}::highlight(cmd-ctx){background:#f6c9e8;color:var(--ink)}.cmd-bubble{position:fixed;z-index:1200;display:grid;grid-template-columns:20px minmax(0,1fr) 30px;align-items:center;column-gap:8px;width:384px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:7px 8px 7px 16px;box-shadow:var(--shadow)}.cmd-bubble .spark{width:20px;height:20px;flex:none}.cmd-bubble input{width:100%;height:30px;padding:0;border:0;outline:none;font-size:14px;line-height:30px;background:transparent;color:var(--ink)}.cmd-bubble .send{width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;background:var(--ink);color:#fff;font-size:15px;flex:none}.cmd-bubble .send:hover{background:#000}.panel-body{position:relative}.cmd-panel{position:absolute;top:0;right:0;bottom:0;z-index:900;min-width:300px;max-width:min(600px,100%);display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--line);box-shadow:-8px 0 24px #0000000d}.cmd-panel-resize{position:absolute;z-index:1;top:0;bottom:0;left:-5px;width:10px;cursor:ew-resize}.cmd-panel-resize:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;background:transparent;transition:background .12s ease}.cmd-panel-resize:hover:after,.cmd-panel-resize:active:after{background:var(--focus)}.cmd-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.cmd-panel-title{font-size:14px;font-weight:600}.cmd-panel-close{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:18px;line-height:1;padding:2px 6px;border-radius:6px}.cmd-panel-close:hover{background:#00000010;color:var(--ink)}.cmd-context-chip{margin:0 16px 8px;padding:6px 10px;background:#f6c9e880;border-radius:8px;font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-msgs{flex:1;min-height:0;overflow-y:auto;padding:8px 16px 12px;display:flex;flex-direction:column;gap:14px}.cmd-msg.user{align-self:flex-end;max-width:85%}.cmd-msg.user .cmd-msg-text{background:#f2f2f0;border-radius:10px;padding:8px 12px;font-size:13.5px;white-space:pre-wrap}.cmd-msg.assistant{align-self:stretch}.cmd-msg.assistant .cmd-msg-text{font-size:13.5px;line-height:1.55;overflow-wrap:anywhere}.cmd-msg.assistant .cmd-msg-text>:first-child{margin-top:0}.cmd-msg.assistant .cmd-msg-text>:last-child{margin-bottom:0}.cmd-msg.assistant .cmd-msg-text p{margin:0 0 8px}.cmd-msg.assistant .cmd-msg-text ul,.cmd-msg.assistant .cmd-msg-text ol{margin:5px 0 9px;padding-left:21px}.cmd-msg.assistant .cmd-msg-text li{margin:3px 0}.cmd-msg.assistant .cmd-msg-text a{color:#1a73c9;text-decoration:none}.cmd-msg.assistant .cmd-msg-text a:hover{color:#0b57a3;text-decoration:underline;text-underline-offset:2px}.cmd-msg.assistant .cmd-msg-text table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:7px 0 11px;font-size:12.5px}.cmd-msg.assistant .cmd-msg-text th,.cmd-msg.assistant .cmd-msg-text td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}.cmd-msg.assistant .cmd-msg-text th{background:#f6f6f4;font-weight:650}.cmd-msg.assistant .cmd-msg-text code{background:#f2f2f0;border-radius:4px;padding:1px 4px;font-size:.92em}.cmd-msg.assistant .cmd-msg-text pre{overflow-x:auto;background:#f6f6f4;border-radius:8px;padding:9px 10px}.cmd-msg.assistant .cmd-msg-text pre code{background:transparent;padding:0}.cmd-thinking{font-style:italic}.cmd-sources{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;margin-top:7px;font-size:12.5px;line-height:1.35}.cmd-sources-label{color:#6f6f74}.cmd-source-link{display:inline-flex;align-items:center;gap:4px;color:#1a73c9;text-decoration:none;font-weight:500}a.cmd-source-link:hover{color:#0b57a3;text-decoration:underline;text-underline-offset:2px}.cmd-source-link img{width:15px;height:15px;border-radius:3px;object-fit:contain}.cmd-source-file{width:15px;height:15px;flex:none;color:#1a73c9}.cmd-actions{display:flex;flex-direction:column;gap:6px;margin-top:10px}.cmd-action{text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 10px;font-size:12.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-action:hover:not(:disabled){border-color:var(--ink-secondary);background:var(--surface-subtle)}.cmd-action.applied{color:var(--muted);cursor:default;background:#fafaf8}.cmd-panel-input{display:flex;align-items:flex-end;gap:8px;margin:10px 16px 16px;padding:8px 8px 8px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}.cmd-panel-input textarea{flex:1;border:0;outline:none;resize:none;background:transparent;font:inherit;font-size:13.5px;color:var(--ink);max-height:96px}.cmd-panel-input .send{width:28px;height:28px;border-radius:50%;border:0;cursor:pointer;background:var(--ink);color:#fff;font-size:14px;flex:none}.cmd-panel-input .send:disabled{background:var(--muted);cursor:default}.note-menu{position:fixed;z-index:1200;display:flex;flex-direction:column;min-width:140px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.note-menu button{text-align:left;cursor:pointer;border:0;background:transparent;border-radius:6px;padding:7px 10px;font-size:13px;color:var(--ink)}.note-menu button:hover{background:#00000010}.note-menu button.danger{color:var(--no)}.note-menu button.danger:hover{background:#d05a5a1a}body :is(.llm-save,.confirm-cancel,.clear-saved,.llm-back,.auth-switch,.confirm-delete){min-height:var(--button-height);padding:0 14px;border-radius:var(--button-radius);font:550 var(--font-size-sm)/1 var(--font-sans);text-decoration:none}body .llm-save{border:1px solid var(--button-primary-bg);background:var(--button-primary-bg);color:var(--button-primary-text)}body :is(.confirm-cancel,.clear-saved){border:1px solid var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--button-secondary-text)}body :is(.llm-back,.auth-switch){border:1px solid transparent;background:transparent;color:var(--button-tertiary-text)}body .confirm-delete{border:1px solid var(--button-negative-border);background:var(--button-negative-bg);color:var(--button-negative-text)}body .llm-save:hover{background:var(--button-primary-bg);filter:brightness(.88)}body :is(.confirm-cancel,.clear-saved,.llm-back,.auth-switch):hover{background:var(--surface-hover);color:inherit;border-color:transparent}body .confirm-delete:hover{background:var(--button-negative-bg);filter:brightness(.97)}body :is(.pm-save-btn,.llm-add-model,.doc-btn,.memory-btn,.cmd-action,.side-btn,.side-control-row){min-height:var(--button-height);padding:0 14px;border-radius:var(--button-radius);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:550;cursor:pointer}body .pm-save-btn{border:1px solid var(--button-primary-bg);background:var(--button-primary-bg);color:var(--button-primary-text)}body :is(.llm-add-model,.doc-btn:not(.doc-btn-danger),.memory-btn,.cmd-action){border:1px solid var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--button-secondary-text)}body :is(.side-btn,.side-control-row){border:1px solid transparent;background:transparent;color:var(--button-tertiary-text)}body :is(.doc-btn-danger,.note-menu button.danger){border:1px solid var(--button-negative-border);background:var(--button-negative-bg);color:var(--button-negative-text)}body :is(.pm-save-btn,.llm-add-model,.doc-btn,.memory-btn,.cmd-action,.side-btn,.side-control-row):disabled{opacity:.45;cursor:default;filter:none}body .pm-save-btn:hover:not(:disabled){filter:brightness(.88)}body :is(.llm-add-model,.doc-btn:not(.doc-btn-danger),.memory-btn,.cmd-action,.side-btn,.side-control-row):hover:not(:disabled){border-color:var(--button-secondary-border);background:var(--surface-hover);color:var(--button-secondary-text)}body :is(.doc-btn-danger,.note-menu button.danger):hover:not(:disabled){border-color:var(--button-negative-border);background:var(--button-negative-bg);color:var(--button-negative-text);filter:brightness(.97)}body :is(.llm-settings-x,.cmd-panel-close,.panel-close,.row-tool,.pm-icon-btn,.observer-notice-x,.transcript-collapse){border-color:transparent;background:transparent;color:var(--muted);box-shadow:none}body :is(.llm-settings-x,.cmd-panel-close,.panel-close,.row-tool,.pm-icon-btn,.observer-notice-x,.transcript-collapse):hover:not(:disabled){background:var(--surface-hover);color:var(--button-tertiary-text)}body .pm-icon-btn[aria-label^=Delete]{color:var(--button-negative-text)}body :is(.cmd-bubble .send,.cmd-panel-input .send){background:var(--button-primary-bg);color:var(--button-primary-text)}body :is(button,[role=button]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#0005;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pm-modal{width:min(620px,92vw);max-height:88vh;overflow-y:auto;background:var(--paper);color:var(--ink);border-radius:14px;box-shadow:var(--shadow);padding:20px 22px 22px;font-size:13.5px}.pm-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pm-modal-head h2{margin:0;font-size:16px;font-weight:600}.pm-error{background:#fdecec;color:var(--no);border:1px solid #f3c4c4;border-radius:8px;padding:8px 10px;margin-bottom:12px;font-size:12.5px}.pm-section{margin-bottom:18px}.pm-section h3{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.pm-dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;border:1.5px dashed var(--line);border-radius:10px;color:var(--muted);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.pm-dropzone:hover,.pm-dropzone.drag-over{border-color:var(--focus);background:color-mix(in srgb,var(--focus) 6%,var(--paper))}.pm-dropzone svg{width:22px;height:22px;color:var(--muted)}.pm-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pm-file-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.pm-file-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fafaf9}.pm-file-icon svg{width:18px;height:18px;color:#6f6f74;flex:none}.pm-file-meta{display:flex;flex-direction:column;min-width:0;flex:1}.pm-file-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-file-desc{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-status{flex:none;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#f0f0ee;color:var(--muted)}.pm-status-indexed{background:#e4f6ee;color:var(--ok)}.pm-status-failed{background:#fdecec;color:var(--no)}.pm-status-extracting,.pm-status-queued{background:var(--surface-subtle);color:var(--ink-secondary)}.pm-file-size{flex:none;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.pm-file-actions{flex:none;display:flex;gap:2px}.pm-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;color:#6f6f74;border-radius:7px;cursor:pointer}.pm-icon-btn:hover{background:#0000000c}.pm-icon-btn:disabled{opacity:.4;cursor:default}.pm-icon-btn svg{width:16px;height:16px}.pm-scope-toggle{display:flex;gap:4px;background:#f2f2f0;padding:3px;border-radius:9px;margin-bottom:12px}.pm-scope-tab{position:relative;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;font-weight:500;padding:7px 10px;border-radius:7px;cursor:pointer;min-width:0;overflow:visible}.pm-scope-tab>span:not(.pm-scope-tooltip){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-scope-tab svg{width:15px;height:15px;flex:none}.pm-scope-tab:hover{color:var(--ink)}.pm-scope-tab.active{background:var(--paper);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #00000018}.pm-scope-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;color:#000;border:1px solid var(--line);box-shadow:0 2px 8px #00000018;padding:8px 10px;border-radius:6px;font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;white-space:normal;word-break:break-word;box-sizing:border-box;width:max-content;max-width:280px;line-height:1.5;text-align:left;overflow:visible;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10}.pm-scope-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--line)}.pm-scope-tab:hover .pm-scope-tooltip{opacity:1}.pm-tabs{display:flex;gap:4px;background:#f2f2f0;padding:3px;border-radius:9px;margin-bottom:10px}.pm-tab{flex:1;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:500;padding:6px 8px;border-radius:7px;cursor:pointer;white-space:nowrap}.pm-tab:hover{color:var(--ink)}.pm-tab.active{background:var(--paper);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #00000018}.pm-textarea{width:100%;min-height:96px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:10px 11px;font:inherit;font-size:13px;color:var(--ink);background:#fafaf9;outline:none}.pm-textarea:focus{border-color:var(--focus);background:var(--paper)}.pm-instr-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.pm-saved-indicator{font-size:11.5px;color:var(--muted)}.pm-save-btn{border:0;background:#000;color:#fff;font:inherit;font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:8px;cursor:pointer}.pm-save-btn:hover{filter:brightness(1.05)}.pm-save-btn:disabled{opacity:.5;cursor:default}.pm-separator{height:.5px;background:#0000000d;margin:22px 0;border:0}.ai-cursor-overlay{position:absolute;pointer-events:none;z-index:1000;opacity:0;transition:opacity .2s ease-in;display:flex;align-items:flex-start;transform-origin:top left;will-change:left,top,opacity}.ai-cursor-overlay.visible{opacity:1;transition:opacity .2s ease-in}.ai-cursor-overlay:not(.visible){opacity:0;transition:opacity .4s ease-out}.ai-cursor-glyph{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));pointer-events:none}.ai-cursor-pill{background:var(--accent);color:#fff;font-size:12px;font-family:var(--font-sans);border-radius:6px;padding:2px 8px;white-space:nowrap;pointer-events:none;margin-left:14px;margin-top:18px;line-height:1.4;-webkit-user-select:none;user-select:none}.ai-cursor-thinking-dots{display:inline-flex;width:1.2em}.ai-cursor-thinking-dot-2{animation:ai-cursor-thinking-dot-2 1.2s step-end infinite}.ai-cursor-thinking-dot-3{animation:ai-cursor-thinking-dot-3 1.2s step-end infinite}@keyframes ai-cursor-thinking-dot-2{0%,32%{opacity:0}33%,99%{opacity:1}to{opacity:0}}@keyframes ai-cursor-thinking-dot-3{0%,65%{opacity:0}66%,99%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ai-cursor-thinking-dot-2,.ai-cursor-thinking-dot-3{animation:none;opacity:1}}.ds-shell{height:100%;display:grid;grid-template-columns:minmax(360px,440px) 1fr;background:#171717;color:var(--ink);font-family:var(--font-sans)}.ds-editor{min-width:0;background:var(--paper);overflow-y:auto;border-right:1px solid var(--line)}.ds-head{padding:28px 28px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.ds-head h1{margin:3px 0 5px;font-size:28px;letter-spacing:-.04em}.ds-head p{margin:0;color:var(--muted);font-size:var(--font-size-sm)}.ds-eyebrow{color:var(--ink-secondary);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.ds-head button,.ds-preview-bar a{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);padding:7px 10px;color:var(--ink);cursor:pointer;text-decoration:none;white-space:nowrap}.ds-toolbar{position:sticky;top:0;z-index:2;padding:12px 28px;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block:1px solid var(--line)}.ds-toolbar input{flex:1;min-width:0;border:0;outline:0;background:var(--surface-subtle);padding:9px 11px;border-radius:var(--radius-md)}.ds-toolbar span{font-size:var(--font-size-xs);color:var(--muted)}.ds-button-specimen{margin:22px 28px 4px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-subtle)}.ds-specimen-head{margin-bottom:16px}.ds-specimen-head>span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.ds-specimen-head h2{margin:3px 0 4px;font-size:18px}.ds-specimen-head p{margin:0;color:var(--muted);font-size:var(--font-size-xs)}.ds-button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.ds-button-row>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.ds-button-row button{min-width:112px}.ds-button-row small{color:var(--muted);font-size:10px}.ds-groups{padding:8px 28px 50px}.ds-group{padding:18px 0 10px}.ds-group h2{margin:0 0 8px;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ds-token{min-height:58px;display:grid;grid-template-columns:minmax(120px,1fr) 1.15fr;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.ds-token-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.ds-token-meta strong{font-size:var(--font-size-ui);font-weight:550}.ds-token-meta code{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis}.ds-control{display:flex;justify-content:flex-end;align-items:center;gap:7px;min-width:0}.ds-control input[type=color]{width:28px;height:28px;padding:2px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper)}.ds-range{width:64px;accent-color:var(--focus)}.ds-elevation-range{display:flex;align-items:center;gap:4px}.ds-elevation-range b{width:13px;color:var(--muted);font-size:10px;font-weight:600;text-align:center}.ds-token:has(.ds-elevation-range) .ds-value{width:128px}.ds-value{width:94px;min-width:0;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 7px;background:var(--paper);color:var(--ink);font:11px var(--font-sans)}.ds-control em{width:18px;color:var(--muted);font-size:10px;font-style:normal}.ds-preview{min-width:0;padding:12px;display:flex;flex-direction:column;gap:10px}.ds-preview-bar{height:34px;display:flex;align-items:center;justify-content:space-between;color:#aaa;font-size:12px}.ds-preview-bar span{display:flex;align-items:center;gap:7px}.ds-preview-bar i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent)}.ds-preview-bar a{background:#242424;border-color:#353535;color:#ddd;padding:5px 9px}.ds-preview iframe{flex:1;width:100%;border:0;border-radius:var(--radius-lg);background:var(--bg);box-shadow:0 20px 60px #0008}@media (max-width: 850px){.ds-shell{grid-template-columns:1fr}.ds-preview{display:none}}