:root{--teal: #0ebeaa;--teal-dark: #0aa493;--teal-soft: #e6f8f5;--petrol: #2c728e;--amber: #c47d11;--amber-soft: #fff4e2;--ink: #1f2933;--ink-soft: #52606d;--muted: #9aa5b1;--line: #e4e7eb;--line-soft: #eef1f4;--panel: #f7f8fa;--panel-2: #fbfcfd;--workspace: #eceef1;--white: #ffffff;--shadow-slide: 0 10px 30px rgba(31, 41, 51, .14), 0 2px 6px rgba(31, 41, 51, .06);--radius: 8px;--radius-sm: 6px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 14px;--space-5: 20px;--space-6: 40px;--rail-width: 182px;--panel-width: 312px;--appbar-height: 52px;--nav-width: 212px;--nav-bg: #10171d;--nav-ink: #c2ccd4;--nav-ink-strong: #ffffff;--nav-item: #aab4bd;--nav-item-hover: #e7edf1;--nav-item-hover-bg: #1a232c;--nav-active-ink: #04221f;--nav-dim: #6b7884;--nav-border: #222c35;--nav-acct: #8b97a3;--nav-acct-bg: #2c3a45;--nav-acct-ink: #cfd6dd;--font: ui-sans-serif, -apple-system, "Segoe UI", system-ui, sans-serif}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--white);font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden}.app-frame{display:grid;grid-template-columns:var(--nav-width) 1fr;height:100vh;width:100vw}.app-frame--editor{display:flex;flex-direction:column}.app-nav{background:var(--nav-bg);color:var(--nav-ink);display:flex;flex-direction:column;padding:var(--space-4) var(--space-3)}.app-nav-brand{display:flex;align-items:center;gap:9px;font-weight:650;font-size:14px;color:var(--nav-ink-strong);padding:6px 8px 16px}.app-nav-brand .glyph{width:26px;height:26px;border-radius:7px;background:var(--teal);color:var(--nav-active-ink);display:flex;align-items:center;justify-content:center;font-weight:800}.app-nav-brand .dim{color:var(--nav-dim);font-weight:500}.app-nav-items{list-style:none;margin:0;padding:0}.app-nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 11px;border:0;background:transparent;border-radius:8px;font:inherit;font-size:13.5px;font-weight:550;color:var(--nav-item);text-align:left;cursor:pointer;margin-bottom:2px}.app-nav-item svg{width:18px;height:18px;flex:none}.app-nav-item:hover{background:var(--nav-item-hover-bg);color:var(--nav-item-hover)}.app-nav-item.active{background:var(--teal);color:var(--nav-active-ink);font-weight:650}.app-nav-spacer{flex:1}.app-nav-acct{display:flex;align-items:center;gap:9px;padding:9px 10px;border-top:1px solid var(--nav-border);margin-top:8px;font-size:12.5px;color:var(--nav-acct)}.app-nav-acct .av{width:26px;height:26px;border-radius:50%;background:var(--nav-acct-bg);color:var(--nav-acct-ink);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:none}.app-nav-acct .email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-page{overflow:auto;background:var(--white)}.app-page-head{padding:26px 34px 6px}.app-page-title{font-size:23px;font-weight:750;letter-spacing:-.02em;margin:0}.app-page-sub{font-size:13px;color:var(--ink-soft);margin:6px 0 0}.app-page-body{padding:18px 34px 40px}.app-page-placeholder{font-size:13px;color:var(--muted);margin:0 0 18px}.decks-toolbar{display:flex;gap:var(--space-2);align-items:center;margin:0 0 20px}.decks-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.deck-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow:hidden}.deck-card.current{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.deck-card-open{display:flex;flex-direction:column;gap:0;border:none;background:none;padding:0;cursor:pointer;text-align:left;font-family:var(--font)}.deck-card-open:disabled{opacity:.5;cursor:not-allowed}.deck-card-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:var(--workspace);border-bottom:1px solid var(--line);overflow:hidden}.deck-card-thumb-frame{display:block;flex:none;overflow:hidden;line-height:0;pointer-events:none;background:var(--white)}.deck-card-thumb-frame iframe{border:none;transform-origin:top left;pointer-events:none}.deck-card-title{display:block;padding:12px 14px;font-size:13.5px;font-weight:650;color:var(--ink)}.deck-card-open:hover .deck-card-title{color:var(--teal-dark)}.deck-card-delete{border:none;border-top:1px solid var(--line-soft);background:var(--panel-2);color:var(--ink-soft);padding:9px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font);text-align:left}.deck-card-delete:hover{color:var(--ink);background:var(--panel)}.deck-card-delete:disabled{opacity:.5;cursor:not-allowed}.decks-empty{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:40px 0}.decks-empty-text{margin:0;font-size:14px;color:var(--ink-soft)}.editor-exitbar{flex:none;display:flex;align-items:center;height:40px;padding:0 var(--space-3);background:var(--panel);border-bottom:1px solid var(--line)}.editor-back{display:inline-flex;align-items:center;gap:var(--space-2);border:0;background:transparent;border-radius:var(--radius-sm);padding:6px 8px;font:inherit;font-size:12.5px;font-weight:550;color:var(--ink-soft);cursor:pointer}.editor-back svg{width:16px;height:16px}.editor-back:hover{background:var(--line-soft);color:var(--ink)}.editor-stage{flex:1;min-height:0}.app-frame--editor .app-shell{height:100%;width:100%}.app-shell{display:grid;grid-template-rows:var(--appbar-height) 1fr;height:100vh;width:100vw}.app-bar{display:flex;align-items:center;gap:var(--space-4);height:var(--appbar-height);padding:0 var(--space-4);background:var(--white);border-bottom:1px solid var(--line)}.app-bar .wordmark{display:flex;align-items:center;gap:var(--space-2);font-weight:650;font-size:14px;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}.app-bar .wordmark .glyph{width:24px;height:24px;border-radius:7px;background:linear-gradient(150deg,var(--teal),var(--petrol));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px}.app-bar .wordmark .dim{color:var(--muted);font-weight:500}.app-bar .divider{width:1px;height:24px;background:var(--line);flex:none}.app-bar .grp{display:flex;align-items:center;gap:2px}.app-bar .iconbtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--ink-soft);cursor:pointer;transition:background .12s ease,color .12s ease}.app-bar .iconbtn:hover:not(:disabled){background:var(--line-soft);color:var(--ink)}.app-bar .iconbtn:disabled{opacity:.4;cursor:default}.app-bar .iconbtn svg{width:18px;height:18px}.app-bar .zoom{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px}.app-bar .zoom .iconbtn{width:24px;height:24px}.app-bar .zoom .iconbtn svg{width:15px;height:15px}.app-bar .zoom .val{min-width:46px;border:none;background:transparent;padding:4px;font:inherit;font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:550;cursor:pointer;border-radius:var(--radius-sm)}.app-bar .zoom .val:hover:not(:disabled){background:var(--panel-2)}.app-bar .zoom .val:disabled{cursor:default}.app-bar .spacer{flex:1}.app-bar .save-status{font-size:12px;font-weight:550;color:var(--ink-soft);white-space:nowrap;padding:0 var(--space-2)}.app-bar .save-status[data-state=saved]{color:var(--teal-dark)}.app-bar .save-status[data-state=error]{color:#c2452d}.app-bar .btn-ghost{display:inline-flex;align-items:center;gap:var(--space-1);border:1px solid var(--line);background:var(--white);border-radius:var(--radius-sm);padding:7px 13px;font-size:12.5px;font-weight:550;color:var(--ink-soft);cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.app-bar .btn-ghost:hover{border-color:var(--muted);color:var(--ink);background:var(--panel-2)}.app-bar .btn-ghost svg{width:15px;height:15px}.app-bar .btn-primary{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--teal-dark);background:var(--teal);color:#fff;border-radius:var(--radius-sm);padding:7px 15px;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0ebeaa40;transition:background .12s ease}.app-bar .btn-primary:hover{background:var(--teal-dark)}.app-bar .btn-primary svg{width:14px;height:14px}.app-main{display:grid;grid-template-columns:var(--rail-width) 1fr var(--panel-width);min-height:0}.app-rail{background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;min-height:0}.app-workspace{background:var(--workspace);display:flex;align-items:center;justify-content:center;padding:var(--space-6);min-height:0;min-width:0;overflow:hidden}.app-workspace .slide-wrap{position:relative;width:100%;height:100%;border-radius:var(--radius-sm);box-shadow:var(--shadow-slide);overflow:hidden}.app-panel{background:var(--panel-2);border-left:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;min-height:0}.slide-rail{padding:var(--space-4) var(--space-3)}.slide-rail .rail-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px var(--space-2)}.slide-rail .rail-head .t{font-size:11px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}.slide-rail .rail-head .add{width:22px;height:22px;border-radius:5px;border:1px solid var(--line);background:var(--white);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer}.slide-rail .rail-head .add:hover{border-color:var(--muted);color:var(--ink)}.slide-rail .rail-head .add svg{width:13px;height:13px}.slide-rail .rail-summary{display:flex;align-items:center;gap:7px;margin:0 2px var(--space-3);background:var(--teal-soft);border:1px solid #cdeee8;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:600;color:var(--teal-dark)}.slide-rail .rail-summary .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);position:relative;flex:none}.slide-rail .rail-summary .dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--teal);opacity:.35;animation:rail-pulse 1.8s ease-out infinite}.slide-rail .rail-thumbs{list-style:none;margin:0;padding:0}.slide-rail .thumb-row{display:flex;gap:var(--space-2);margin-bottom:11px;align-items:flex-start}.slide-rail .thumb-no{font-size:11px;color:var(--muted);width:12px;text-align:right;padding-top:1px;font-variant-numeric:tabular-nums}.slide-rail .thumb-cell{flex:1;min-width:0}.slide-rail .thumb{display:block;width:100%;padding:0;background:var(--white);border:1px solid var(--line);border-radius:5px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 1px 2px #1f29330d;transition:border-color .12s ease,box-shadow .12s ease}.slide-rail .thumb:hover{border-color:var(--muted)}.slide-rail .thumb.selected{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-soft)}.slide-rail .thumb.active{border:2px solid var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.slide-rail .thumb-frame{display:block;overflow:hidden;line-height:0;pointer-events:none}.slide-rail .thumb-frame iframe{border:none;transform-origin:top left;pointer-events:none}.slide-rail .thumb.working{border:1.5px solid var(--teal)}.slide-rail .thumb.working:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:5px;pointer-events:none;z-index:1;background:linear-gradient(110deg,#0ebeaa00 30%,#0ebeaa52,#0ebeaa00 70%);background-size:220% 100%;animation:rail-thumbshimmer 1.6s linear infinite}@keyframes rail-thumbshimmer{0%{background-position:140% 0}to{background-position:-40% 0}}@keyframes rail-pulse{0%{transform:scale(.6);opacity:.5}70%{transform:scale(1.7);opacity:0}to{transform:scale(1.7);opacity:0}}.slide-rail .chat-badge{position:absolute;top:4px;right:4px;z-index:2;display:inline-flex;align-items:center;gap:4px;height:16px;padding:0 5px;border-radius:9px;font-size:9px;font-weight:700;line-height:1;box-shadow:0 1px 3px #1f29332e;white-space:nowrap}.slide-rail .chat-badge .bdot{width:6px;height:6px;border-radius:50%;flex:none}.slide-rail .chat-badge svg{width:9px;height:9px}.slide-rail .chat-badge.review{background:var(--amber-soft);color:var(--amber);border:1px solid #f1ddb6}.slide-rail .chat-badge.review .bdot{background:var(--amber)}.slide-rail .chat-badge.running{background:var(--teal-soft);color:var(--teal-dark);border:1px solid #bfe9e2}.slide-rail .chat-badge.running .bdot{background:var(--teal);position:relative}.slide-rail .chat-badge.running .bdot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--teal);opacity:.4;animation:rail-pulse 1.6s ease-out infinite}.slide-rail .chat-badge.done{background:var(--teal-soft);color:var(--teal-dark);border:1px solid #bfe9e2}.slide-rail .review-count{position:absolute;top:4px;left:4px;z-index:2;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--amber);color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;box-shadow:0 1px 3px #c47d1180}.slide-rail .thumb-ops{display:flex;align-items:center;gap:2px;margin-top:5px}.slide-rail .thumb-ops button{width:22px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--white);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:11px;line-height:1;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.slide-rail .thumb-ops button:hover:not(:disabled){background:var(--line-soft);color:var(--ink);border-color:var(--muted)}.slide-rail .thumb-ops button:disabled{opacity:.4;cursor:default}.cmdbar{position:absolute;display:flex;align-items:center;gap:9px;background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 30px #1f293329,0 2px 8px #1f293314;padding:6px 6px 6px 14px;width:min(380px,64vw);z-index:6}.cmdbar:after{content:"";position:absolute;left:30px;bottom:-6px;width:12px;height:12px;background:var(--white);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.cmdbar--below:after{bottom:auto;top:-6px;border-right:none;border-bottom:none;border-left:1px solid var(--line);border-top:1px solid var(--line)}.cmdbar .spark{color:var(--teal);flex:none;display:flex;align-items:center}.cmdbar .spark svg{width:18px;height:18px}.cmdbar .cmd-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font);font-size:13px;color:var(--ink)}.cmdbar .cmd-input::placeholder{color:var(--muted)}.cmdbar .send{width:30px;height:30px;border-radius:50%;border:none;background:var(--teal);color:#fff;cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0ebeaa59;transition:background .12s ease}.cmdbar .send:hover:not(:disabled){background:var(--teal-dark)}.cmdbar .send:disabled{opacity:.45;cursor:default}.cmdbar .send svg{width:16px;height:16px}.cmdbar .mic{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease,border-color .12s ease}.cmdbar .mic:hover{color:var(--teal);border-color:var(--teal)}.cmdbar .mic.listening{background:var(--teal);border-color:var(--teal);color:#fff;animation:chat-pulse 1.2s ease-in-out infinite}.cmdbar .mic svg{width:16px;height:16px}.cmdbar .edit-text{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease,border-color .12s ease}.cmdbar .edit-text:hover{color:var(--teal);border-color:var(--teal)}.cmdbar .edit-text svg{width:16px;height:16px}.ctx-menu{position:absolute;z-index:7;min-width:184px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 30px #1f293329,0 2px 8px #1f293314;padding:5px;display:flex;flex-direction:column}.ctx-menu .ctx-item{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;border-radius:var(--radius-sm);padding:7px 10px;font-family:var(--font);font-size:12.5px;color:var(--ink);text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.ctx-menu .ctx-item:hover{background:var(--line-soft)}.ctx-menu .ctx-item.ctx-ai{color:var(--teal-dark);font-weight:550}.ctx-menu .ctx-item.ctx-ai:hover{background:var(--teal-soft)}.ctx-menu .ctx-item .spark{color:var(--teal);flex:none;display:flex;align-items:center}.ctx-menu .ctx-item .spark svg{width:14px;height:14px}.ctx-menu .ctx-divider{height:1px;background:var(--line);margin:4px 6px}.chatpanel{background:var(--panel-2);overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0}.chatpanel .chat-head{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line-soft);flex:none;background:var(--panel-2)}.chatpanel .chat-head .scope{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:650;color:var(--ink)}.chatpanel .chat-head .scope .spark{width:22px;height:22px;border-radius:6px;background:var(--teal-soft);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;flex:none}.chatpanel .chat-head .scope .spark svg{width:14px;height:14px}.chatpanel .chat-head .scope b{font-weight:700}.chatpanel .chat-head .scope .sep{color:var(--muted);font-weight:400;margin:0 1px}.chatpanel .chat-head .live{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--teal-dark);background:var(--teal-soft);border-radius:20px;padding:3px 8px}.chatpanel .chat-head .live .bdot{width:6px;height:6px;border-radius:50%;background:var(--teal);position:relative}.chatpanel .chat-head .live .bdot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--teal);opacity:.4;animation:chat-pulse 1.6s ease-out infinite}@keyframes chat-pulse{to{transform:scale(2.4);opacity:0}}.chatpanel .chat-head-actions{margin-left:auto;display:inline-flex;align-items:center;gap:4px}.chatpanel .chat-history{position:relative;display:flex}.chatpanel .chat-head-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease,border-color .12s ease}.chatpanel .chat-head-btn:hover:not(:disabled){color:var(--teal);border-color:var(--teal)}.chatpanel .chat-head-btn:disabled{opacity:.4;cursor:not-allowed}.chatpanel .chat-head-btn svg{width:16px;height:16px}.chatpanel .chat-history-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:260px;max-height:320px;overflow-y:auto;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 6px 20px #0f172a1f;display:flex;flex-direction:column;gap:2px}.chatpanel .chat-history-empty{padding:10px 8px;font-size:12px;color:var(--muted);line-height:1.4}.chatpanel .chat-history-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:7px 8px;border:none;border-radius:7px;background:transparent;color:var(--ink);font-family:var(--font);text-align:left;cursor:pointer}.chatpanel .chat-history-item:hover{background:var(--panel)}.chatpanel .chat-history-title{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatpanel .chat-history-date{font-size:11px;color:var(--muted)}.chatpanel .chat-history-banner{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.chatpanel .chat-history-banner-title{font-size:12px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatpanel .chat-history-back{margin-left:auto;flex:none;padding:4px 8px;border:none;border-radius:6px;background:transparent;color:var(--teal-dark);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer}.chatpanel .chat-history-back:hover{text-decoration:underline}.chatpanel .thread{overflow-y:auto;padding:14px 14px 6px;flex:1;min-height:0;display:flex;flex-direction:column;gap:13px}.chatpanel .chat-empty{font-size:12.5px;line-height:1.5;color:var(--muted);padding:6px 2px}.chatpanel .msg-user{display:flex;justify-content:flex-end}.chatpanel .msg-user .bubble{max-width:86%;background:var(--teal);color:#fff;border-radius:13px 13px 4px;padding:8px 11px;font-size:12.5px;line-height:1.45;box-shadow:0 1px 2px #0ebeaa40}.chatpanel .msg-ai{display:flex;gap:9px;align-items:flex-start}.chatpanel .ai-avatar{width:24px;height:24px;border-radius:7px;flex:none;background:var(--teal-soft);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #1f29330d}.chatpanel .ai-avatar svg{width:15px;height:15px}.chatpanel .msg-ai .col{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.chatpanel .msg-ai .text{font-size:12.5px;line-height:1.5;color:var(--ink-soft)}.chatpanel .diff-card{border:1px solid var(--line);background:var(--white);border-radius:10px;box-shadow:0 1px 2px #1f29330a;overflow:hidden}.chatpanel .diff-head{display:flex;align-items:center;gap:7px;padding:8px 11px;border-bottom:1px solid var(--line-soft);font-size:11px;font-weight:650;color:var(--ink)}.chatpanel .diff-head svg{width:13px;height:13px;color:var(--teal-dark)}.chatpanel .diff-body{padding:9px 11px;display:flex;flex-direction:column;gap:6px}.chatpanel .diff-line{display:flex;align-items:center;gap:8px;font-size:11.5px;line-height:1.4}.chatpanel .diff-line .tag{width:46px;flex:none;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.chatpanel .diff-line .val{word-break:break-word}.chatpanel .diff-line.before .tag{color:var(--muted)}.chatpanel .diff-line.before .val{color:var(--muted);text-decoration:line-through}.chatpanel .diff-line.after .tag{color:var(--teal-dark)}.chatpanel .diff-line.after .val{color:var(--ink);font-weight:600}.chatpanel .diff-actions{display:flex;align-items:center;gap:8px;padding:0 11px 11px}.chatpanel .diff-btn{border:none;border-radius:7px;padding:6px 13px;font-size:11.5px;font-weight:600;cursor:pointer;font-family:var(--font)}.chatpanel .diff-btn.apply{background:var(--teal);color:#fff;box-shadow:0 1px 2px #0ebeaa4d;transition:background .12s ease}.chatpanel .diff-btn.apply:hover{background:var(--teal-dark)}.chatpanel .diff-btn.apply:disabled{background:var(--line);color:var(--muted);box-shadow:none;cursor:not-allowed}.chatpanel .diff-btn.ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line);transition:border-color .12s ease,color .12s ease}.chatpanel .diff-btn.ghost:hover{border-color:var(--muted);color:var(--ink)}.chatpanel .ai-working{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);background:var(--white);border-radius:10px;padding:10px 11px}.chatpanel .ai-working .label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-soft);font-weight:550}.chatpanel .ai-working .label .spin{width:14px;height:14px;color:var(--teal-dark);flex:none}.chatpanel .ai-working .label .spin svg{width:14px;height:14px;animation:chat-spin 1s linear infinite}@keyframes chat-spin{to{transform:rotate(360deg)}}.chatpanel .ai-working .bar{height:5px;border-radius:3px;background:var(--line);overflow:hidden;position:relative}.chatpanel .ai-working .bar .fill{position:absolute;top:0;bottom:0;left:0;width:46%;border-radius:3px;background:linear-gradient(90deg,var(--teal-dark),var(--teal))}.chatpanel .ai-working .bar .fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:linear-gradient(110deg,#fff0 30%,#ffffff8c,#fff0 70%);background-size:220% 100%;animation:chat-shimmer 1.3s linear infinite}@keyframes chat-shimmer{to{background-position:-220% 0}}.chatpanel .ai-error{display:flex;align-items:center;gap:7px;border:1px solid #f1c2c2;background:#fdecec;border-radius:10px;padding:10px 11px;font-size:12px;line-height:1.45;color:#b42318}.chatpanel .ai-error .bdot{width:7px;height:7px;border-radius:50%;background:#d92d20;flex:none}.chatpanel .chat-input{flex:none;border-top:1px solid var(--line-soft);padding:11px 12px 13px;background:var(--panel-2)}:is(.chatpanel,.big-composer) .chat-inputwrap{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:11px;background:var(--white);padding:8px 9px;transition:border-color .12s ease,box-shadow .12s ease}:is(.chatpanel,.big-composer) .chat-inputwrap:focus-within{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-soft)}.chatpanel .chat-selection-chip{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;max-width:100%;font-size:11px;font-weight:600;color:var(--teal-dark);background:var(--teal-soft);border-radius:8px;padding:3px 4px 3px 10px}.chatpanel .chat-selection-chip .chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatpanel .chat-selection-chip .chip-clear{flex:none;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--teal-dark);cursor:pointer;transition:background .12s ease,color .12s ease}.chatpanel .chat-selection-chip .chip-clear:hover{background:#0ebeaa29;color:var(--teal-dark)}.chatpanel .chat-selection-chip .chip-clear svg{width:12px;height:12px}.chatpanel .chat-websearch-chip{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;max-width:100%;font-size:11px;font-weight:600;color:var(--teal-dark);background:var(--teal-soft);border-radius:8px;padding:3px 4px 3px 8px}.chatpanel .chat-websearch-chip>svg{width:13px;height:13px;flex:none}.chatpanel .chat-websearch-chip .chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatpanel .chat-websearch-chip .chip-clear{flex:none;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--teal-dark);cursor:pointer;transition:background .12s ease,color .12s ease}.chatpanel .chat-websearch-chip .chip-clear:hover{background:#0ebeaa29}.chatpanel .chat-websearch-chip .chip-clear svg{width:12px;height:12px}.chatpanel .entry-websearch{display:inline-flex;align-items:center;gap:4px;align-self:flex-end;margin-top:4px;font-size:11px;font-weight:600;color:var(--teal-dark)}.chatpanel .entry-websearch svg{width:13px;height:13px;flex:none}:is(.chatpanel,.big-composer) .chat-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}:is(.chatpanel,.big-composer) .chat-controls-left,:is(.chatpanel,.big-composer) .chat-controls-right{display:flex;align-items:center;gap:6px}:is(.chatpanel,.big-composer) .chat-textarea{display:block;width:100%;min-width:0;border:none;outline:none;resize:none;background:transparent;font-family:var(--font);font-size:12.5px;line-height:1.45;color:var(--ink);max-height:160px;overflow-y:auto;padding-block:3px}:is(.chatpanel,.big-composer) .chat-textarea::placeholder{color:var(--muted)}:is(.chatpanel,.big-composer) .chat-inputwrap .send{width:30px;height:30px;border-radius:8px;border:none;flex:none;background:var(--teal);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0ebeaa4d}:is(.chatpanel,.big-composer) .chat-inputwrap .send:hover{background:var(--teal-dark)}:is(.chatpanel,.big-composer) .chat-inputwrap .send:disabled{background:var(--line);color:var(--muted);box-shadow:none;cursor:not-allowed}:is(.chatpanel,.big-composer) .chat-inputwrap .send svg{width:16px;height:16px}:is(.chatpanel,.big-composer) .chat-inputwrap .mic{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease,border-color .12s ease}:is(.chatpanel,.big-composer) .chat-inputwrap .mic:hover{color:var(--teal);border-color:var(--teal)}:is(.chatpanel,.big-composer) .chat-inputwrap .mic.listening{background:var(--teal);border-color:var(--teal);color:#fff;animation:chat-pulse 1.2s ease-in-out infinite}:is(.chatpanel,.big-composer) .chat-inputwrap .mic svg{width:16px;height:16px}.slide-rail .chat-badge.error{background:#fdecec;color:#b42318;border:1px solid #f1c2c2}.slide-rail .chat-badge.error .bdot{background:#d92d20}.chatpanel .diff-element{display:flex;flex-direction:column;gap:6px}.chatpanel .diff-element+.diff-element{margin-top:4px;padding-top:8px;border-top:1px solid var(--line-soft)}.chatpanel .diff-el-id{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.chatpanel .diff-field{display:flex;gap:8px;align-items:baseline}.chatpanel .diff-field .fkey{flex:none;width:84px;font-size:10px;font-weight:650;color:var(--ink-soft);word-break:break-word}.chatpanel .diff-field .fvals{display:flex;flex-direction:column;gap:3px;min-width:0}.working-overlay{z-index:3}.working-frame{border:1.5px solid var(--teal);border-radius:3px;box-shadow:0 0 0 3px var(--teal-soft);overflow:visible}.working-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(14,190,170,.22) 50%,transparent 65%);background-size:250% 100%;animation:working-shimmer 1.6s linear infinite;pointer-events:none}@keyframes working-shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}.working-badge{position:absolute;top:-9px;right:-9px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--teal);color:#fff;box-shadow:0 1px 3px #0ebeaa73}.working-badge svg{width:11px;height:11px;animation:working-spin .9s linear infinite}@keyframes working-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chatpanel .chat-entry{display:flex;flex-direction:column;gap:9px}.chatpanel .chat-entry+.chat-entry{margin-top:4px;padding-top:13px;border-top:1px solid var(--line-soft)}.chatpanel .msg-user .user-col{display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:86%}.chatpanel .scope-chip{align-self:flex-end;font-size:10px;font-weight:650;color:var(--teal-dark);background:var(--teal-soft);border-radius:20px;padding:2px 9px;letter-spacing:.01em}.chatpanel .slide-result{display:flex;flex-direction:column;gap:5px}.chatpanel .slide-result+.slide-result{margin-top:4px}.chatpanel .result-slide{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.chatpanel .batch-actions{display:flex;align-items:center;gap:8px;margin-bottom:2px}.chatpanel .ai-done{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:550;color:var(--teal-dark)}.chatpanel .ai-done .cdot{width:7px;height:7px;border-radius:50%;background:var(--teal);flex:none}.chatpanel .ai-applied{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:550;color:var(--teal-dark)}.chatpanel .ai-applied .cdot{width:7px;height:7px;border-radius:50%;background:var(--teal);flex:none}.chatpanel .ai-applied .applied-undo{font-weight:500;font-size:11px;color:var(--muted)}.chatpanel .apply-mode{position:relative;display:flex}.chatpanel .apply-mode-trigger{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease,border-color .12s ease}.chatpanel .apply-mode-trigger:hover{color:var(--teal);border-color:var(--teal)}.chatpanel .apply-mode-trigger svg{width:16px;height:16px}.chatpanel .apply-mode-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:20;min-width:196px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 6px 20px #0f172a1f;display:flex;flex-direction:column;gap:2px}.chatpanel .apply-mode-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:7px;background:transparent;color:var(--ink);font-family:var(--font);font-size:12.5px;text-align:left;cursor:pointer}.chatpanel .apply-mode-item:hover{background:var(--panel)}.chatpanel .apply-mode-item.active{color:var(--teal-dark)}.chatpanel .apply-mode-item .apply-mode-glyph{display:flex;color:var(--ink-soft)}.chatpanel .apply-mode-item.active .apply-mode-glyph{color:var(--teal)}.chatpanel .apply-mode-item .apply-mode-glyph svg{width:15px;height:15px}.chatpanel .apply-mode-item .apply-mode-label{flex:1}.chatpanel .apply-mode-item .apply-mode-check{color:var(--teal);font-weight:700}.chatpanel .plus-menu{position:relative;display:flex}.chatpanel .plus-menu-trigger{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease,border-color .12s ease}.chatpanel .plus-menu-trigger:hover{color:var(--teal);border-color:var(--teal)}.chatpanel .plus-menu-trigger svg{width:16px;height:16px}.chatpanel .plus-menu-list{position:absolute;bottom:calc(100% + 6px);left:0;z-index:20;min-width:216px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 6px 20px #0f172a1f;display:flex;flex-direction:column;gap:2px}.chatpanel .plus-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:7px;background:transparent;color:var(--ink);font-family:var(--font);font-size:12.5px;text-align:left;cursor:pointer}.chatpanel .plus-menu-item:hover{background:var(--panel)}.chatpanel .plus-menu-item .plus-menu-glyph{display:flex;color:var(--ink-soft)}.chatpanel .plus-menu-item .plus-menu-glyph svg{width:16px;height:16px}.chatpanel .chat-attachments{display:flex;flex-wrap:wrap;gap:6px;align-self:stretch}.chatpanel .chat-attachment{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:11px;font-weight:600;color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:3px 4px}.chatpanel .chat-attachment .chat-attachment-thumb{width:26px;height:26px;border-radius:5px;object-fit:cover;flex:none;background:var(--line)}.chatpanel .chat-attachment .chat-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.chatpanel .chat-attachment .chat-attachment-remove{flex:none;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .12s ease,color .12s ease}.chatpanel .chat-attachment .chat-attachment-remove:hover{background:#0f172a14;color:var(--ink)}.chatpanel .chat-attachment .chat-attachment-remove svg{width:11px;height:11px}.chatpanel .chat-attachment-error{flex-basis:100%;font-size:11px;color:var(--danger, #d64545)}.chatpanel .entry-attachments{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;justify-content:flex-end}.chatpanel .entry-attachment{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:2px 6px}.chatpanel .entry-attachment svg{width:12px;height:12px;flex:none}.chatpanel .entry-attachment .entry-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.chatpanel .entry-attachment .entry-attachment-size{color:var(--muted);font-weight:500}:is(.chatpanel,.big-composer) .model-select{position:relative;display:flex}:is(.chatpanel,.big-composer) .model-select-trigger{display:flex;align-items:center;gap:4px;height:30px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;flex:none;transition:background .12s ease,color .12s ease,border-color .12s ease}:is(.chatpanel,.big-composer) .model-select-trigger:hover{color:var(--teal);border-color:var(--teal)}:is(.chatpanel,.big-composer) .model-select-caret{display:flex}:is(.chatpanel,.big-composer) .model-select-caret svg{width:14px;height:14px}:is(.chatpanel,.big-composer) .model-select-menu{position:absolute;bottom:calc(100% + 6px);right:0;z-index:20;min-width:220px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 6px 20px #0f172a1f;display:flex;flex-direction:column;gap:2px}:is(.chatpanel,.big-composer) .model-select-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:7px;background:transparent;color:var(--ink);font-family:var(--font);text-align:left;cursor:pointer}:is(.chatpanel,.big-composer) .model-select-item:hover{background:var(--panel)}:is(.chatpanel,.big-composer) .model-select-item.active{color:var(--teal-dark)}:is(.chatpanel,.big-composer) .model-select-text{display:flex;flex-direction:column;gap:1px;flex:1}:is(.chatpanel,.big-composer) .model-select-item-label{font-size:12.5px;font-weight:600}:is(.chatpanel,.big-composer) .model-select-hint{font-size:11px;color:var(--ink-soft)}:is(.chatpanel,.big-composer) .model-select-check{color:var(--teal);font-weight:700}.scope-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#1f29336b;padding:20px}.scope-confirm{width:100%;max-width:380px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #1f293347;padding:20px;font-family:var(--font)}.scope-confirm-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:8px}.scope-confirm-body{font-size:12.5px;line-height:1.5;color:var(--ink-soft);margin-bottom:18px}.scope-confirm-note{font-size:12px;line-height:1.5;color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:18px}.scope-confirm-actions{display:flex;justify-content:flex-end;gap:9px}.scope-btn{border-radius:8px;padding:8px 16px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:var(--font)}.scope-btn.primary{border:none;background:var(--teal);color:#fff;box-shadow:0 1px 3px #0ebeaa4d}.scope-btn.primary:hover{background:var(--teal-dark)}.scope-btn.ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line)}.scope-btn.ghost:hover{border-color:var(--muted);color:var(--ink)}.scope-btn:disabled{opacity:.5;cursor:not-allowed}.auth-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#1f29336b;padding:20px}.auth-card{width:100%;max-width:380px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #1f293347;padding:22px;font-family:var(--font)}.auth-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}.auth-body{font-size:12.5px;line-height:1.5;color:var(--ink-soft);margin-bottom:16px}.auth-error{font-size:12.5px;line-height:1.45;color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;padding:8px 10px;margin-bottom:14px}.auth-field{display:block;margin-bottom:12px}.auth-label{display:block;font-size:11.5px;font-weight:600;color:var(--ink-soft);margin-bottom:4px}.auth-input{width:100%;box-sizing:border-box;border-radius:8px;border:1px solid var(--line);padding:10px 12px;font-size:14px;font-family:var(--font);color:var(--ink);background:#fff}.auth-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #0ebeaa2e}.auth-hint{display:block;font-size:11px;color:var(--ink-soft);margin-top:4px}.auth-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.auth-actions-spread{justify-content:space-between;flex-wrap:wrap}.auth-switch{font-size:12px;color:var(--ink-soft);margin-top:16px;text-align:center}.auth-link{border:none;background:transparent;color:var(--teal);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;padding:0}.auth-link:hover{color:var(--teal-dark);text-decoration:underline}.auth-detail{margin:0 0 4px}.auth-value{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;color:var(--ink)}.auth-badge{font-size:10.5px;font-weight:600;color:var(--ink-soft);background:var(--line);border-radius:999px;padding:2px 8px}.auth-badge.ok{color:#067647;background:#ecfdf3}.auth-setting{margin:0 0 14px}.auth-select{width:100%;box-sizing:border-box;border-radius:8px;border:1px solid var(--line);padding:9px 12px;font-size:13px;font-family:var(--font);color:var(--ink);background:#fff;cursor:pointer}.auth-select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #0ebeaa2e}.auth-usage-bar{height:6px;border-radius:999px;background:var(--line);overflow:hidden}.auth-usage-fill{display:block;height:100%;background:var(--teal);border-radius:999px}.auth-usage-text{margin-top:6px;font-size:12px;color:var(--ink-soft)}.auth-account-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink-soft);cursor:pointer}.auth-account-button svg{width:20px;height:20px}.auth-account-button:hover{color:var(--ink);border-color:var(--muted)}.api-key-reveal{border:1px solid var(--teal);background:#ecfdf3;border-radius:8px;padding:10px 12px;margin-bottom:14px}.api-key-secret{display:block;margin:6px 0;padding:8px 10px;border-radius:6px;background:var(--white);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--ink);word-break:break-all}.api-key-list{list-style:none;margin:4px 0 0;padding:0}.api-key-list .deck-list-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.api-key-list .deck-list-item.revoked{opacity:.6}.api-key-info{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.api-key-label{font-size:13px;font-weight:600;color:var(--ink)}.api-key-prefix{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--ink-soft)}.brand-hint{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1100;display:flex;align-items:center;gap:12px;max-width:460px;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #1f29333d;padding:10px 12px 10px 14px;font-family:var(--font);font-size:12.5px;line-height:1.45;color:var(--ink)}.brand-hint-close{flex:none;border:none;background:transparent;color:var(--ink-soft);font-size:16px;line-height:1;cursor:pointer;padding:0 2px}.brand-hint-close:hover{color:var(--ink)}.templates-page{display:flex;flex-direction:column;gap:18px}.brand-switcher{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px}.brand-switcher-spacer{flex:1;min-width:8px}.brand-chip{display:flex;align-items:center;gap:9px;border:1.5px solid var(--line);background:var(--white);border-radius:10px;padding:6px 12px 6px 8px;cursor:pointer;font-family:var(--font)}.brand-chip:hover{border-color:var(--muted)}.brand-chip-dot{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:800;font-size:10px}.brand-chip-name{font-size:13px;font-weight:600;color:var(--ink)}.brand-chip.on{border-color:var(--teal);box-shadow:0 0 0 3px #0ebeaa26}.brand-chip.on .brand-chip-name{color:var(--teal-dark)}.brand-add{display:inline-flex;align-items:center;gap:7px;border:1.5px dashed var(--line);background:transparent;border-radius:10px;padding:7px 13px;font-size:12.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;font-family:var(--font)}.brand-add:hover{border-color:var(--muted);color:var(--ink)}.brand-identity-sheet{display:flex;flex-direction:column;gap:16px}.brand-identity{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand-identity-logos{display:flex;gap:10px}.brand-identity .brand-logo-tile{position:relative;width:132px;min-height:66px}.brand-logo-edit-btn{position:absolute;right:6px;top:6px;width:20px;height:20px;border:none;border-radius:5px;background:#0000001f;color:inherit;font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.brand-logo-edit-btn:hover{background:#00000038}.brand-identity-meta{flex:1;min-width:220px}.brand-identity-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand-identity-name{font-size:22px;font-weight:750;letter-spacing:-.02em;color:var(--ink);background:transparent;border:none;cursor:text;padding:0;font-family:var(--font)}.brand-identity-name:hover{color:var(--teal-dark)}.brand-identity-pill{font-size:11px;color:var(--teal-dark);background:var(--teal-soft);border:1px solid var(--teal-soft);border-radius:20px;padding:2px 9px;font-weight:600}.brand-identity-sub{font-size:12px;color:var(--ink-soft);margin-top:4px}.brand-identity-provenance{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:8px;font-size:12px;color:var(--ink-soft)}.brand-provenance-label{font-weight:600;color:var(--ink)}.brand-provenance-source{padding:1px 8px;border:1px solid var(--border);border-radius:999px}.brand-provenance-url{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.brand-swatch-row{display:flex;flex-wrap:wrap;gap:12px}.brand-swatch-edit{width:88px;display:flex;flex-direction:column;align-items:center;gap:4px}.brand-swatch-color{width:100%;height:40px;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:var(--white);cursor:pointer}.brand-swatch-hex{width:100%;font-size:10px;font-family:ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;text-align:center;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:3px 4px}.brand-swatch-role{font-size:9.5px;line-height:1.25;text-align:center;color:var(--ink-soft)}.brand-font-sample{padding:8px 0;border-bottom:1px solid var(--line-soft)}.brand-font-sample:last-child{border-bottom:none}.brand-font-role{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}.brand-font-name{font-size:13px;font-weight:600;color:var(--ink);margin-top:3px}.brand-font-badge{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:999px;white-space:nowrap}.brand-font-badge.is-embedded{background:#e6f4ea;color:#1e7e34}.brand-font-badge.is-served{background:#fdf1dc;color:#a9691a}.brand-font-badge.is-system{background:var(--line-soft);color:var(--muted)}.brand-font-badge.is-missing{background:#fbe4e4;color:#b3261e}.brand-font-select{margin-top:6px;width:100%;padding:6px 8px;font-size:12px;color:var(--ink);background:#fff;border:1px solid var(--line-soft);border-radius:6px;cursor:pointer}.brand-font-select:focus{outline:none;border-color:var(--accent)}.brand-font-line{font-size:13px;color:var(--ink);margin-top:2px}.brand-font-heading{font-size:20px;font-weight:800;letter-spacing:-.02em}.brand-font-mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;letter-spacing:.04em}.brand-font-upload{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}.brand-custom-font-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.brand-custom-font{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brand-custom-font-name{font-size:13px;font-weight:600;color:var(--ink)}.brand-custom-font-format{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:#e6f4ea;color:#1e7e34}.brand-font-licence{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--muted);line-height:1.35}.brand-font-licence input{margin-top:2px}.brand-font-upload-error{margin:0;font-size:12px;color:#b3261e}.templates-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px;font-family:var(--font)}.templates-slot-hint{flex-basis:100%;font-size:12px;color:var(--ink-soft)}.templates-website-form{flex-basis:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.templates-website-input{flex:1 1 260px;min-width:0;border-radius:8px;padding:8px 12px;font-size:12.5px;font-family:var(--font);color:var(--ink);background:var(--panel);border:1px solid var(--line)}.templates-website-input:focus{outline:none;border-color:var(--accent)}.brand-logo-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:150px;min-height:72px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);font-weight:800;font-size:15px}.brand-logo-tile.light{background:var(--white);color:var(--ink)}.brand-logo-tile.dark{background:var(--ink);color:var(--white)}.brand-logo-tile img{max-width:100%;max-height:44px;object-fit:contain}.brand-logo-tile-cap{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.brand-rules-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.brand-rule-row{display:flex;align-items:center;gap:8px}.brand-rule-kind{flex:none;width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);font-weight:800;cursor:pointer}.brand-rule-kind.do{color:#138a3e}.brand-rule-kind.dont{color:#c0392b}.brand-rule-text{flex:1;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;color:var(--ink)}.brand-rule-remove{flex:none;border:none;background:none;color:var(--muted);font-size:14px;cursor:pointer;padding:4px 6px}.brand-rule-remove:hover{color:var(--ink)}.brand-voice{display:flex;flex-direction:column;gap:6px;margin-top:14px}.brand-voice-label{font-size:12px;font-weight:600;color:var(--muted)}.brand-voice-input{width:100%;box-sizing:border-box;resize:vertical;min-height:64px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;line-height:1.5;color:var(--ink)}.brand-voice-input::placeholder{color:var(--muted)}.brand-component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.brand-component{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--white)}.brand-component-preview{position:relative;display:block;aspect-ratio:16 / 9;background:var(--foreground, var(--ink));color:var(--background, var(--white));overflow:hidden}.brand-component-strip{position:absolute;left:0;top:0;right:0;height:3px;background:var(--accent, var(--teal))}.brand-component-title{position:absolute;left:9px;right:9px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;line-height:1.12}.brand-component-name{font-size:11px;font-weight:600;color:var(--ink-soft);padding:7px 9px}.component-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:10px}.component-review-card{border:1px solid var(--line);border-radius:9px;background:var(--white);padding:10px;display:flex;flex-direction:column;gap:8px}.component-review-preview{position:relative;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--white)}.component-review-frame{display:block;width:100%;height:100%;border:none}.component-review-name{width:100%}.component-review-meta{font-size:11px;color:var(--ink-soft)}.component-review-drops,.component-review-reasons{margin:0;padding-left:16px;font-size:11px}.component-review-drop{color:var(--amber, #b25c00)}.component-review-reason{color:var(--ink-soft)}.component-review-actions{display:flex;gap:8px;margin-top:auto}.component-preview-enlarge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;background:transparent;cursor:zoom-in;padding:0}.template-deck-open{display:flex;flex-direction:column;gap:8px;width:100%;padding:0;border:none;background:transparent;text-align:left;cursor:pointer}.template-deck-open:disabled{cursor:default}.template-deck-open:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.template-deck-preview{display:block;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--white)}.template-deck-frame{display:block;overflow:hidden;line-height:0;pointer-events:none}.template-deck-frame iframe{border:none;transform-origin:top left;pointer-events:none}.template-deck-placeholder{display:block;width:100%;aspect-ratio:16 / 9;background:var(--muted-bg, #f4f4f4)}.template-deck-kind{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.component-preview-enlarge:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}.component-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#1f29338c;padding:24px}.component-preview-modal{width:100%;max-width:960px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #1f293352;font-family:var(--font);display:flex;flex-direction:column;overflow:hidden}.component-preview-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.component-preview-modal-title{font-size:14px;font-weight:700;color:var(--ink)}.component-preview-modal-close{border:1px solid var(--line);background:var(--white);border-radius:8px;width:30px;height:30px;font-size:14px;line-height:1;color:var(--ink-soft);cursor:pointer;font-family:var(--font)}.component-preview-modal-close:hover{background:var(--surface, #f6f7f8);color:var(--ink)}.component-preview-modal-stage{position:relative;aspect-ratio:16 / 9;background:var(--white)}.component-preview-modal-frame{display:block;width:100%;height:100%;border:none}.brand-format-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 14px}.brand-format-tab{border:1px solid var(--line);background:var(--white);border-radius:20px;padding:7px 14px;font-size:12.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;font-family:var(--font)}.brand-format-tab.on{background:var(--ink);color:var(--white);border-color:var(--ink)}.brand-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:16px}.brand-template-card{display:flex;flex-direction:column;padding:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--white);cursor:pointer;font-family:var(--font);text-align:left}.brand-template-card:hover{border-color:var(--teal);box-shadow:0 6px 18px #1f29331a}.brand-template-preview{position:relative;display:block;width:100%;background:var(--foreground, var(--ink));color:var(--background, var(--white));overflow:hidden}.brand-template-strip{position:absolute;left:0;top:0;right:0;height:4px;background:var(--accent, var(--teal))}.brand-template-preview--master{display:block;background:var(--white)}.brand-template-card--master:disabled{cursor:default}.brand-template-badge{position:absolute;left:6px;top:6px;z-index:1;padding:2px 8px;border-radius:999px;background:var(--accent, var(--teal));color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em;font-family:var(--font);line-height:1.4}.brand-template-title{position:absolute;left:11px;right:11px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:800;line-height:1.12}.brand-template-meta{display:block;padding:9px 11px}.brand-template-name{display:block;font-size:12px;font-weight:600;color:var(--ink)}.brand-template-sub{display:block;font-size:10px;color:var(--muted);margin-top:1px}.settings-page{display:flex;flex-direction:column;gap:18px}.account-section,.api-keys-section{max-width:560px;box-shadow:none}.brand-import-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:8px}.brand-import-body{font-size:12.5px;line-height:1.5;color:var(--ink-soft);margin-bottom:16px}.brand-pick{display:inline-block;border-radius:8px;padding:8px 16px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:var(--font);background:var(--panel);color:var(--ink);border:1px solid var(--line)}.brand-pick:hover{border-color:var(--muted)}.brand-pick.on{border-color:var(--accent);color:var(--accent)}.brand-swatch-name{font-size:10.5px;color:var(--ink);text-align:center}.brand-name-input{font-size:15px;font-weight:700;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-family:var(--font)}.brand-delete{font-size:11.5px;font-weight:600;color:var(--ink-soft);background:transparent;border:1px solid var(--line);border-radius:7px;padding:5px 10px;cursor:pointer;font-family:var(--font)}.brand-delete:hover:not(:disabled){border-color:var(--muted);color:var(--ink)}.brand-delete:disabled{opacity:.5;cursor:not-allowed}.new-deck{display:flex;flex-direction:column;gap:18px;max-width:720px;margin-inline:auto;width:100%;padding-top:6vh}.big-composer{display:flex;flex-direction:column;gap:14px}.big-composer .chat-inputwrap{padding:14px 14px 12px;border-radius:14px;box-shadow:0 10px 30px #0f172a0f}.big-composer .chat-textarea{font-size:14.5px;line-height:1.55;min-height:96px;max-height:320px}.big-composer .model-select-menu{bottom:auto;top:calc(100% + 6px);right:auto;left:0}.big-composer .model-select-caret svg{transform:rotate(180deg)}.new-deck-import-hint{margin:0;text-align:center;font-size:12.5px;color:var(--muted)}.new-deck-import-link{border:none;background:none;padding:0;font:inherit;font-weight:600;color:var(--teal-dark);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.new-deck-import-link:hover{color:var(--teal)}.format-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px}.format-tile{display:flex;flex-direction:column;align-items:center;gap:8px;width:116px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);cursor:pointer;font-family:var(--font)}.format-tile:hover{border-color:var(--muted)}.format-tile.active{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.format-tile-preview{display:block;width:72px;max-height:72px;border-radius:var(--radius-sm);background:var(--workspace);border:1px solid var(--line)}.format-tile-label{font-size:12px;font-weight:600;color:var(--ink);text-align:center}.format-custom-fields{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.format-custom-fields label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--ink-soft)}.format-custom-fields input{width:92px;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;color:var(--ink)}.format-custom-times{padding-bottom:8px;color:var(--muted)}.format-custom-error{padding-bottom:8px;font-size:12px;color:var(--amber)}.reformat-action{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--line);background:var(--white);border-radius:var(--radius-sm);padding:7px 13px;font:inherit;font-size:12.5px;font-weight:550;color:var(--ink-soft);cursor:pointer;white-space:nowrap}.reformat-action:hover{background:var(--line-soft);color:var(--ink)}.reformat-card{max-width:480px}.reformat-error{margin-bottom:14px;font-size:12px;color:var(--amber)}.export-choices{display:flex;gap:var(--space-2);margin-bottom:14px}.export-choices .scope-btn{flex:1}.export-font-hint{margin-bottom:14px;font-size:12px;color:var(--muted)}.export-error{margin-bottom:14px;font-size:12px;color:var(--amber)}.provided-templates-empty{margin:0;font-size:12.5px;color:var(--muted)}.extract-progress{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;gap:16px;padding:40px clamp(24px,8vw,120px);overflow:auto;background:#fffffff5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.extract-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-width:520px}.extract-step{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);background:var(--line-soft);transition:background .25s ease,color .25s ease,border-color .25s ease}.extract-step.done{color:var(--ink);background:#fff;border-color:var(--accent)}.extract-step.active{color:var(--ink);background:#fff;border-color:var(--accent);animation:extract-step-pulse 1.4s ease-in-out infinite}@keyframes extract-step-pulse{0%,to{box-shadow:0 0 #0ebeaa59}50%{box-shadow:0 0 0 6px #0ebeaa00}}.extract-step-marker{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:13px;background:var(--line);color:var(--ink)}.extract-step.done .extract-step-marker,.extract-step.active .extract-step-marker{background:var(--accent);color:#fff}.extract-counters{display:flex;gap:16px;flex-wrap:wrap}.extract-counter{display:flex;flex-direction:column;gap:2px;min-width:140px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}.extract-counter-value{font-size:28px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.extract-counter-label{font-size:13px;color:var(--ink-soft)}.extract-error{color:var(--amber);background:var(--amber-soft);padding:12px 16px;border-radius:10px}.extract-reveal-head{font-size:14px;color:var(--ink-soft);margin-bottom:8px}.extract-reveal-grid{display:flex;flex-direction:column;gap:8px}.extract-reveal-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;animation:extract-reveal-in .35s ease-out both}@keyframes extract-reveal-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.extract-reveal-name{font-weight:600;color:var(--ink)}.extract-reveal-visual{font-size:12px;color:var(--ink-soft)}.extract-reveal-visual.skipped{color:var(--amber)}.extract-reveal-visual.pass{color:var(--accent)}.extract-reveal-visual.fail{color:#b42318}.import-progress{display:flex;flex-direction:column;gap:14px;min-width:320px}.import-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.import-step{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);background:var(--line-soft);transition:background .25s ease,color .25s ease,border-color .25s ease}.import-step.done,.import-step.active{color:var(--ink);background:#fff;border-color:var(--accent)}.import-step.active{animation:extract-step-pulse 1.4s ease-in-out infinite}.import-step-marker{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:50%;font-size:12px;background:var(--line);color:var(--ink)}.import-step.done .import-step-marker,.import-step.active .import-step-marker{background:var(--accent);color:#fff}.import-progress-bar{height:6px;border-radius:3px;background:var(--line-soft);overflow:hidden}.import-progress-bar-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .3s ease}.import-preview{width:100%;max-width:320px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.import-preview iframe{display:block;width:100%;height:100%;border:0}
