@layer components{.app-shell{background:var(--bg-base);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.sidebar-footer{border-top:1px solid var(--ds-gray-alpha-200);flex-shrink:0;justify-content:center;padding:10px 0 12px;display:flex}.sidebar-footer-text{font-size:12px;font-family:var(--font-sans);letter-spacing:.02em;background:linear-gradient(90deg,#ffffff2e 0% 40%,#ffffff8c 50%,#ffffff2e 60% 100%) 0 0/400%;-webkit-text-fill-color:transparent;color:#0000;transition:-webkit-text-fill-color var(--t-fast), color var(--t-fast);-webkit-background-clip:text;background-clip:text;text-decoration:none;animation:12s linear infinite sidebar-footer-sweep}.sidebar-footer:hover .sidebar-footer-text{background:0 0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#ffffff73;color:#ffffff73;animation:none}.sidebar-footer:hover .sidebar-footer-name{-webkit-text-fill-color:#22d3ee;color:#22d3ee}.sidebar-footer:hover .sidebar-footer-author{-webkit-text-fill-color:#fff;color:#fff}@keyframes sidebar-footer-sweep{0%{background-position:200%}to{background-position:-200%}}.topbar-left{flex:1;align-items:center;gap:8px;display:flex}.app-logo{font-size:var(--text-base);letter-spacing:-.03em;color:var(--text-primary);font-weight:600;font-family:var(--font-sans)}.app-tagline{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-sans);letter-spacing:0;font-weight:400}.theme-name-btn{font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-weight:500;font-family:var(--font-sans);background:0 0;border:1px solid #0000;padding:4px 8px;line-height:1.5;overflow:hidden}.theme-name-btn:hover{color:var(--text-primary);border-color:var(--border)}.theme-name-input{font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-active);border-radius:var(--radius-md);width:140px;font-weight:500;font-family:var(--font-sans);outline:none;padding:4px 8px;line-height:1.5}.theme-name-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.topbar-center{position:absolute;left:50%;transform:translate(-50%)}.sl-dropdown{overflow:hidden;background:var(--popover)!important;width:280px!important;padding:0!important}.sl-tabs{border-bottom:1px solid #ffffff0f;align-items:center;gap:2px;padding:8px 8px 0;display:flex}.sl-back-btn{width:28px;height:28px;color:var(--muted-foreground);border-radius:6px;justify-content:center;align-items:center;margin-right:2px;transition:background .15s,color .15s;display:flex}.sl-back-btn:hover{color:var(--foreground);background:#ffffff0f}.sl-tab{color:var(--muted-foreground);border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:6px 0 8px;font-size:13px;transition:color .15s,border-color .15s}.sl-tab.is-active{color:var(--foreground);border-bottom-color:var(--foreground)}.sl-tab:hover:not(.is-active){color:var(--foreground)}.sl-view{flex-direction:column;gap:12px;padding:14px;display:flex}.sl-label{color:var(--muted-foreground);font-size:12px;line-height:1}.sl-theme-card{border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.sl-theme-card-swatches{flex-shrink:0;gap:3px;display:flex}.sl-swatch{border:1px solid #ffffff1a;border-radius:3px;width:14px;height:14px}.sl-theme-card-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.sl-theme-card-name{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sl-theme-card-badge{font-family:var(--font-mono);opacity:.7;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.sl-code-display{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:10px 12px;display:flex}.sl-code-text{font-family:var(--font-mono);letter-spacing:.08em;text-align:center;flex:1;font-size:18px;font-weight:600}.sl-copy-btn{flex-shrink:0}.sl-action-btn{width:100%}.sl-done{flex-direction:column;gap:10px;display:flex}.sl-hint{color:var(--muted-foreground);font-size:11px;line-height:1.4}.sl-error{color:#f87171;font-size:12px;line-height:1.4}.sl-input-wrap{align-items:center;display:flex;position:relative}.sl-input{width:100%;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--foreground);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 36px 10px 12px;font-size:16px;font-weight:500;transition:border-color .15s}.sl-input:focus{border-color:#ffffff40}.sl-input::placeholder{opacity:.3}.sl-input-spinner{color:var(--muted-foreground);position:absolute;right:12px}.sl-load-preview{flex-direction:column;gap:10px;display:flex}.tp-dropdown{max-height:580px;overflow:hidden;background:var(--popover)!important;border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent)!important;border-radius:var(--radius-lg)!important;width:352px!important;box-shadow:var(--shadow-md)!important;flex-direction:column!important;gap:0!important;padding:8px!important;display:flex!important}.tp-search-wrap{align-items:center;margin-bottom:8px;display:flex;position:relative}.tp-search-icon{color:var(--ds-gray-600);pointer-events:none;position:absolute;left:10px}.tp-search{border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);background:color-mix(in srgb, var(--foreground) 5%, transparent);width:100%;height:34px;color:var(--foreground);font-size:13px;font-family:var(--font-sans);border-radius:7px;outline:none;padding:0 32px;transition:border-color .15s}.tp-search:focus{border-color:color-mix(in srgb, var(--foreground) 28%, transparent)}.tp-search::placeholder{color:var(--ds-gray-500)}.tp-search-count{font-size:11px;font-family:var(--font-mono);color:var(--ds-gray-600);pointer-events:none;position:absolute;right:10px}.tp-filters{border-bottom:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);flex-direction:column;gap:0;margin-bottom:8px;padding-bottom:8px;display:flex}.tp-mode-toggle{background:color-mix(in srgb, var(--foreground) 6%, transparent);border-radius:7px;gap:1px;margin-bottom:6px;padding:4px;display:flex}.tp-mode-btn{height:26px;color:var(--ds-gray-600);font-size:12px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:5px;flex:1;font-weight:500;transition:background .12s,color .12s}.tp-mode-btn:hover{color:var(--foreground)}.tp-mode-btn.is-active{background:var(--popover);color:var(--foreground);box-shadow:0 1px 3px #00000026}.tp-source-tabs{gap:0;display:flex}.tp-source-tab{height:30px;color:var(--ds-gray-600);font-size:12px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-weight:500;transition:color .12s;position:relative}.tp-source-tab:hover{color:var(--foreground)}.tp-source-tab.is-active{color:var(--foreground);border-bottom-color:var(--foreground)}.tp-grid{flex-direction:column;gap:3px;display:flex;overflow-y:auto}.tp-empty{text-align:center;font-size:var(--text-xs);color:var(--ds-gray-600);font-family:var(--font-sans);padding:24px 8px}.tp-card{cursor:pointer;text-align:left;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:6px;width:100%;padding:8px 12px;transition:border-color .12s;display:flex}.tp-card:hover{border-color:#ffffff1f}.tp-card.is-selected{border-color:#ffffff38}.tp-card-preview{font-family:var(--font-mono);white-space:nowrap;letter-spacing:0;font-size:12px;font-weight:500;line-height:1.4;overflow:hidden}.tp-card-footer{justify-content:space-between;align-items:center;gap:4px;display:flex}.tp-card-name{font-family:var(--font-mono);letter-spacing:0;opacity:.75;font-size:12px;font-weight:500;line-height:1}.tp-card-grade{font-family:var(--font-mono);letter-spacing:0;flex-shrink:0;align-items:center;font-size:12px;font-weight:500;display:flex}.topbar-right{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn-export{background:var(--accent);color:#000;height:36px;font-size:14px;font-weight:500;font-family:var(--font-sans);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;transition:opacity .15s,transform .1s;display:inline-flex}.btn-export:hover{opacity:.88}.btn-export:active{transform:scale(.97)}.btn-export:disabled{opacity:.35;cursor:not-allowed}.content-area{flex:1;min-height:0;display:flex;overflow:hidden}.panel-canvas{background:var(--bg-canvas);flex-direction:column;flex:1;min-width:280px;display:flex;overflow:hidden}.split-handle{background:var(--border);cursor:col-resize;width:1px;transition:background var(--t-base);flex-shrink:0;position:relative}.split-handle:after{content:"";cursor:col-resize;position:absolute;inset:0 -3px}.split-handle:hover,.split-handle:focus{background:var(--border-active);outline:none}.panel-chat{background:var(--bg-base);flex-direction:column;flex-shrink:0;min-width:340px;display:flex;overflow:hidden}.panel-tabs{flex:1;min-height:0;overflow:hidden;flex-direction:column!important;gap:0!important;display:flex!important}.tab-switch-bar{border-bottom:1px solid var(--ds-gray-alpha-300);background:var(--ds-background-200);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:68px;padding:0 12px;display:flex}.tab-bar-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.entity{border:1px solid var(--ds-gray-alpha-300);border-radius:8px;margin:8px 12px}.entity-header{background:var(--ds-gray-100);border-radius:7px 7px 0 0;align-items:center;width:100%;height:36px;transition:background .15s;display:flex}.entity-header.entity-header-closed{border-radius:7px}.entity-header:hover{background:var(--ds-gray-200)}.entity-header-trigger{cursor:pointer;min-width:0;height:100%;font-family:var(--font-sans);text-align:left;border-radius:inherit;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}.entity-header-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.entity-label{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--ds-gray-900);font-weight:500}.entity-meta{font-size:var(--text-xs);color:var(--ds-gray-700);font-family:var(--font-mono)}.entity-chevron{color:var(--ds-gray-600);transition:transform .15s}.entity-chevron.is-open{transform:rotate(180deg)}.entity-body{border-top:1px solid var(--ds-gray-alpha-300)}.panel-tab-contents{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.side-tab-content{flex-direction:column;flex:1;min-height:0;overflow:hidden}.accessibility-panel{border-bottom:1px solid #ffffff0f;flex-shrink:0}.accessibility-panel-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px;transition:background .12s;display:flex}.accessibility-panel-header:hover{background:#ffffff08}.accessibility-panel-title{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;font-weight:500}.accessibility-panel-header-right{align-items:center;gap:8px;display:flex}.accessibility-panel-score{font-size:12px;font-weight:700;font-family:var(--font-mono)}.accessibility-panel-chevron{color:#ffffff40;transition:transform .15s}.accessibility-panel-chevron.is-open{transform:rotate(180deg)}.accessibility-panel-body{flex-direction:column;gap:8px;padding:4px 12px 12px;display:flex}.colors-scroll{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex:1;min-height:0;overflow:hidden auto}.colors-scroll::-webkit-scrollbar{width:6px}.colors-scroll::-webkit-scrollbar-track{background:0 0}.colors-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.colors-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff26}.chat-root{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.chat-messages{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex:1;gap:0;min-height:0;padding:16px 16px 8px;display:flex;overflow:hidden auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.chat-msg{gap:8px;padding:8px 0;display:flex}.chat-msg+.chat-msg{margin-top:4px}.chat-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:flex}.chat-avatar-user{color:var(--text-secondary);background:#ffffff14}.chat-avatar-assistant{color:var(--accent);background:#ffffff26}.chat-avatar-initial{color:var(--text-secondary);font-size:10px;font-weight:600}.chat-msg-content{flex:1;min-width:0;padding-top:0}.chat-msg-image{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;max-width:220px;max-height:180px;margin-bottom:6px;display:block}.chat-msg-text{font-size:var(--text-md);color:var(--text-primary);word-break:break-word;line-height:1.6}.chat-msg-error{font-size:var(--text-base);color:var(--error-text);background:var(--error-bg);border-radius:var(--radius-md);padding:8px 12px;display:block}.chat-msg-changes{flex-direction:column;gap:8px;display:flex}.chat-md{font-size:var(--text-md);color:var(--text-primary);line-height:1.6}.chat-md p{margin:0 0 8px}.chat-md p:last-child{margin-bottom:0}.chat-md strong{color:var(--text-primary);font-weight:600}.chat-md em{font-style:italic}.chat-md code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:0 4px}.chat-message{gap:var(--space-1);flex-direction:column;max-width:100%;display:flex}.chat-message.is-user{align-items:flex-end}.chat-message.is-ai{align-items:flex-start}.chat-bubble-user{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--text-primary);word-break:break-word;white-space:pre-wrap;max-width:88%;line-height:1.5}.chat-bubble-ai{font-size:var(--text-base);color:var(--text-secondary);word-break:break-word;max-width:100%;line-height:1.6}.chat-bubble-ai p{margin:0}.chat-bubble-ai p+p{margin-top:var(--space-2)}.chat-bubble-ai strong{color:var(--text-primary);font-weight:600}.chat-bubble-ai code{font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:0 4px;font-size:.875em}.chat-bubble-error{font-size:var(--text-xs);color:var(--error-text);background:var(--error-bg);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);border:1px solid #ef444433;max-width:100%;line-height:1.5}.generation-card{align-items:center;gap:var(--space-2-5);background:var(--accent-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);border:1px solid #fff3;max-width:100%;display:flex}.generation-card-name{font-size:var(--text-base);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.generation-card-mode{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.palette-preview{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 4px;display:grid}.palette-swatch-wrap{border:1px solid var(--border);border-radius:var(--radius-md);cursor:default;transition:border-color var(--t-fast);background:#ffffff08;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;display:flex}.palette-swatch-wrap:hover{border-color:var(--border-hover)}.palette-swatch{border-radius:var(--radius-sm);border:1px solid #00000026;width:100%;height:32px;display:block}.palette-swatch-label{color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.2}.palette-swatch-hex{color:var(--text-disabled);font-size:10px;font-family:var(--font-mono);letter-spacing:.02em}.trio-wrapper{flex-direction:column;gap:10px;width:100%;display:flex}.trio-cards{flex-direction:column;gap:6px;display:flex}.trio-card{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--t-base), background var(--t-base);background:#ffffff05;flex-direction:column;display:flex;position:relative;overflow:hidden}.trio-card:hover{border-color:var(--border-hover);background:#ffffff0a}.trio-card.is-active{border-color:var(--text-secondary);background:#ffffff0a}.trio-card-strip{width:100%;height:28px;display:flex}.trio-strip-color{flex:1}.trio-card-body{align-items:center;gap:8px;padding:8px 12px;display:flex}.trio-card-name{font-size:var(--text-sm);color:var(--text-primary);flex:1;font-weight:600}.trio-card-personality{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.trio-card-desc{color:var(--text-disabled);font-size:11px}.trio-card-active-dot{background:var(--text-secondary);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.changes-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);margin:4px 0;overflow:hidden}.changes-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;display:flex}.changes-count{font-size:var(--text-sm);color:var(--text-secondary);flex:1;font-weight:500}.changes-all-reverted{color:var(--text-tertiary)}.changes-undo-all{height:24px;color:var(--ds-gray-700);border:1px solid var(--ds-gray-alpha-300);cursor:pointer;font-size:12px;font-family:var(--font-sans);background:0 0;border-radius:4px;align-items:center;padding:0 8px;transition:border-color .15s,color .15s;display:inline-flex}.changes-undo-all:hover{border-color:var(--ds-gray-500);color:var(--ds-gray-900)}.changes-list{flex-direction:column;display:flex}.change-item{border-bottom:1px solid var(--border);transition:opacity var(--t-base);padding:8px 12px}.change-item:last-child{border-bottom:none}.change-item.is-undone{opacity:.45}.change-top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.change-left{flex-direction:column;gap:4px;min-width:0;display:flex}.change-swatches{align-items:center;gap:8px;display:flex}.change-swatch{border:1px solid var(--border-hover);border-radius:3px;flex-shrink:0;width:14px;height:14px;display:inline-block}.change-arrow{color:var(--text-tertiary);font-size:10px}.change-role{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;font-family:var(--font-mono)}.change-delta{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary)}.change-right{flex-shrink:0}.change-undo{height:24px;font-size:var(--text-xs);color:var(--ds-gray-700);border:1px solid var(--ds-gray-alpha-300);cursor:pointer;font-family:var(--font-sans);background:0 0;border-radius:4px;align-items:center;gap:4px;padding:0 8px;transition:border-color .15s,color .15s;display:inline-flex}.change-undo:hover{border-color:var(--ds-gray-500);color:var(--ds-gray-900)}.change-reverted-label{font-size:var(--text-xs);color:var(--text-disabled)}.change-reason{font-size:var(--text-xs);color:var(--text-tertiary);margin:4px 0 0;line-height:1.5}.chat-typing{align-items:center;gap:4px;padding:8px 0;display:flex}.chat-typing-dot{background:var(--text-tertiary);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite chat-bounce}.chat-typing-dot:first-child{animation-delay:0s}.chat-typing-dot:nth-child(2){animation-delay:.15s}.chat-typing-dot:nth-child(3){animation-delay:.3s}@keyframes chat-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.chat-typing-dot{opacity:.6;animation:none}}.chat-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:32px 24px;display:flex}.chat-empty-title{font-size:var(--text-lg);letter-spacing:-.02em;color:var(--text-primary);margin:8px 0 0;font-weight:500}.chat-empty-sub{font-size:var(--text-base);color:var(--text-secondary);max-width:280px;margin:0;line-height:1.5}.chat-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.chat-suggestion{border:1px solid var(--ds-gray-alpha-300);height:28px;font-size:var(--text-base);color:var(--ds-gray-900);cursor:pointer;white-space:nowrap;font-weight:400;font-family:var(--font-sans);background:0 0;border-radius:6px;align-items:center;padding:0 12px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.chat-suggestion:hover{border-color:var(--ds-gray-500);color:var(--ds-gray-1000);background:var(--ds-gray-alpha-100)}.chat-dropzone{border:1px dashed var(--border);border-radius:var(--radius-lg);transition:border-color var(--t-base), background var(--t-base);justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:16px 24px;display:flex}.chat-dropzone:hover{border-color:var(--border-hover);background:#ffffff05}.chat-dropzone-text{font-size:var(--text-sm);color:var(--text-disabled)}.chat-drop-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-lg);border:2px dashed var(--border-hover);pointer-events:none;background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chat-drop-overlay-inner{color:var(--text-secondary);font-size:var(--text-sm);flex-direction:column;align-items:center;gap:10px;display:flex}.chat-image-preview{padding:8px 12px 0;display:inline-flex;position:relative}.chat-image-thumb{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);width:72px;height:72px}.chat-image-remove{background:var(--bg-elevated);border:1px solid var(--border);width:18px;height:18px;color:var(--text-secondary);cursor:pointer;transition:background var(--t-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:8px}.chat-image-remove:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-input-bar{background:var(--bg-base);flex-shrink:0;padding:12px}.chat-input-container{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.chat-textarea{resize:none;font-size:var(--text-base);font-family:var(--font-sans);color:var(--text-primary);scrollbar-width:none;background:0 0;border:none;outline:none;flex:1;min-height:48px;max-height:120px;padding:12px 16px 4px;line-height:1.5;overflow-y:auto}.chat-textarea::placeholder{color:var(--text-disabled)}.chat-textarea:focus,.chat-textarea:focus-visible{box-shadow:none!important;outline:none!important}.chat-textarea::-webkit-scrollbar{display:none}.chat-input-container:focus-within,.chat-input-container :focus{box-shadow:none!important;outline:none!important}.chat-input-footer{align-items:center;gap:6px;padding:6px 8px 8px;display:flex}.chat-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border);width:30px;height:30px;color:var(--text-tertiary);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-icon-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-secondary)}.chat-icon-btn:active{transform:scale(.93)}.chat-mode-toggle{border-radius:var(--radius-md);border:1px solid var(--border);height:30px;color:var(--text-tertiary);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);background:0 0;flex-shrink:0;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;display:flex}.chat-mode-toggle:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-secondary)}.chat-mode-toggle.is-free-mode{color:#b59bfd;color:lab(69.1736% 25.4401 -45.8445);background:#9973ef14;background:lab(56.7542% 35.894 -58.3247/.08);border-color:#9973ef66;border-color:lab(56.7542% 35.894 -58.3247/.4)}.chat-mode-toggle.is-free-mode:hover{color:#cab4ff;color:lab(77.009% 29.3368 -52.3283);background:#9973ef24;background:lab(56.7542% 35.894 -58.3247/.14);border-color:#9973ef99;border-color:lab(56.7542% 35.894 -58.3247/.6)}.chat-send-btn{border-radius:var(--radius-md);background:var(--primary);width:30px;height:30px;color:var(--primary-foreground);cursor:pointer;transition:opacity var(--t-base), transform var(--t-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn.is-idle{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-disabled);cursor:default}.chat-send-btn:not(.is-idle):hover{opacity:.85}.chat-send-btn:not(.is-idle):active{transform:scale(.92)}.chat-plus-menu{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:500;min-width:180px;padding:4px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 32px #00000080}.chat-plus-item{border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-weight:450;display:flex}.chat-plus-item:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-plus-item-icon{border-radius:var(--radius-sm);background:var(--bg-hover);width:26px;height:26px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.preview-tab-bar{height:32px;padding:0 var(--space-2);background:var(--surface-1);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.preview-tabs{align-items:stretch;gap:0;height:100%;display:flex}.preview-tab{padding:0 var(--space-2-5);height:100%;font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;display:inline-flex}.preview-tab:hover:not(.is-active){color:var(--text-secondary)}.preview-tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent)}.preview-badge{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}}@keyframes preview-code-out{to{opacity:0;translate:0 -4px}}.monaco-skeleton{z-index:2;background:var(--surface-1);pointer-events:none;flex-direction:column;gap:10px;padding:16px 20px 16px 52px;display:flex;position:absolute;inset:0;overflow:hidden}.monaco-skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff07 40%,#ffffff0e 50%,#ffffff07 60%,#0000 100%) 0 0/400% 100%;animation:2.2s ease-in-out infinite monaco-shimmer;position:absolute;inset:0}.monaco-skeleton-line{background:var(--surface-3);opacity:.55;border-radius:2px;flex-shrink:0;height:13px}.monaco-skeleton-gap{flex-shrink:0;height:10px}@keyframes monaco-shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.monaco-skeleton:after{animation:none}}@keyframes preview-code-in{0%{opacity:0;translate:0 4px}}::view-transition-old(preview-code){animation:.12s ease-in both preview-code-out}::view-transition-new(preview-code){animation:.16s ease-out both preview-code-in}@media (prefers-reduced-motion:reduce){::view-transition-old(preview-code){animation:none}::view-transition-new(preview-code){animation:none}}@layer base{.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oklch-picker-root{display:inline-block;position:relative}.oklch-swatch-btn{border-radius:var(--radius-md);cursor:pointer;width:100%;height:36px;box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);touch-action:manipulation;border:1.5px solid #ffffff1f;padding:0;display:block}.oklch-swatch-btn:hover{box-shadow:var(--shadow-sm);transform:scale(1.1)}.oklch-swatch-btn:active{transform:scale(.95)}.oklch-swatch-btn:focus-visible{box-shadow:0 0 0 2px var(--surface-1), var(--ring);outline:none}.oklch-popover{top:calc(100% + var(--space-1-5));z-index:var(--z-popover);width:204px;padding:var(--space-3);gap:var(--space-2-5);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl), var(--panel-ring);flex-direction:column;display:flex;position:absolute;left:0}.oklch-top-row{align-items:flex-start;gap:var(--space-2);display:flex}.oklch-ring-wrap{flex-shrink:0;position:relative}.oklch-ring{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:120px;height:120px;display:block}.oklch-ring:focus-visible{box-shadow:0 0 0 2px var(--surface-2), var(--ring);border-radius:50%;outline:none}.oklch-ring-handle{width:10px;height:10px;box-shadow:0 0 0 1px #00000080, var(--shadow-xs);pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute}.oklch-ring-preview{box-shadow:inset 0 0 0 1px #00000040, var(--shadow-xs);pointer-events:none;border:2px solid #ffffff26;border-radius:50%;position:absolute}.oklch-slider-track{border-radius:var(--radius-full);width:100%;height:16px;box-shadow:var(--shadow-inner);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #ffffff14;flex-shrink:0;position:relative}.oklch-slider-track.is-vertical{width:18px;height:120px}.oklch-slider-track:focus-visible{box-shadow:var(--shadow-inner), 0 0 0 2px var(--surface-2), var(--ring);outline:none}.oklch-slider-thumb{width:14px;height:14px;box-shadow:0 0 0 1.5px #0006, var(--shadow-sm);pointer-events:none;background:#fff;border-radius:50%;position:absolute}.oklch-hex-row{align-items:center;gap:var(--space-1-5);display:flex}.oklch-field-label{font-size:12px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);color:var(--text-tertiary);text-transform:uppercase;cursor:pointer;flex-shrink:0}.oklch-hex-input{min-width:0;height:28px;padding:0 var(--space-2);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);transition:border-color var(--duration-fast) var(--ease-default);flex:1}.oklch-hex-input:focus{border-color:var(--border-strong);outline:none}.oklch-hex-input:focus-visible{box-shadow:var(--ring);border-color:var(--border-strong);outline:none}.oklch-hex-input.is-error{border-color:var(--danger);color:var(--danger)}.oklch-eyedropper{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;display:flex}.oklch-eyedropper:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-4)}.oklch-eyedropper:focus-visible{box-shadow:var(--ring);color:var(--text-primary);outline:none}.oklch-channels-row{gap:var(--space-1-5);display:flex}.oklch-channel-label{cursor:pointer;flex-direction:column;flex:1;gap:3px;display:flex}.oklch-channel-name{font-size:12px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);color:var(--text-tertiary);text-transform:uppercase;-webkit-user-select:none;user-select:none;line-height:1}.oklch-channel-input{width:100%;height:26px;padding:0 var(--space-1-5);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;-moz-appearance:textfield;transition:border-color var(--duration-fast) var(--ease-default)}.oklch-channel-input::-webkit-outer-spin-button{-webkit-appearance:none}.oklch-channel-input::-webkit-inner-spin-button{-webkit-appearance:none}.oklch-channel-input:focus{border-color:var(--border-strong);outline:none}.oklch-channel-input:focus-visible{box-shadow:var(--ring);border-color:var(--border-strong);outline:none}.oklch-contrast-row{align-items:center;gap:var(--space-1-5);padding-top:var(--space-1-5);border-top:1px solid var(--border-subtle);display:flex}.oklch-contrast-ratio{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-secondary);flex:1}.oklch-badge{font-size:12px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);border-radius:var(--radius-sm);flex-shrink:0;padding:4px;line-height:1.4}.oklch-badge.is-pass{background:var(--success-subtle);color:var(--success);border:1px solid #2ea87e33}.oklch-badge.is-fail{color:var(--text-tertiary);border:1px solid var(--border);opacity:.6;background:0 0;text-decoration:line-through}.oklch-card-btn{border-radius:var(--radius-md);cursor:pointer;width:100%;height:32px;font-size:10px;font-family:var(--font-mono);transition:border-color var(--t-base), filter var(--t-base);border:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:0 8px;display:flex;overflow:hidden}.oklch-card-btn:hover{filter:brightness(1.08);border-color:#ffffff2e}.oklch-card-btn.is-open{filter:brightness(1.12);border-color:#ffffff40}.oklch-card-val{font-size:10px;font-family:var(--font-mono);opacity:.75}.oklch-card-value{font-size:10px;font-family:var(--font-mono);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.oklch-picker-root:has(.oklch-card-btn){flex:1;display:contents}.cs-role-entry-row .oklch-picker-root{flex:1;min-width:0;position:relative}@media (prefers-reduced-motion:reduce){.oklch-swatch-btn,.oklch-hex-input,.oklch-eyedropper,.oklch-channel-input,.oklch-card-btn{transition:none}}.cs-import-bar{padding:0 0 4px}.cs-import-btn{border:1px dashed var(--ds-gray-alpha-300);width:100%;color:var(--ds-gray-700);font-size:12px;font-family:var(--font-sans);letter-spacing:-.01em;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:background .15s,border-color .15s,color .15s;display:flex}.cs-import-btn:hover{background:var(--ds-gray-alpha-100);border-color:var(--ds-gray-alpha-400);color:var(--ds-gray-900)}.cs-import-btn:disabled{opacity:.5;cursor:not-allowed}.cs-row-divider{background:var(--ds-gray-alpha-300);flex-shrink:0;width:1px;height:20px}.cs-override-btn{color:#93c5fd;height:36px;font-size:12px;font-family:var(--font-sans);letter-spacing:-.01em;background:#60a5fa14;background:lab(66.0368% -2.92006 -49.7488/.08);border:1px solid #60a5fa38;border:1px solid lab(66.0368% -2.92006 -49.7488/.22);border-radius:7px;flex-shrink:0;align-items:center;font-weight:500;display:flex;overflow:hidden}.cs-override-label{white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default;padding:0 9px}.cs-override-sep{background:#60a5fa38;background:lab(66.0368% -2.92006 -49.7488/.22);flex-shrink:0;align-self:stretch;width:1px}.cs-override-reset{cursor:pointer;height:100%;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0 9px;transition:background .15s,color .15s;display:flex}.cs-override-reset:hover{color:#bfdbfe;background:#60a5fa2e;background:lab(66.0368% -2.92006 -49.7488/.18)}.cs-root{flex-direction:column;gap:8px;padding:8px 12px;display:flex}.cs-group-trigger{text-transform:uppercase;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;transition:background var(--t-base), color var(--t-base), border-color var(--t-base);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:500;display:flex}.cs-group-trigger:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff08}.cs-group-trigger.is-open{border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom-color:#0000}.cs-group-trigger-critical{color:var(--error-text)}.cs-group-trigger-structural{color:#7c8ff5}.cs-group-trigger-semantic{color:var(--accent)}.cs-group-trigger-contextual{color:var(--text-secondary)}.cs-group-trigger-ambient{color:var(--text-tertiary)}.cs-group-label{flex:1;align-items:center;gap:8px;display:flex}.cs-group-target{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);text-transform:none;letter-spacing:0;font-weight:400}.cs-group-trigger-right{align-items:center;gap:4px;display:flex}.cs-group-chevron{color:var(--text-tertiary);transition:transform var(--t-base);flex-shrink:0}.cs-group-chevron.is-open{transform:rotate(180deg)}.cs-group-content{border:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);background:#ffffff03;border-top:none;overflow:hidden}.cs-palette-list{flex-direction:column;gap:12px;padding:12px;display:flex}.cs-palette-entry{flex-direction:column;gap:4px;display:flex}.cs-palette-entry-hd{align-items:center;gap:6px;display:flex}.cs-palette-label{font-size:var(--text-sm);color:var(--text-secondary);flex:1;font-weight:500}.cs-palette-label.is-locked{color:var(--text-primary)}.cs-palette-hex{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.02em}.cs-lock{cursor:pointer;color:var(--text-tertiary);transition:color var(--t-base);opacity:0;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.cs-palette-entry:hover .cs-lock,.cs-lock.is-locked,.cs-lock:focus-visible{opacity:1}.cs-lock:hover,.cs-lock.is-locked{color:var(--accent)}.cs-shuffle-inline{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;color:var(--text-tertiary);transition:border-color var(--t-base), color var(--t-base);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.cs-shuffle-inline:hover{border-color:var(--border-hover);color:var(--text-secondary)}.cs-palette-entry .oklch-picker-root{width:100%;display:block}.cs-palette-entry .oklch-card-btn{width:100%;height:36px;font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid #ffffff1f}.cs-role-list{flex-direction:column;gap:8px;padding:8px 12px;display:flex}.cs-role-entry{flex-direction:column;gap:4px;display:flex}.cs-role-entry-hd{align-items:center;gap:6px;display:flex}.cs-role-entry-name{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;font-family:var(--font-mono);flex:1}.cs-role-override-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.cs-role-entry-ratio{font-size:var(--text-xs);font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex-shrink:0}.cs-role-entry-ratio.is-pass{color:var(--success-text)}.cs-role-entry-ratio.is-fail{color:var(--error-text)}.cs-role-card-btn{border-radius:var(--radius-md);cursor:pointer;width:100%;height:34px;font-size:var(--text-sm);font-family:var(--font-mono);transition:border-color var(--t-base), filter var(--t-base);border:1px solid #ffffff1a;align-items:center;gap:8px;padding:0 10px;display:flex;overflow:hidden}.cs-role-card-btn:hover{filter:brightness(1.08);border-color:#ffffff38}.cs-role-card-btn.is-open{filter:brightness(1.12);border-color:#ffffff47}.cs-role-card-btn:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}.cs-role-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-sm);flex:1;overflow:hidden}.cs-role-card-hex{font-size:var(--text-xs);letter-spacing:.02em;opacity:.75;white-space:nowrap;flex-shrink:0}@keyframes role-flash{0%{outline:2px solid #ffffff4d}to{outline:2px solid #0000}}.cs-role-entry.is-flash .cs-role-card-btn{animation:.8s ease-out forwards role-flash}.cs-nudge-btn{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;width:20px;height:20px;color:var(--text-tertiary);transition:border-color var(--t-base), color var(--t-base);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.cs-nudge-btn:hover{border-color:var(--border-hover);color:var(--text-secondary)}.cs-rainbow-row{gap:8px;padding:12px;display:flex}.cs-rainbow-sw{border-radius:var(--radius-md);border:1px solid #ffffff14;flex:1;height:28px}.cs-typo-body{flex-direction:column;gap:12px;padding:12px;display:flex}}.role-popover{z-index:9000;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);animation:.12s popover-in;position:fixed;overflow:hidden;box-shadow:0 8px 32px #0009,0 2px 8px #0006}@keyframes popover-in{0%{opacity:0;transform:scale(.97)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.role-popover-hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 12px 8px;display:flex}.role-popover-hd-left{flex-direction:column;gap:4px;min-width:0;display:flex}.role-popover-title{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.01em;font-weight:500}.role-popover-examples{flex-wrap:nowrap;gap:8px;display:flex;overflow:hidden}.role-popover-ex{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.8;white-space:nowrap}.role-popover-contrast{font-size:10px;font-family:var(--font-mono);border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;padding:4px 8px}.role-popover-contrast.is-pass{background:var(--success-bg);color:var(--success-text)}.role-popover-contrast.is-fail{background:var(--error-bg);color:var(--error-text)}.role-popover-picker{padding:8px 12px}.role-popover-ft{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 12px;display:flex}.role-popover-source{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.role-popover-ft-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.role-popover-oklch{font-size:10px;font-family:var(--font-mono);color:var(--text-disabled);white-space:nowrap}.role-popover-reset{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;height:24px;color:var(--text-disabled);font-size:var(--text-xs);transition:all var(--t-base);white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:4px 8px;display:flex}.role-popover-reset.is-active{color:var(--accent);background:#ffffff0f;border-color:#ffffff59}.role-popover-reset:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-secondary)}.role-popover-reset:disabled{opacity:.35;cursor:not-allowed}.syn-root{flex-direction:column;display:flex}.syn-section{border-bottom:1px solid var(--border)}.syn-section:last-child{border-bottom:none}.syn-section-hd-row{align-items:center;display:flex}.syn-section-hd{cursor:pointer;text-align:left;transition:background var(--t-base);background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 16px;display:flex}.syn-tier-nudge{flex-shrink:0;align-items:center;gap:2px;padding:0 10px 0 4px;display:flex}.syn-nudge-btn{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;width:20px;height:20px;color:var(--text-tertiary);transition:border-color var(--t-base), color var(--t-base), background var(--t-base);background:0 0;justify-content:center;align-items:center;display:flex}.syn-nudge-btn:hover{border-color:var(--border-hover);color:var(--text-secondary);background:#ffffff0a}.syn-nudge-label{font-size:10px;font-family:var(--font-mono);color:var(--text-disabled);-webkit-user-select:none;user-select:none;padding:0 3px}.syn-section-arrow{color:var(--text-tertiary);flex-shrink:0;align-items:center;display:flex}.syn-section-name{font-size:var(--text-base);letter-spacing:-.01em;color:var(--text-secondary);flex:1;font-weight:500}.syn-section-meta{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.syn-section-count{font-size:var(--text-xs);color:var(--text-disabled);border-radius:var(--radius-pill);text-align:center;min-width:18px;font-family:var(--font-mono);background:#ffffff0f;padding:0 6px}.syn-section[data-tier=critical] .syn-section-name{color:var(--error-text)}.syn-section[data-tier=structural] .syn-section-name{color:#7c8ff5}.syn-section[data-tier=semantic] .syn-section-name{color:var(--accent)}.syn-section[data-tier=contextual] .syn-section-name{color:var(--text-secondary)}.syn-section[data-tier=ambient] .syn-section-name{color:var(--text-tertiary)}.syn-section-body{padding:4px 8px 8px}.syn-token{border-radius:var(--radius-sm)}.syn-token.is-open{background:#ffffff08}.syn-token-row{border-radius:var(--radius-sm);transition:background var(--t-base);align-items:center;gap:8px;padding:4px 8px;display:flex}.syn-token-row:hover{background:#ffffff08}.syn-token-dot-btn{cursor:pointer;width:11px;height:11px;transition:transform var(--t-base), box-shadow var(--t-base);border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;padding:0}.syn-token-dot-btn:hover{transform:scale(1.25);box-shadow:0 0 0 2px #ffffff26}.syn-token-dot-btn:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}.syn-token-name{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;min-width:90px}.syn-token-examples{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.syn-token-ex{font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;opacity:.8}.syn-token-custom{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.syn-token-fail{color:var(--error-text);flex-shrink:0;font-size:10px;font-weight:700}.syn-token-ratio{font-size:10px;font-family:var(--font-mono);flex-shrink:0}.syn-token-ratio.is-pass{color:var(--success-text)}.syn-token-ratio.is-fail{color:var(--error-text)}.syn-reset{display:none}.syn-reset.is-active{color:var(--accent);border-color:#ffffff4d}.syn-reset:disabled{opacity:.3;cursor:not-allowed}.syn-meta-row{justify-content:space-between;align-items:center;display:flex}.syn-derived{color:var(--text-tertiary);font-size:10px;font-family:var(--font-mono)}.syn-contrast{font-size:10px;font-family:var(--font-mono);border-radius:var(--radius-pill);padding:0 8px}.syn-contrast.is-pass{background:var(--success-bg);color:var(--success-text)}.syn-contrast.is-fail{background:var(--error-bg);color:var(--error-text)}.syn-oklch-row{gap:8px;display:flex}.syn-oklch-val{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);gap:3px;display:flex}.syn-oklch-ch{color:var(--text-disabled)}.syn-typography{flex-direction:column;gap:4px;padding:8px;display:flex}.syn-type-row{border-radius:var(--radius-md);align-items:center;gap:8px;padding:4px 8px;display:flex}.syn-type-label{font-size:var(--text-base);color:var(--text-secondary);white-space:nowrap;flex:1;min-width:0}.syn-type-select{background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--radius-md);height:28px;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:border-color var(--t-base);max-width:160px;padding:0 8px}.syn-type-select:focus{border-color:var(--border-active);outline:none}.syn-type-stepper{border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:0;display:flex;overflow:hidden}.syn-step-btn{cursor:pointer;width:28px;height:28px;color:var(--text-tertiary);transition:background var(--t-base), color var(--t-base);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;display:flex}.syn-type-num{text-align:center;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);width:36px;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-secondary);background:0 0;outline:none;height:28px;padding:0}.syn-type-num::-webkit-outer-spin-button{-webkit-appearance:none}.syn-type-num::-webkit-inner-spin-button{-webkit-appearance:none}.syn-toggle{border:1px solid var(--border);cursor:pointer;width:32px;height:18px;transition:background var(--t-base), border-color var(--t-base);background:#ffffff14;border-radius:9px;flex-shrink:0;position:relative}.syn-toggle.is-on{background:#ffffff40;border-color:#fff6}.syn-toggle-thumb{width:14px;height:14px;transition:transform var(--t-base), background var(--t-base);background:#ffffff59;border-radius:50%;position:absolute;top:1px;left:1px}.syn-toggle.is-on .syn-toggle-thumb{background:var(--accent);transform:translate(14px)}.syn-toggle:focus-visible{box-shadow:var(--ring);outline:none}.syn-ligature-preview{font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);letter-spacing:.02em;padding:8px 12px}.ti-card{z-index:9999;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:272px;box-shadow:var(--shadow-lg);padding:var(--space-2-5) var(--space-3);gap:var(--space-2);pointer-events:all;flex-direction:column;display:flex;position:fixed}.ti-header{align-items:center;gap:var(--space-2);display:flex}.ti-swatch{border:1px solid #ffffff1f;border-radius:3px;flex-shrink:0;width:12px;height:12px}.ti-swatch-unknown{background:var(--surface-4);border-style:dashed}.ti-role-name{font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.ti-close{border-radius:var(--radius-sm);width:18px;height:18px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.ti-close:hover{background:var(--surface-4);color:var(--text-primary)}.ti-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ti-token-text{font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;background:var(--surface-3);border-radius:var(--radius-sm);padding:4px var(--space-1-5);overflow:hidden}.ti-scope{font-family:var(--font-mono,monospace);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.4;overflow:hidden}.ti-no-scope{color:var(--text-tertiary);font-style:italic}.ti-metrics{gap:var(--space-3);flex-wrap:nowrap;display:flex}.ti-metric{flex-direction:column;gap:2px;display:flex}.ti-metric-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.ti-metric-value{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-secondary)}.ti-metric-value.is-pass{color:#4ade80}.ti-metric-value.is-fail{color:#f87171}.ti-hex{font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.04em}.ti-edit-btn{align-items:center;gap:var(--space-1-5);padding:4px var(--space-2);border-radius:var(--radius-md);background:var(--surface-3);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;align-self:flex-start;transition:background .12s,color .12s,border-color .12s;display:flex}.ti-edit-btn:hover{background:var(--surface-4);color:var(--text-primary);border-color:var(--border-strong)}.ti-edit-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ti-picker-wrap{padding-bottom:var(--space-1)}@media (prefers-reduced-motion:reduce){.ti-close,.ti-edit-btn{transition:none}}.ss-token-hl{border-radius:2px}.ss-badge{z-index:9998;align-items:center;gap:var(--space-2);padding:4px var(--space-2-5) 4px var(--space-2);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);pointer-events:all;animation:ss-badge-in .2s var(--ease-default) forwards;display:flex;position:fixed}@keyframes ss-badge-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ss-badge-swatch{border:1px solid #ffffff1f;border-radius:2px;flex-shrink:0;width:10px;height:10px}.ss-badge-label{align-items:baseline;gap:var(--space-1-5);display:flex}.ss-badge-role{font-size:var(--text-xs);color:var(--text-primary);font-weight:500}.ss-badge-count{font-size:var(--text-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.ss-badge-close{border-radius:var(--radius-sm);width:16px;height:16px;color:var(--text-tertiary);cursor:pointer;margin-left:var(--space-1);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.ss-badge-close:hover{background:var(--surface-4);color:var(--text-primary)}.ss-badge-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){.ss-badge{animation:none}.ss-badge-close{transition:none}}.em-dialog-content{overflow:hidden;background:var(--bg-canvas)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;width:min(760px,100%)!important;max-width:min(760px,100vw - 2rem)!important;max-height:calc(100dvh - 2rem)!important;color:var(--text-primary)!important;flex-direction:column!important;gap:0!important;padding:0!important;display:flex!important;box-shadow:0 24px 64px #000000b3!important}.em-header{border-bottom:1px solid var(--border);flex-shrink:0;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:14px 20px!important;display:flex!important}.em-title{flex:1;font-size:var(--text-md)!important;color:var(--text-primary)!important;font-weight:600!important;line-height:1!important}.em-close{transition:background .12s,color .12s;color:var(--text-tertiary)!important;background:0 0!important;border:none!important}.em-close:hover{background:var(--surface-3);color:var(--text-primary)}.em-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}[data-slot=dialog-overlay]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#000000b8!important}.em-body{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.em-dialog-content{transition:width .2s,max-width .2s!important}.em-dialog-content.has-detail{width:min(1060px,100%)!important;max-width:min(1060px,100vw - 2rem)!important}.em-col-left{flex-direction:column;flex-shrink:0;gap:20px;width:220px;padding:20px;display:flex;overflow-y:auto}.em-col-divider{background:var(--border);flex-shrink:0;align-self:stretch;width:1px}.em-col-right{flex-direction:column;flex:1;gap:20px;min-width:240px;padding:20px;display:flex;overflow-y:auto}.em-col-detail{flex-direction:column;flex-shrink:0;gap:16px;width:300px;padding:20px;animation:.18s em-slide-in;display:flex;overflow-y:auto}@keyframes em-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.em-detail-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:12px;display:flex}.em-detail-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.em-detail-kv{flex-direction:column;gap:3px;display:flex}.em-detail-key{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.em-detail-val{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-1);white-space:pre-wrap;word-break:break-all;padding:4px 8px;display:block}.em-detail-list{flex-direction:column;gap:6px;display:flex}.em-detail-flag{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:8px;display:flex}.em-detail-dot{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;width:7px;height:7px}.em-detail-dot.is-on{background:var(--accent);border-color:var(--accent)}.em-detail-alert{font-size:var(--text-xs);color:var(--text-secondary);background:color-mix(in oklch, var(--warning,#e0af68) 10%, transparent);border:1px solid color-mix(in oklch, var(--warning,#e0af68) 30%, transparent);border-radius:var(--radius-1);align-items:flex-start;gap:8px;margin-bottom:8px;padding:8px 10px;line-height:1.5;display:flex}.em-detail-alert svg{color:var(--warning,#e0af68)}.em-detail-alert a{color:inherit;text-underline-offset:2px;text-decoration:underline}.em-detail-note{font-size:var(--text-xs);color:var(--text-tertiary);margin:0;line-height:1.5}.em-detail-note code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 4px}.em-detail-path{font-size:var(--text-xs);font-family:var(--font-mono);overflow-wrap:break-word;word-break:break-word;color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-1);padding:6px 8px;display:block}.em-section{flex-direction:column;gap:8px;display:flex}.em-section-title{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px;font-weight:600}.em-fields{flex-direction:column;gap:6px;display:flex}.em-fields-2col{grid-template-columns:1fr 1fr;gap:6px;display:grid}.em-field{flex-direction:column;gap:4px;display:flex}.em-field-full{grid-column:1/-1}.em-field label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.em-field input,.em-readme-group input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-1);color:var(--text-primary);font-size:var(--text-sm);outline:none;width:100%;min-width:0;padding:7px 10px;transition:border-color .12s}.em-field input:focus,.em-readme-group input:focus{border-color:var(--accent)}.em-pat-row{align-items:center;gap:4px;display:flex}.em-pat-row input{flex:1;min-width:0}.em-mode-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-1);width:100%;display:flex;overflow:hidden}.em-mode-btn{padding:7px var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;font-weight:500;transition:background .12s,color .12s}.em-mode-btn:not(:last-child){border-right:1px solid var(--border)}.em-mode-btn.is-active{background:var(--accent);color:var(--text-inverse)}.em-mode-btn:not(.is-active):hover{background:var(--surface-3);color:var(--text-primary)}.em-toggle-row{align-items:center;gap:10px;padding:7px 0;display:flex}.em-toggle-row+.em-toggle-row{border-top:1px solid var(--border-subtle)}.em-toggle-text{flex:1;min-width:0}.em-toggle-label{font-size:var(--text-xs);color:var(--text-primary);font-weight:500;line-height:1.3}.em-toggle-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px;line-height:1.3}.em-readme-group{flex-direction:column;gap:6px;display:flex}.em-readme-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.em-readme-gen-btn{width:100%;height:30px;font-size:var(--text-xs);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.em-readme-gen-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.em-readme-gen-btn:disabled{opacity:.5;cursor:not-allowed}.em-readme-toggle{font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:2px 0;transition:color .12s;display:inline-flex}.em-readme-toggle:hover{color:var(--text-primary)}.em-section-title-ide{align-items:center;gap:6px;display:flex}.em-target-group{flex-direction:column;gap:6px;display:flex}.em-target-row{flex-direction:column;display:flex}.em-item-checked{border-color:var(--accent)!important;background:var(--surface-2)!important}.em-terminal-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.em-file-preview-btn{color:var(--text-tertiary);cursor:pointer;white-space:nowrap;border-radius:var(--radius-1);font-size:11px;font-family:var(--font-mono);background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:5px 10px;transition:color .12s,background .12s;display:flex}.em-file-preview-btn:hover{color:var(--text-primary);background:var(--surface-3)}.em-option-badge{color:var(--text-tertiary);background:var(--surface-3);border-radius:3px;padding:1px 5px;font-size:10px}.em-preview-toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;align-items:center;padding:6px 10px;transition:color .12s;display:flex}.em-preview-toggle:hover{color:var(--text-primary)}.em-preview{border-top:1px solid var(--border);padding:var(--space-2);background:var(--surface-0);max-height:160px;overflow-y:auto}.em-preview pre{color:var(--text-secondary);white-space:pre;margin:0;font-size:10px;line-height:1.5;overflow-x:auto}.em-toggle{flex-shrink:0;width:32px;height:18px;position:relative}.em-toggle input{display:none}.em-toggle-track{background:var(--surface-4);cursor:pointer;border-radius:9px;transition:background .14s;position:absolute;inset:0}.em-toggle input:checked+.em-toggle-track{background:var(--accent)}.em-toggle-track:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .14s;position:absolute;top:2px;left:2px}.em-toggle input:checked+.em-toggle-track:after{transform:translate(14px)}.em-toggle.is-disabled{opacity:.4;pointer-events:none}.em-footer{gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);flex-shrink:0;align-items:center;display:flex}.em-footer-left{gap:var(--space-2);flex:1;align-items:center;display:flex}.em-footer-right{gap:var(--space-2);align-items:center;display:flex}.em-progress{max-height:108px;font-size:var(--text-xs);font-family:var(--font-mono);scrollbar-width:none;flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.em-progress::-webkit-scrollbar{display:none}.em-progress-step{color:var(--text-tertiary);align-items:center;gap:6px;line-height:1.4;transition:color .12s;display:flex}.em-progress-step.is-done{color:var(--text-secondary)}.em-progress-step.is-running{color:var(--text-primary)}.em-progress-icon{text-align:center;width:12px;color:var(--success);flex-shrink:0;font-size:10px}.em-progress-dot{background:var(--accent);border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite typing-wave;display:inline-block}@media (prefers-reduced-motion:reduce){.em-progress-dot{opacity:.8;animation:none}}.em-btn{align-items:center;gap:var(--space-1);padding:8px var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-1);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.em-btn-ghost{border-color:var(--border);color:var(--text-secondary);background:0 0}.em-btn-ghost:hover{background:var(--surface-3);color:var(--text-primary)}.em-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.em-btn-primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.em-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.em-btn-primary:disabled{opacity:.5;cursor:not-allowed}.em-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.em-copy-success{color:#9ece6a!important}.em-dialog-content.em-dialog-success{width:min(440px,100vw - 2rem)!important;max-width:min(440px,100vw - 2rem)!important}.em-theme-icon-btn{cursor:pointer;outline-offset:4px;background:0 0;border:none;border-radius:14px;outline:2px solid #0000;margin-bottom:12px;padding:0;transition:outline-color .15s,transform .1s;display:block}.em-theme-icon-btn:hover{outline-color:#ffffff2e}.em-theme-icon-btn:active{transform:scale(.92)}.em-theme-icon{object-fit:cover;border-radius:14px;width:72px;height:72px;display:block}.em-vscode-screenshot-wrap{margin-bottom:12px}.em-vscode-screenshot{aspect-ratio:2;border-radius:var(--radius-2);border:1px solid var(--border);background:var(--surface-2);object-fit:cover;width:100%;height:auto;display:block}.em-publish-status{font-size:var(--text-xs);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.em-publish-status.is-error{color:var(--red,#f87171);background:color-mix(in srgb, var(--red,#f87171) 8%, transparent)}.em-success{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:44px 36px 36px;display:flex;position:relative;overflow:hidden}.em-success-glow{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 70%);pointer-events:none;width:320px;height:220px;animation:3s ease-in-out infinite alternate em-glow-pulse;position:absolute;top:-40px;left:50%;transform:translate(-50%)}@keyframes em-glow-pulse{0%{opacity:.7;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.08)}}.em-success-icon-wrap{flex-shrink:0;width:72px;height:72px;animation:.55s cubic-bezier(.34,1.56,.64,1) 80ms both em-icon-pop;position:relative}@keyframes em-icon-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.em-success-icon-ring{border:1.5px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:50%;animation:.7s ease-out .3s both em-ring-expand;position:absolute;inset:-6px}@keyframes em-ring-expand{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.em-success-icon{background:color-mix(in srgb, var(--accent) 12%, #ffffff08);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);width:72px;height:72px;color:var(--accent);box-shadow:0 0 32px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:50%;justify-content:center;align-items:center;display:flex}.em-success-headline{flex-direction:column;gap:8px;animation:.4s ease-out .2s both em-fade-up;display:flex}@keyframes em-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.em-success-title{letter-spacing:-.6px;background:linear-gradient(160deg, #fff 30%, color-mix(in srgb, var(--accent) 60%, #fff));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800;line-height:1.1}.em-success-sub{color:var(--text-secondary);max-width:300px;margin:0;font-size:13px;line-height:1.55}.em-success-sub strong{color:var(--text-primary);font-weight:600}.em-success-cta{background:#ffffff0a;border:1px solid #ffffff17;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 16px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;animation:.4s ease-out .32s both em-fade-up;display:flex}.em-success-cta:hover{background:#ffffff12;border-color:#ffffff29;transform:translateY(-1px)}.em-success-cta-left{color:var(--text-primary);align-items:center;gap:12px;display:flex}.em-success-cta-title{color:var(--text-primary);text-align:left;font-size:14px;font-weight:600;line-height:1.2}.em-success-cta-sub{color:var(--text-tertiary);text-align:left;font-size:11px;font-family:var(--font-mono);margin-top:2px}.em-success-cta-arrow{color:var(--text-tertiary);flex-shrink:0;transition:color .15s,transform .15s}.em-success-cta:hover .em-success-cta-arrow{color:var(--text-primary);transform:translate(2px,-2px)}.em-success-save{border:1px solid #ffffff14;border-radius:12px;width:100%;animation:.4s ease-out .4s both em-fade-up;overflow:hidden}.em-success-save-header{color:var(--text-tertiary);letter-spacing:.01em;background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:11px;display:flex}.em-success-save-body{background:#00000026;justify-content:center;align-items:center;gap:14px;padding:18px 20px;display:flex}.em-success-code{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-primary);font-size:26px;font-weight:700}.em-success-code-sep{opacity:.35;margin:0 1px}.em-success-copy{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.em-success-copy:hover{color:var(--text-primary);background:#ffffff17;border-color:#ffffff2e}.em-success-copy.is-copied{color:#4ade80;background:#4ade800f;border-color:#4ade8030}.em-success-save-loading{color:var(--text-tertiary);justify-content:center;align-items:center;gap:6px;padding:18px;font-size:12px;display:flex}.em-success-reset{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:12px;transition:color .12s;animation:.4s ease-out .5s both em-fade-up;display:inline-flex}.em-success-reset:hover{color:var(--text-secondary)}.em-publish-success-inner,.em-publish-success-icon,.em-publish-success-title,.em-publish-success-sub,.em-publish-success-link,.em-save-code-block,.em-save-code-label,.em-save-code-display,.em-save-code-text,.em-save-code-copy,.em-save-code-loading,.em-publish-success-reset{display:none}@media (prefers-reduced-motion:reduce){.em-backdrop,.em-panel{animation:none}.em-toggle-track,.em-toggle-track:after,.em-btn{transition:none}.em-publish-success-overlay,.em-publish-success-icon{animation:none}}.kh-backdrop{z-index:200;padding:var(--space-4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kh-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-2);flex-direction:column;width:min(480px,100%);max-height:min(560px,90vh);display:flex;overflow:hidden;box-shadow:0 24px 64px #0006}.kh-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.kh-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.kh-close{border-radius:var(--radius-1);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.kh-close:hover{background:var(--surface-3);color:var(--text-primary)}.kh-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kh-body{padding:var(--space-3) var(--space-4);gap:var(--space-4);flex:1;display:flex;overflow-y:auto}.kh-group{flex:1;min-width:0}.kh-group-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-weight:600}.kh-rows{flex-direction:column;gap:2px;display:flex}.kh-row{align-items:center;gap:var(--space-3);padding:4px 0;display:flex}.kh-keys{flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;min-width:96px;display:flex}.kh-kbd{background:var(--surface-3);border:1px solid var(--border);min-width:24px;height:20px;font-family:var(--font-mono);color:var(--text-primary);border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:500;line-height:1;display:inline-flex}.kh-kbd-sm{min-width:20px;height:16px;font-size:12px}.kh-sep{font-size:var(--text-xs);color:var(--text-tertiary);padding:0 1px}.kh-desc{font-size:var(--text-xs);color:var(--text-secondary);flex:1;min-width:0}.kh-footer{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;flex-shrink:0}.ide-canvas{flex-direction:column;height:100%;display:flex;overflow:hidden}.ide-nav{background:var(--bg-base);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:0;height:68px;padding:0 16px;display:flex}.ide-menu{align-items:center;display:flex;position:relative}.ide-menu-dropdown{z-index:100;background:var(--popover);border-radius:var(--radius);flex-direction:column;gap:0;min-width:160px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d,0 0 0 1px #ffffff1a}.ide-menu-item{border-radius:calc(var(--radius) - 2px);height:32px;color:var(--muted-foreground);font-size:var(--text-base);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:0 8px;font-family:inherit;transition:background .1s,color .1s;display:flex}.ide-menu-item:hover{color:var(--foreground);background:#ffffff0f}.ide-menu-item.is-active{color:var(--foreground);background:#ffffff1a;font-weight:500}.ide-nav-left{align-items:center;gap:8px;display:flex}.ide-nav-sep{background:var(--input);flex-shrink:0;align-self:stretch;width:1px;margin-block:1px}.ide-nav-mode{align-items:center;gap:2px;display:flex}.ide-nav-right{align-items:center;gap:8px;margin-left:auto;display:flex}.ide-canvas-content{background-color:var(--ds-background-100);background-image:radial-gradient(circle, var(--ds-gray-400) 1px, transparent 1px);background-size:20px 20px;flex:1;min-height:0;padding:16px;position:relative;overflow:hidden}.ide-replica{background:var(--preview-bg);height:100%;color:var(--preview-fg);border:1px solid var(--ds-gray-alpha-300);-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;display:flex;overflow:hidden}.ide-main-row{flex:1;min-height:0;display:flex;overflow:hidden}.ide-editor-col{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.ide-wallpaper-layer{pointer-events:none;z-index:0;background-image:var(--preview-wallpaper-image,none);opacity:var(--preview-wallpaper-opacity,.35);background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}.ide-titlebar{background:var(--preview-activitybar-bg);border-bottom:1px solid var(--preview-panel-border);flex-shrink:0;align-items:center;gap:8px;height:28px;padding:0 12px;display:flex}.ide-titlebar-dots{align-items:center;gap:6px;display:flex}.ide-titlebar-dot{border-radius:50%;width:12px;height:12px}.ide-titlebar-title{text-align:center;color:var(--preview-fg);opacity:.55;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.ide-titlebar-controls{color:var(--preview-fg);opacity:.25;letter-spacing:2px;font-size:11px}.ide-activitybar{background:var(--preview-activitybar-bg);border-right:1px solid var(--preview-activitybar-border);flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:48px;padding:4px 0;display:flex}.ide-activity-btn{width:48px;height:48px;color:var(--preview-fg);opacity:.5;cursor:default;justify-content:center;align-items:center;display:flex;position:relative}.ide-activity-btn.is-active{opacity:1;color:var(--preview-accent,var(--preview-keyword))}.ide-activity-btn.is-active:before{content:"";background:var(--preview-accent,var(--preview-keyword));border-radius:0 2px 2px 0;width:2px;position:absolute;top:12px;bottom:12px;left:0}.ide-activity-spacer{flex:1}.ide-activity-badge{background:var(--preview-accent,var(--preview-keyword));min-width:16px;height:16px;color:var(--preview-bg);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:6px;right:6px}.ide-sidebar{background:var(--preview-sidebar-bg);border-right:1px solid var(--preview-sidebar-border);flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow:hidden}.ide-sidebar-hd{letter-spacing:.08em;text-transform:uppercase;color:var(--preview-fg);opacity:.55;flex-shrink:0;padding:8px 12px 4px;font-size:11px;font-weight:600}.ide-sidebar-body{flex:1;padding-bottom:8px;overflow:hidden}.ide-tree-row{height:22px;color:var(--preview-fg);cursor:default;white-space:nowrap;align-items:center;gap:4px;padding-right:8px;font-size:13px;display:flex}.ide-tree-row.is-selected{background:var(--preview-selection)}.ide-tree-chevron{color:var(--preview-keyword);opacity:.7;flex-shrink:0;width:12px;font-size:10px}.ide-tree-icon{opacity:.65;flex-shrink:0}.ide-tabbar{background:var(--preview-tab-inactive-bg);z-index:1;border-bottom:1px solid var(--preview-panel-border);flex-shrink:0;align-items:stretch;height:35px;display:flex;position:relative;overflow:hidden}.ide-tab{color:var(--preview-fg);opacity:.55;background:var(--preview-tab-inactive-bg);border-right:1px solid color-mix(in srgb, var(--preview-border) 50%, transparent);white-space:nowrap;cursor:default;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:flex}.ide-tab.is-active{background:var(--preview-tab-active-bg);opacity:1;box-shadow:inset 0 2px 0 var(--preview-accent,var(--preview-keyword))}.ide-tab-close{opacity:.35;margin-left:2px;font-size:11px}.ide-breadcrumbs{height:24px;color:var(--preview-fg);opacity:.5;background:var(--preview-tab-active-bg);border-bottom:1px solid color-mix(in srgb, var(--preview-border) 40%, transparent);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:0 12px;font-size:12px;display:flex;overflow:hidden}.ide-breadcrumbs-sep{opacity:.4}.ide-panel{border-top:1px solid var(--preview-panel-border);flex-direction:column;flex-shrink:0;height:120px;display:flex}.ide-panel-tabbar{background:var(--preview-tab-inactive-bg);flex-shrink:0;height:28px;display:flex}.ide-panel-tab{color:var(--preview-fg);opacity:.5;cursor:default;border-top:1px solid #0000;align-items:center;padding:0 14px;font-size:12px;display:flex}.ide-panel-tab.is-active{opacity:1;background:var(--preview-terminal-bg);border-top-color:var(--preview-keyword)}.ide-panel-body{background:var(--preview-terminal-bg);font-family:var(--font-mono,monospace);flex:1;padding:8px 16px;font-size:12px;line-height:1.5;overflow:hidden}@keyframes ide-blink{0%,to{opacity:1}50%{opacity:0}}.ide-cursor{animation:1.2s step-start infinite ide-blink}.ide-statusbar{background:var(--preview-statusbar-bg);height:22px;color:var(--preview-fg);flex-shrink:0;align-items:center;gap:0;padding:0 10px;font-size:12px;display:flex}.ide-statusbar-item{opacity:.75;white-space:nowrap;align-items:center;gap:4px;padding:0 8px;display:flex}.ide-statusbar-item:hover{opacity:1}.ide-statusbar-sep{flex:1}.ide-statusbar-err{color:var(--preview-error);opacity:1}.ide-statusbar-warn{color:var(--preview-warning);opacity:1}.nvim-frame{height:100%;font-family:var(--font-mono,monospace);flex-direction:column;display:flex;overflow:hidden}.nvim-titlebar{background:var(--preview-activitybar-bg);flex-shrink:0;align-items:center;gap:8px;height:28px;padding:0 12px;display:flex}.nvim-editor-area{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.nvim-statusline{height:24px;font-family:var(--font-mono,monospace);background:var(--preview-surface);flex-shrink:0;align-items:stretch;font-size:12px;display:flex;overflow:hidden}.nvim-sl-left{align-items:stretch;display:flex}.nvim-sl-center{flex:1}.nvim-sl-right{color:var(--preview-fg);opacity:.6;align-items:center;gap:10px;padding:0 8px;font-size:11px;display:flex}.nvim-mode{background:var(--preview-keyword);color:var(--preview-bg);align-items:center;padding:0 10px;font-weight:700;display:flex}.nvim-branch{background:color-mix(in srgb, var(--preview-success) 20%, transparent);color:var(--preview-success);align-items:center;padding:0 10px;font-size:11px;display:flex}.nvim-filename{background:var(--preview-surface);color:var(--preview-fg);opacity:.8;border-right:1px solid var(--preview-border);align-items:center;padding:0 10px;font-size:11px;display:flex}.nvim-cmdline{height:20px;font-family:var(--font-mono,monospace);background:var(--preview-bg);color:var(--preview-fg);opacity:.7;flex-shrink:0;align-items:center;padding:0 8px;font-size:12px;display:flex}.zed-tab.is-active{box-shadow:0 -1px 0 var(--preview-keyword) inset;border-radius:6px 6px 0 0}.zed-titlebar{height:38px}.zed-git-panel{border-top:1px solid color-mix(in srgb, var(--preview-border) 40%, transparent);padding:8px 12px}.zed-git-hd{letter-spacing:.06em;text-transform:uppercase;color:var(--preview-fg);opacity:.45;margin-bottom:4px;font-size:11px;font-weight:600}.zed-git-file{height:20px;color:var(--preview-fg);align-items:center;gap:6px;font-size:12px;display:flex}.zed-git-m{color:var(--preview-warning);font-size:11px;font-weight:600}.zed-git-a{color:var(--preview-success);font-size:11px;font-weight:600}.zed-git-u{color:var(--preview-comment);font-size:11px}.zed-commit-input{background:color-mix(in srgb, var(--preview-border) 30%, var(--preview-sidebar-bg));border:1px solid var(--preview-border);width:100%;height:22px;color:var(--preview-fg);opacity:.5;box-sizing:border-box;border-radius:4px;align-items:center;margin-top:6px;padding:0 6px;font-size:11px;display:flex}.jb-toolbar{background:var(--preview-surface);border-bottom:1px solid var(--preview-panel-border);flex-shrink:0;align-items:center;gap:4px;height:32px;padding:0 8px;display:flex}.jb-toolbar-btn{width:24px;height:24px;color:var(--preview-fg);opacity:.55;cursor:default;border-radius:4px;justify-content:center;align-items:center;display:flex}.jb-toolbar-sep{background:var(--preview-border);width:1px;height:18px;margin:0 4px}.jb-run-dropdown{color:var(--preview-fg);opacity:.7;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:flex}.jb-run-btn{cursor:default;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.jb-run-play{background:#3d8b3d}.jb-run-stop{background:#8b3d3d}.jb-tabbar{background:var(--preview-tab-inactive-bg);flex-shrink:0;align-items:stretch;height:30px;display:flex}.jb-tab{color:var(--preview-fg);opacity:.6;border-right:1px solid color-mix(in srgb, var(--preview-border) 50%, transparent);cursor:default;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:flex}.jb-tab.is-active{opacity:1;background:var(--preview-bg);border-top:2px solid var(--preview-keyword)}.jb-tab-dot{background:var(--preview-keyword);border-radius:50%;flex-shrink:0;width:8px;height:8px}.term-replica{background:var(--preview-terminal-bg);flex-direction:column;height:100%;display:flex}.term-titlebar{background:var(--preview-activitybar-bg);flex-shrink:0;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.term-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.term-title{text-align:center;color:var(--preview-fg);opacity:.5;flex:1;font-size:12px}.term-body{font-family:var(--font-mono,monospace);flex:1;padding:12px 16px;font-size:13px;line-height:1.6;overflow:hidden}.term-line{white-space:pre}.term-prompt{color:var(--preview-success)}.term-cmd{color:var(--preview-fg)}.term-dir{color:var(--preview-keyword);font-weight:600}.term-exe{color:var(--preview-success)}.term-dim{color:var(--preview-comment)}.term-warn{color:var(--preview-warning)}.term-err{color:var(--preview-error)}.term-info{color:var(--preview-info)}.term-pass{color:var(--preview-success)}.term-fail{color:var(--preview-error)}.term-str{color:var(--preview-string)}.term-num{color:var(--preview-number)}.syn-tab-root{flex-direction:column;padding:0;display:flex}.syn-search{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 12px;display:flex}.syn-search-icon{color:var(--text-tertiary);cursor:text;flex-shrink:0}.syn-search-input{font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;line-height:1.5}.syn-search-input::placeholder{color:var(--text-disabled)}.syn-search-input::-webkit-search-cancel-button{appearance:none}.syn-search-empty{font-size:var(--text-sm);color:var(--text-tertiary);padding:16px 12px}.syn-section-hd{border:none;border-top:1px solid var(--border);cursor:pointer;width:100%;transition:background var(--t-base);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.syn-section-hd:hover{background:#ffffff04}.syn-section-hd-left{align-items:center;gap:6px;display:flex}.syn-section-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-weight:600;font-family:var(--font-sans)}.syn-section-count{font-size:12px;font-family:var(--font-mono);color:var(--text-disabled);font-variant-numeric:tabular-nums}.syn-section-subtitle{font-size:12px;font-family:var(--font-mono);color:var(--text-disabled)}.syn-section-chevron{color:var(--text-disabled);transition:transform var(--t-base);flex-shrink:0}.syn-section-chevron.is-open{transform:rotate(0)}.syn-section-chevron:not(.is-open){transform:rotate(-90deg)}.syn-ambient-note{color:var(--text-disabled);margin:0;padding:4px 16px;font-size:12px;font-style:italic}.syn-role-entry{border-bottom:1px solid #ffffff05}.syn-role-row{text-align:left;width:100%;min-height:38px;transition:background var(--t-base);background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px 8px 16px;display:flex}.syn-role-row:hover,.syn-role-row.is-expanded{background:#ffffff05}.syn-role-row>button{min-width:0}.syn-role-dot-wrap{flex-shrink:0;justify-content:center;align-items:center;width:6px;display:flex}.syn-role-dot{background:var(--text-tertiary);border-radius:50%;width:4px;height:4px}.syn-role-name{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.syn-role-swatch{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:12px;height:12px}.syn-role-expanded{padding:0 12px 12px}.syn-role-expanded-inner{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff06;flex-direction:column;gap:16px;padding:16px;display:flex}.syn-expand-meta{justify-content:space-between;align-items:center;display:flex}.syn-expand-source{color:var(--text-disabled);font-size:12px}.syn-expand-reset{color:var(--text-tertiary);cursor:pointer;transition:color var(--t-base);background:0 0;border:none;padding:0;font-size:12px}.syn-expand-reset:hover{color:var(--text-secondary)}.syn-expand-section{flex-direction:column;gap:8px;display:flex}.syn-expand-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-disabled);font-size:12px;font-weight:500}.syn-expand-label-row{justify-content:space-between;align-items:center;display:flex}.syn-expand-mono{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.syn-slider-wrap{flex-direction:column;gap:4px;display:flex}.syn-slider-wrap-half{flex:1}.syn-slider-label-row{justify-content:space-between;align-items:center;display:flex}.syn-slider-name{font-size:14px;font-family:var(--font-mono);color:var(--text-disabled)}.syn-lc-row{gap:8px;display:flex}.syn-hue-track{align-items:center;height:20px;display:flex;position:relative}.syn-hue-track-bar{background:linear-gradient(90deg,#e7729b,#e18528,#93ab2c,#00b8a1,#26a9f1,#ad87ed,#e7729b);background:linear-gradient(90deg,lab(63.3133% 49.1797 .630343),lab(64.5716% 31.6277 61.3514),lab(66.4542% -21.1754 57.9681),lab(67.0817% -53.0885 -.365746),lab(65.0096% -15.512 -46.7948),lab(63.1007% 30.9343 -46.8099),lab(63.3133% 49.1797 .630367));border-radius:2px;height:4px;position:absolute;inset-inline:0;overflow:hidden}.syn-slider{appearance:none;background:var(--border-hover);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.syn-slider-hue{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;inset:0}.syn-slider::-webkit-slider-thumb{appearance:none;cursor:grab;background:#fff;border:2px solid #ffffff4d;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0006}.syn-slider::-moz-range-thumb{cursor:grab;background:#fff;border:2px solid #ffffff4d;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0006}.syn-slider-ends{color:var(--text-disabled);justify-content:space-between;font-size:12px;display:flex}.syn-style-btns{gap:4px;display:flex}.syn-style-btn{border-radius:var(--radius-sm);height:32px;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);cursor:pointer;transition:background var(--t-base), color var(--t-base), border-color var(--t-base);background:0 0;border:1px solid #0000;flex:1}.syn-style-btn:hover{color:var(--text-secondary);background:#ffffff08}.syn-style-btn.is-active{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff12}.syn-expand-body{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.syn-select{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;height:28px;color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);cursor:pointer;transition:border-color var(--t-base);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff08;outline:none;padding:0 8px}.syn-select:hover,.syn-select:focus{border-color:var(--border-hover)}.syn-row-3{align-items:flex-end;gap:8px;display:flex}.syn-row-3>div{flex-direction:column;flex:1;gap:4px;display:flex}.syn-mini-label{color:var(--text-disabled);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.syn-stepper{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;align-items:center;height:28px;display:flex;overflow:hidden}.syn-step-btn{width:24px;height:100%;color:var(--text-tertiary);cursor:pointer;transition:color var(--t-base), background var(--t-base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.syn-step-btn:hover{color:var(--text-secondary);background:#ffffff0a}.syn-step-val{text-align:center;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:1}.syn-toggle{cursor:pointer;width:28px;height:16px;transition:background var(--t-base);background:#ffffff14;border:none;border-radius:9999px;flex-shrink:0;align-items:center;padding:1.5px;display:flex}.syn-toggle.is-on{background:#22c55e59}.syn-toggle-thumb{width:13px;height:13px;transition:transform var(--t-base);background:#fff;border-radius:50%;display:block}.syn-toggle.is-on .syn-toggle-thumb{transform:translate(12px)}.syn-ligature-preview{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.04em;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;padding:8px}.syn-red-warn,.qt-red-warn{color:#eab308cc;cursor:default;flex-shrink:0;font-size:11px}.contrast-preset-picker{gap:4px;display:flex}.contrast-preset-btn{height:32px;font-size:var(--text-base);font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-tertiary);cursor:pointer;transition:border-color var(--t-base), color var(--t-base), background var(--t-base);background:0 0;padding:0 12px}.contrast-preset-btn:hover{border-color:var(--border-hover);color:var(--text-secondary)}.contrast-preset-btn.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text-primary)}.qt-panel{flex-direction:column;padding:0;display:flex}.qt-entity-body{flex-direction:column;gap:14px;padding:12px;display:flex}.qt-syntax-body{flex-direction:column;gap:0;display:flex}.qt-role-category{flex-direction:column;gap:6px;padding:12px;display:flex}.qt-role-category+.qt-role-category{border-top:1px solid var(--ds-gray-alpha-300)}.qt-role-cat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:#fff3;margin-bottom:2px;font-weight:600}.qt-sat-toggle-wrap{cursor:pointer;align-items:center;gap:6px;display:flex}.qt-sat-toggle-label{font-size:var(--text-xs);color:#ffffff59;white-space:nowrap}.qt-section{flex-direction:column;gap:10px;display:flex}.qt-section-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.qt-section-label-row .qt-sat-info-row{align-items:center;gap:8px;display:flex}.qt-section-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.qt-cards{flex-direction:column;gap:6px;display:flex}.qt-card{border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--t-base);background:#ffffff05;flex-direction:column;gap:8px;padding:12px;display:flex}.qt-card:hover{border-color:var(--border-hover)}.qt-card-header{align-items:center;gap:8px;display:flex}.qt-swatch{border-radius:var(--radius-sm);border:1px solid #ffffff14;flex-shrink:0;width:20px;height:20px}.qt-card-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.qt-card-label{font-size:var(--text-base);color:var(--text-primary);align-items:center;gap:5px;font-weight:500;display:flex}.qt-card-hex{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.04em}.hex-input{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums;cursor:text;background:0 0;border:none;border-bottom:1px dashed #0000;outline:none;width:58px;min-width:58px;padding:0;font-weight:500;transition:border-color .1s,color .1s}.hex-input:hover{border-bottom-color:var(--text-tertiary)}.hex-input:focus{color:var(--text-primary);border-bottom-color:var(--text-primary)}.cs-hex-input{color:#ffffff4d}.cs-hex-input:hover{border-bottom-color:#ffffff4d}.cs-hex-input:focus{color:#ffffffbf;border-bottom-color:#ffffffbf}.qt-hue-strip{cursor:crosshair;background:linear-gradient(90deg,#fb5c99,#ff6450,#ea7e00,#c39900,#91ad00,#00be57,#00b9a2,#00b3c9,#00a9ff,#7595ff,#b27eff,#e068d8,#fb5c99);background:linear-gradient(90deg,lab(62.6832% 65.0036 .909209),lab(63.3267% 61.5741 45.4137),lab(64.2145% 44.4676 116.79),lab(65.4167% 13.2822 153.78),lab(66.7285% -26.268 94.6701),lab(67.6722% -60.9446 40.8552),lab(67.7079% -72.1619 -.437415),lab(66.5971% -52.2849 -36.3137),lab(64.7245% -15.7882 -61.8017),lab(62.9956% 18.9778 -71.2144),lab(62.1579% 43.5784 -61.9524),lab(62.208% 58.3505 -36.1556),lab(62.6832% 65.0036 .909233));border-radius:2px;outline:none;height:4px;position:relative}.qt-hue-strip:focus-visible{box-shadow:0 0 0 2px var(--accent)}.qt-hue-marker{background:var(--text-primary);border:2px solid var(--bg-elevated,#1e1e2a);pointer-events:none;border-radius:50%;width:14px;height:14px;transition:transform 80ms;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #ffffff2e}.qt-hue-strip:hover .qt-hue-marker{transform:translate(-50%,-50%)scale(1.2)}.qt-hue-strip-slim-wrap{margin:-8px 0;padding:8px 0}.qt-comment-control{flex-direction:column;gap:6px;display:flex}.qt-comment-l-wrap{padding:4px 0}.qt-comment-l-track{border-radius:2px;height:4px;position:relative;overflow:visible}.qt-comment-l-range{opacity:0;cursor:pointer;z-index:2;-webkit-appearance:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.qt-visibility{gap:4px;display:flex}.qt-vis-btn{height:32px;font-size:var(--text-base);font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-tertiary);cursor:pointer;transition:border-color var(--t-base), color var(--t-base), background var(--t-base);background:0 0;flex:1}.qt-vis-btn:hover{border-color:var(--border-hover);color:var(--text-secondary)}.qt-vis-btn.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text-primary)}.qt-sat-info{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;margin-top:4px;padding:12px}.qt-sat-info-row{align-items:flex-start;gap:12px;display:flex}.qt-sat-info-text{flex-direction:column;flex:1;gap:4px;display:flex}.qt-sat-info-title{font-size:var(--text-base);color:var(--text-primary);font-weight:500}.qt-sat-info-desc{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.5}.qt-sat-toggle{background:var(--border);cursor:pointer;width:32px;height:18px;transition:background var(--t-base);border:none;border-radius:9px;flex-shrink:0;margin-top:2px;padding:0;position:relative}.qt-sat-toggle.is-on{background:var(--accent)}.qt-sat-thumb{width:14px;height:14px;transition:transform var(--t-base);background:#fff;border-radius:50%;display:block;position:absolute;top:2px;left:2px}.qt-sat-toggle.is-on .qt-sat-thumb{transform:translate(14px)}.qt-vibe-row{align-items:center;gap:8px;display:flex}.qt-vibe-label{font-size:var(--text-sm);color:#ffffff59;flex-shrink:0;min-width:84px}.qt-vibe-range-wrap{flex:1;align-items:center;gap:8px;display:flex}.qt-vibe-end-label{font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0;min-width:28px}.qt-vibe-end-label--right{text-align:right}.qt-vibe-range{appearance:none;cursor:pointer;border:none;border-radius:2px;outline:none;flex:1;height:4px}.qt-vibe-range--temp{background:linear-gradient(to right, #386695, var(--muted-foreground), var(--accent))}@supports (color:lab(0% 0 0)){.qt-vibe-range--temp{background:linear-gradient(to right, lab(41.6747% -4.95899 -30.566), var(--muted-foreground), var(--accent))}}.qt-vibe-range--sat{background:linear-gradient(to right, var(--muted-foreground), var(--accent))}.qt-vibe-range::-webkit-slider-thumb{appearance:none;background:var(--foreground);border:2px solid var(--background);width:14px;height:14px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:50%;transition:transform 80ms,box-shadow 80ms}.qt-vibe-range::-webkit-slider-thumb:hover{box-shadow:0 0 0 1px var(--border-hover);transform:scale(1.2)}.qt-vibe-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--accent)}.qt-vibe-range::-moz-range-thumb{background:var(--foreground);border:2px solid var(--background);width:14px;height:14px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:50%}.qt-vibe-range--temp::-moz-range-track{background:linear-gradient(to right, #386695, var(--muted-foreground), var(--accent));border-radius:2px;height:4px}@supports (color:lab(0% 0 0)){.qt-vibe-range--temp::-moz-range-track{background:linear-gradient(to right, lab(41.6747% -4.95899 -30.566), var(--muted-foreground), var(--accent))}}.qt-vibe-range--sat::-moz-range-track{background:linear-gradient(to right, var(--muted-foreground), var(--accent));border-radius:2px;height:4px}.qt-swatch--sm{border-radius:3px;width:14px;height:14px}.qt-section-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.qt-section-toggle-chevron{color:#ffffff40;flex-shrink:0;transition:transform .15s}.qt-section-toggle-chevron.is-open{transform:rotate(180deg)}.qt-type-body{flex-direction:column;gap:0;display:flex}.qt-type-group{border-top:1px solid var(--ds-gray-alpha-300);flex-direction:column;gap:4px;padding:12px;display:flex}.qt-type-group:first-child{border-top:none}.qt-type-row-pair{border-top:1px solid var(--ds-gray-alpha-300);align-items:stretch;gap:0;display:flex}.qt-type-group>.qt-type-row-pair{margin-left:-12px;margin-right:-12px}.qt-type-row-pair .qt-type-group{border-top:none;flex:none;justify-content:space-between}.qt-type-row-pair .qt-type-group+.qt-type-group{border-left:1px solid var(--ds-gray-alpha-300)}.qt-type-group--fill{min-width:0;flex:1!important}.qt-type-group-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:#fff3;font-weight:600}.qt-type-option-btn{font-size:var(--text-xs);color:#ffffff59;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;padding:4px 8px;transition:background .12s,border-color .12s,color .12s}.qt-type-option-btn:hover{color:#fff9;background:#ffffff14;border-color:#ffffff26}.qt-type-option-btn.is-active{border-color:var(--accent);color:#ffffffd9;background:#ffffff1f}.qt-type-stepper{align-items:center;gap:16px;height:32px;display:flex}.qt-type-stepper-btn{border-radius:var(--radius-md);color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;line-height:1;transition:background .12s,border-color .12s;display:flex}.qt-type-stepper-btn:hover{color:#fffc;background:#ffffff14;border-color:#ffffff26}.qt-type-stepper-btn:disabled{opacity:.25;cursor:default}.qt-type-stepper-value{font-size:var(--text-base);font-family:var(--font-mono);color:#ffffffd9;text-align:center;min-width:28px}.qt-select{box-sizing:border-box;min-width:0;height:32px;font-size:var(--text-base);font-family:var(--font-sans);color:#ffffffd9;border-radius:var(--radius-md);cursor:pointer;appearance:none;background:#ffffff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 9px center no-repeat;border:1px solid #ffffff1a;outline:none;flex:1;padding:0 28px 0 10px;line-height:32px;transition:border-color .12s,background-color .12s}.qt-select:hover{background-color:#ffffff12;border-color:#fff3}.qt-select:focus{border-color:#ffffff47;box-shadow:none!important;outline:none!important}.qt-select option{background:var(--bg-elevated,#1a1a1a);color:#ffffffd9}.qt-liga-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.qt-liga-sample{font-size:var(--text-base);font-family:var(--font-mono);color:#ffffffd9;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.anim-mode-grid{flex-direction:column;gap:6px;margin-top:8px;display:flex}.anim-mode-row{align-items:center;gap:8px;display:flex}.anim-mode-label{color:#ffffffa6;flex-shrink:0;width:60px;font-size:14px}.anim-effects-list{flex-direction:column;margin-top:8px;display:flex}.anim-effect-row{cursor:default;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex;position:relative}.anim-effect-row:first-child{border-top:none;padding-top:0}.anim-effect-row-label{color:#ffffffb8;flex:1;font-size:14px}.anim-effect-tt{background:#111;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden;box-shadow:0 8px 32px #000000a6,0 2px 8px #0006}.anim-effect-tt-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:34px;padding:0 12px;display:flex}.anim-effect-tt-title{font-family:var(--font-sans);color:#ffffffeb;letter-spacing:-.01em;font-size:13px;font-weight:500}.anim-effect-tt-badge{letter-spacing:.04em;font-size:11px;font-weight:600;font-family:var(--font-mono,monospace);background:0 0;border:1px solid;border-radius:9999px;padding:4px 8px}.anim-effect-tt-code{font-family:var(--font-mono,"Geist Mono", "JetBrains Mono", monospace);color:#ffffff80;-webkit-user-select:none;user-select:none;background:#0a0a0a;padding:12px 16px;font-size:11.5px;line-height:1.75}.anim-effect-tt-desc{font-family:var(--font-sans);color:#ffffff61;border-top:1px solid #ffffff0f;padding:8px 12px;font-size:11px;line-height:1.5}.anim-effect-tt-source{font-family:var(--font-sans);color:#ffffff6b;border-top:1px solid #ffffff0f;align-items:center;gap:6px;padding:8px 12px;font-size:11px;line-height:1;display:flex}.anim-source-swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 1px #ffffff1f}.anim-mode-swatch{pointer-events:none;border-radius:2px;flex-shrink:0;width:12px;height:12px}@keyframes anim-cursor-blink-kf{0%,44%{opacity:1}50%,to{opacity:0}}@keyframes anim-cursor-breathe-kf{0%{opacity:1}50%{opacity:.45}to{opacity:1}}@keyframes anim-selection-pulse-kf{0%{opacity:.45}50%{opacity:1}to{opacity:.45}}.anim-cursor-blink{animation:.85s step-end infinite anim-cursor-blink-kf}.anim-cursor-breathe{animation:2.4s ease-in-out infinite anim-cursor-breathe-kf}.anim-selection-pulse{animation:1.8s ease-in-out infinite anim-selection-pulse-kf}@keyframes blink-step-kf{0%,49%{opacity:1}50%,to{opacity:0}}.anim-blink-gentle{animation:1.3s step-end infinite blink-step-kf}.anim-blink-moderate{animation:1s step-end infinite blink-step-kf}.anim-blink-brisk{animation:.65s step-end infinite blink-step-kf}.anim-ide-note{color:#ffffff80;font-size:12px;line-height:1.55;font-family:var(--font-sans);background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;margin:0 0 12px;padding:8px 12px}.anim-ide-note-code{font-family:var(--font-mono,"Geist Mono", "JetBrains Mono", monospace);color:#ffffffb3;background:#ffffff14;border-radius:3px;padding:1px 4px;font-size:11px}.anim-select-trigger{width:100%!important;height:40px!important;font-size:14px!important}.anim-hl{border-radius:2px;display:inline}.anim-hl.anim-hl--line{margin:0 -14px;padding:0 14px;display:block}@keyframes anim-kf-yank{0%{background:#7896ff94}18%{background:#7896ff38}28%{background:0 0}to{background:0 0}}@keyframes anim-kf-save{0%{background:#64d26e6b}18%{background:#64d26e24}28%{background:0 0}to{background:0 0}}@keyframes anim-kf-error{0%{background:#e6505080}18%{background:#e6505033}28%{background:0 0}to{background:0 0}}@keyframes anim-kf-insert{0%{background:#50d2be66}18%{background:#50d2be24}28%{background:0 0}to{background:0 0}}@keyframes anim-kf-lsp{0%{background:#b482ff70}45%{background:#b482ff38}75%{background:#b482ff38}to{background:0 0}}.anim-hl--yank{animation:3.5s ease-out infinite anim-kf-yank}.anim-hl--save{animation:3.5s ease-out .4s infinite anim-kf-save}.anim-hl--error{animation:3.5s ease-out .8s infinite anim-kf-error}.anim-hl--insert{animation:3.5s ease-out infinite anim-kf-insert}.anim-hl--lsp{animation:4.5s ease-in-out infinite anim-kf-lsp}@keyframes nvim-deco-yank-kf{0%{background:#96a0ff85;border-radius:2px}45%{background:#96a0ff47}to{background:0 0}}@keyframes nvim-deco-save-kf{0%{background:#64d26e66}45%{background:#64d26e33}to{background:0 0}}@keyframes nvim-deco-error-kf{0%{background:#e14b4b7a}45%{background:#e14b4b3d}to{background:0 0}}@keyframes nvim-deco-insert-kf{0%{background:#50d2b961}45%{background:#50d2b92e}to{background:0 0}}.nvim-deco-yank{border-radius:2px;animation:.9s ease-out forwards nvim-deco-yank-kf}.nvim-deco-save{animation:.9s ease-out forwards nvim-deco-save-kf}.nvim-deco-error{animation:.9s ease-out forwards nvim-deco-error-kf}.nvim-deco-insert{animation:.9s ease-out forwards nvim-deco-insert-kf}.nvim-demo-label{font-size:10px;font-family:var(--font-mono,monospace);color:#ffffff85;pointer-events:none;z-index:20;letter-spacing:.04em;background:#0000009e;border-radius:4px;padding:4px 8px;animation:1.1s ease-out forwards nvim-demo-label-fade;position:absolute;bottom:10px;right:10px}@keyframes nvim-demo-label-fade{0%{opacity:1}65%{opacity:.7}to{opacity:0}}@keyframes nvim-search-sweep-kf{0%{background:0 0}15%{background:color-mix(in srgb, var(--preview-operator) 45%, transparent)}70%{background:color-mix(in srgb, var(--preview-operator) 45%, transparent)}to{background:0 0}}.nvim-deco-search{animation:.8s ease-out forwards nvim-search-sweep-kf}.nvim-fake-cursor{pointer-events:none;z-index:10;opacity:.75;border-radius:1px;width:10px;height:1.6em;transition:top 80ms ease-out,left 80ms ease-out;position:absolute}.vscode-deco-squiggle{text-underline-offset:3px;-webkit-text-decoration:underline wavy var(--preview-error)!important;text-decoration:underline wavy var(--preview-error)!important}.vscode-intellisense{background:var(--preview-bg);border:1px solid color-mix(in srgb, var(--preview-fg) 18%, transparent);z-index:30;pointer-events:none;width:220px;font-family:var(--font-mono,monospace);border-radius:4px;font-size:12px;position:absolute;overflow:hidden;box-shadow:0 4px 16px #00000059}.vscode-intellisense-item{color:var(--preview-fg);opacity:.72;align-items:center;gap:8px;padding:3px 8px;display:flex}.vscode-intellisense-item.active{background:color-mix(in srgb, var(--preview-keyword) 18%, transparent);opacity:1}.vscode-intellisense-icon{text-align:center;flex-shrink:0;width:14px;font-size:10px}.vscode-intellisense-label{flex:1}.vscode-intellisense-type{opacity:.5;font-size:10px}@keyframes vscode-popup-in-kf{0%{opacity:0;transform:translateY(-4px)scaleY(.92)}to{opacity:1;transform:translateY(0)scaleY(1)}}.vscode-intellisense{animation:.14s ease-out forwards vscode-popup-in-kf}.vscode-terminal-panel{background:color-mix(in srgb, var(--preview-bg) 95%, black);border-top:1px solid color-mix(in srgb, var(--preview-fg) 12%, transparent);height:148px;font-family:var(--font-mono,monospace);z-index:20;box-sizing:border-box;padding:8px 12px;font-size:12px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.vscode-terminal-tab-bar{color:color-mix(in srgb, var(--preview-fg) 60%, transparent);align-items:center;gap:4px;margin-bottom:6px;font-size:11px;display:flex}.vscode-terminal-tab-bar .active-tab{color:var(--preview-fg);border-bottom:1px solid var(--preview-function);padding-bottom:2px}.vscode-terminal-body{color:color-mix(in srgb, var(--preview-fg) 85%, transparent);line-height:1.55}.vscode-terminal-prompt{color:var(--preview-function)}.vscode-terminal-cursor{background:var(--preview-fg);vertical-align:middle;width:7px;height:13px;margin-left:1px;display:inline-block}@keyframes vscode-term-cursor-blink-kf{0%,49%{opacity:1}50%,to{opacity:0}}.vscode-terminal-cursor{animation:1s step-start infinite vscode-term-cursor-blink-kf}.jb-build-bar{background:color-mix(in srgb, var(--preview-bg) 97%, black);border-top:1px solid color-mix(in srgb, var(--preview-fg) 12%, transparent);height:112px;font-family:var(--font-mono,monospace);z-index:20;font-size:11.5px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.jb-build-header{color:color-mix(in srgb, var(--preview-fg) 70%, transparent);border-bottom:1px solid color-mix(in srgb, var(--preview-fg) 8%, transparent);align-items:center;gap:8px;padding:6px 12px 4px;font-size:11px;display:flex;position:relative}.jb-build-progress-fill{background:var(--preview-function);height:2px;transition:width .12s linear;position:absolute;bottom:0;left:0}.jb-build-log{color:color-mix(in srgb, var(--preview-fg) 72%, transparent);padding:4px 12px;line-height:1.5}.jb-build-log-success{color:var(--preview-function)}.jb-build-log-dim{color:color-mix(in srgb, var(--preview-fg) 40%, transparent)}.jb-debugger-line-deco{background:color-mix(in srgb, var(--preview-constant) 22%, transparent)!important}.jb-debugger-panel{background:color-mix(in srgb, var(--preview-bg) 95%, black);border-top:1px solid color-mix(in srgb, var(--preview-fg) 12%, transparent);height:36px;font-family:var(--font-mono,monospace);color:color-mix(in srgb, var(--preview-fg) 65%, transparent);z-index:20;align-items:center;gap:12px;padding:0 12px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.jb-debugger-status{color:var(--preview-constant);border:1px solid color-mix(in srgb, var(--preview-constant) 40%, transparent);border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.zed-ghost-cursor{background:var(--preview-string);pointer-events:none;z-index:15;border-radius:1px;width:2px;transition:top .18s cubic-bezier(.4,0,.2,1),left .18s cubic-bezier(.4,0,.2,1);position:absolute}.zed-ghost-label{background:var(--preview-string);color:var(--preview-bg);font-size:10px;font-family:var(--font-sans,sans-serif);white-space:nowrap;pointer-events:none;border-radius:3px 3px 3px 0;padding:1px 5px;position:absolute;top:-18px;left:0}.zed-ghost-selection{background:color-mix(in srgb, var(--preview-string) 20%, transparent);pointer-events:none;z-index:5;transition:top .18s cubic-bezier(.4,0,.2,1),left .18s cubic-bezier(.4,0,.2,1),width .18s cubic-bezier(.4,0,.2,1);position:absolute}@keyframes zed-diag-error-kf{0%{opacity:0}15%{opacity:1;background:color-mix(in srgb, var(--preview-error) 12%, transparent)}75%{opacity:1;background:color-mix(in srgb, var(--preview-error) 12%, transparent)}to{opacity:0}}@keyframes zed-diag-warn-kf{0%{opacity:0}15%{opacity:1;background:color-mix(in srgb, var(--preview-number) 12%, transparent)}75%{opacity:1;background:color-mix(in srgb, var(--preview-number) 12%, transparent)}to{opacity:0}}.zed-deco-error{animation:2.8s ease-in-out forwards zed-diag-error-kf}.zed-deco-warn{animation:2.8s ease-in-out forwards zed-diag-warn-kf}.zed-diag-glyph-error{color:var(--preview-error)!important}.zed-diag-glyph-warn{color:var(--preview-number)!important}@keyframes term-cursor-pulse-kf{0%,to{background:var(--preview-fg)}50%{background:var(--preview-keyword)}}.term-cursor-pulse{animation:2s ease-in-out infinite term-cursor-pulse-kf}@keyframes demo-squiggle-kf{0%{text-decoration-color:#e65050f2}65%{text-decoration-color:#e65050f2}to{text-decoration-color:#e6505000}}.demo-squiggle{text-underline-offset:4px;-webkit-text-decoration:underline wavy #e65050f2;text-decoration:underline wavy #e65050f2;text-decoration-thickness:2px;animation:2.8s ease-out infinite demo-squiggle-kf}@keyframes demo-search-kf{0%{background:#dcb4507a}55%{background:#dcb45033}80%{background:0 0}to{background:#dcb4507a}}.demo-search{animation:2.4s ease-out infinite demo-search-kf}@keyframes demo-debugger-kf{0%{background:#c8a05066}60%{background:#c8a0502e}85%{background:0 0}to{background:#c8a05066}}.demo-debugger{animation:2.4s ease-out infinite demo-debugger-kf}@keyframes demo-zed-error-kf{0%{background:#e6505024;border-left-color:#e65050e6}55%{background:#e650500d;border-left-color:#e6505066}85%{background:0 0;border-left-color:#0000}to{background:#e6505024;border-left-color:#e65050e6}}.demo-zed-error{border-left:2px solid #0000;padding-left:4px;animation:2.4s ease-out infinite demo-zed-error-kf}@keyframes demo-typewriter-kf{0%{clip-path:inset(0 100% 0 0)}55%{clip-path:inset(0 0% 0 0)}85%{clip-path:inset(0 0% 0 0)}to{clip-path:inset(0 100% 0 0)}}.demo-typewriter{animation:2.4s steps(10,end) infinite demo-typewriter-kf;display:inline-block}.demo-mini-is{background:var(--bg-elevated);font-family:var(--font-mono,monospace);border:1px solid #ffffff1f;border-radius:4px;margin:6px 0 2px;font-size:11px;overflow:hidden}.demo-mini-is-row{color:#fff9;align-items:center;gap:6px;padding:3px 8px;transition:background .2s;display:flex}.demo-mini-is-icon{text-align:center;flex-shrink:0;width:12px}.demo-mini-is-label{flex:1}.demo-mini-is-kind{opacity:.4;font-size:10px}@keyframes demo-is-active-kf{0%,20%,to{color:#fff9;background:0 0}5%,15%{color:#fff;background:#7896ff2e}}.demo-is-row-0{animation:6s ease-in-out infinite demo-is-active-kf}.demo-is-row-1{animation:6s ease-in-out -4.5s infinite demo-is-active-kf}.demo-is-row-2{animation:6s ease-in-out -3s infinite demo-is-active-kf}.demo-is-row-3{animation:6s ease-in-out -1.5s infinite demo-is-active-kf}.demo-mini-progress{color:#ffffff73;font-size:10px;font-family:var(--font-mono,monospace);align-items:center;gap:8px;margin:6px 0 2px;display:flex}.demo-mini-progress-track{background:#ffffff1a;border-radius:2px;flex:1;height:3px;overflow:hidden}@keyframes demo-progress-fill-kf{0%{background:#64c882e6;width:0%}65%{background:#64c882e6;width:85%}85%{background:#64c882e6;width:100%}90%{background:#64c88280;width:100%}to{background:#64c882e6;width:0%}}.demo-mini-progress-fill{background:#64c882e6;border-radius:2px;width:0%;height:3px;animation:2.8s ease-in-out infinite demo-progress-fill-kf}.demo-mini-ghost{height:18px;margin:6px 0 2px;position:relative}.demo-mini-ghost-line{background:#ffffff14;height:1px;position:absolute;top:8px;left:0;right:0}@keyframes demo-ghost-move-kf{0%{left:8px}30%{left:60px}60%{left:28px}90%{left:80px}to{left:8px}}.demo-mini-ghost-cursor{animation:2.8s cubic-bezier(.4,0,.2,1) infinite demo-ghost-move-kf;position:absolute;top:2px}.demo-mini-ghost-bar{background:#64c8dce6;border-radius:1px;width:2px;height:14px}.demo-mini-ghost-label{color:#000000d9;font-size:9px;font-family:var(--font-sans,sans-serif);white-space:nowrap;background:#64c8dce6;border-radius:2px 2px 2px 0;padding:1px 4px;position:absolute;top:-14px;left:0}.demo-mini-cursor-pulse{font-family:var(--font-mono,monospace);color:#ffffff8c;margin:6px 0 2px;font-size:11px}@keyframes demo-cp-cursor-kf{0%,to{background:#ffffffd9}50%{background:#7896ffe6}}.demo-mini-cp-cursor{vertical-align:middle;background:#ffffffd9;border-radius:1px;width:8px;height:13px;animation:2s ease-in-out infinite demo-cp-cursor-kf;display:inline-block}.icon-panel-ide-badge{background:var(--ds-gray-alpha-200);color:var(--ds-gray-800);border-radius:4px;padding:1px 6px;font-size:10px}.em-icon-summary{justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.em-icon-summary-info{flex-direction:column;flex:1;gap:4px;display:flex}.em-icon-summary-hint{color:var(--ds-gray-600);white-space:nowrap;padding-top:2px;font-size:11px}.em-icon-ide-pills{flex-wrap:wrap;gap:4px;display:flex}.em-icon-pill{background:var(--ds-gray-alpha-200);color:var(--ds-gray-800);border:1px solid var(--ds-gray-alpha-300);border-radius:4px;padding:1px 7px;font-size:10px}