:root{--font-ui: "Nunito", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--accent: #E26A4C;--accent-fg: #FFFFFF;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--ease: cubic-bezier(.22,.61,.36,1);--ease-out: cubic-bezier(.16,1,.3,1)}[data-theme]{--accent-press: color-mix(in srgb, var(--accent) 84%, #000);--accent-soft: color-mix(in srgb, var(--accent) 13%, var(--surface));--accent-soft-bd: color-mix(in srgb, var(--accent) 30%, var(--surface));--accent-text: var(--accent);--ring: color-mix(in srgb, var(--accent) 26%, transparent)}[data-theme=light]{color-scheme:light;--bg: #F3ECDF;--bg-grad: radial-gradient(135% 95% at 100% 0%, #F8F2E7 0%, #EFE6D6 100%);--surface: #FFFDF8;--surface-2: #F7F0E3;--surface-3: #F0E7D7;--border: #EADFCC;--border-2: #DFD0B7;--border-strong: #D1C0A1;--text: #2C261D;--text-2: #7D7160;--text-3: #AB9D88;--shadow-card: 0 1px 2px rgba(82,60,30,.05), 0 7px 20px rgba(82,60,30,.07);--shadow-pop: 0 16px 38px rgba(66,46,22,.16), 0 4px 12px rgba(66,46,22,.1);--shadow-side: 1px 0 0 var(--border);--danger: #C2503C;--danger-soft: #F8E6DD;--danger-bd: #EFD1C4;--grip: #CCBCA0}[data-theme=dark]{color-scheme:dark;--bg: #151009;--bg-grad: radial-gradient(135% 95% at 100% 0%, #1D160D 0%, #110C06 100%);--surface: #221A11;--surface-2: #2A2117;--surface-3: #342819;--border: #3A2D1E;--border-2: #483826;--border-strong: #5A4731;--text: #F4EBDC;--text-2: #B4A38C;--text-3: #7E6F59;--shadow-card: 0 1px 2px rgba(0,0,0,.5), 0 8px 24px rgba(0,0,0,.42);--shadow-pop: 0 20px 46px rgba(0,0,0,.62), 0 5px 14px rgba(0,0,0,.46);--shadow-side: 1px 0 0 var(--border);--accent: #FF8A6B;--accent-fg: #2C1206;--danger: #E99585;--danger-soft: #301C13;--danger-bd: #4D3022;--grip: #4C3C29}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}#root{height:100vh}body.landing-body{background:#efe8d8;height:auto;min-height:100%;overflow:auto}body.landing-body #root{height:auto;min-height:100vh}::selection{background:var(--accent-soft)}.legal-page{min-height:100vh;max-height:100vh;overflow-y:auto;background:#f3ecdf;color:#2c261d;padding:24px}.legal-header{width:min(1040px,100%);margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.legal-brand{color:#2c261d;font-size:22px;font-weight:900;text-decoration:none}.legal-brand b{color:#e12b1b}.legal-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.legal-nav a{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border:1px solid #DFD0B7;border-radius:8px;color:#554a3a;background:#fffdf8;font-size:14px;font-weight:800;text-decoration:none}.legal-nav a:hover,.legal-nav a.active{border-color:#c2503c;color:#2c261d;background:#f8e6dd}.legal-document{width:min(820px,100%);margin:0 auto;padding:clamp(28px,5vw,52px);border:1px solid #EADFCC;border-radius:8px;background:#fffdf8;box-shadow:0 1px 2px #523c1e0d,0 7px 20px #523c1e12}.legal-kicker{margin:0 0 12px;color:#7d7160;font-size:13px;font-weight:800;text-transform:uppercase}.legal-document h1{margin:0;color:#2c261d;font-size:clamp(34px,6vw,56px);line-height:.98}.legal-intro{margin:18px 0 34px;color:#554a3a;font-size:18px;line-height:1.55}.legal-section{padding-top:22px;border-top:1px solid #EADFCC}.legal-section+.legal-section{margin-top:22px}.legal-section h2{margin:0 0 8px;color:#2c261d;font-size:20px}.legal-section p{margin:0;color:#554a3a;font-size:16px;line-height:1.65}.legal-document-footer{margin-top:34px;padding-top:18px;border-top:1px solid #EADFCC}.legal-document-footer a{color:#c2503c;font-weight:900}@media(max-width:720px){.legal-page{padding:18px}.legal-header{align-items:flex-start;flex-direction:column}.legal-nav{justify-content:flex-start}}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;max-width:720px;margin:0 auto;padding:16px 18px;border:1px solid #EADFCC;border-radius:12px;background:#fffdf8;box-shadow:0 4px 24px #523c1e24}.cookie-banner-text{margin:0;flex:1 1 320px;color:#554a3a;font-size:14px;line-height:1.5}.cookie-banner-text a{color:#c2503c;font-weight:800}.cookie-banner-accept{flex:0 0 auto;padding:10px 18px;border-radius:8px;background:#e12b1b;color:#fff;font-size:14px;font-weight:800}.cookie-banner-accept:hover{background:#c2503c}.contact-form{margin-top:22px;padding-top:22px;border-top:1px solid #EADFCC;display:flex;flex-direction:column;gap:12px}.contact-form label{display:flex;flex-direction:column;gap:6px;color:#554a3a;font-size:14px;font-weight:800}.contact-form input,.contact-form textarea{padding:10px 12px;border:1px solid #DFD0B7;border-radius:8px;background:#fff;color:#2c261d;font-size:15px}.contact-form textarea{min-height:120px;resize:vertical}.contact-form-consent{flex-direction:row;align-items:flex-start;gap:10px;font-weight:600}.contact-form-consent input{margin-top:4px;width:auto}.contact-form-submit{align-self:flex-start;padding:10px 22px;border-radius:8px;background:#e12b1b;color:#fff;font-size:15px;font-weight:800}.contact-form-submit:disabled{opacity:.6;cursor:not-allowed}.contact-form-status{margin:0;font-size:14px;font-weight:700}.contact-form-status.success{color:#2e7d32}.contact-form-status.error{color:#c2503c}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px;border:3px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}.app{display:grid;grid-template-columns:372px 1fr;height:100vh;background:var(--bg-grad);transition:grid-template-columns .42s var(--ease-out);position:relative}.app.collapsed{grid-template-columns:0px 1fr}.sidebar{position:relative;background:var(--surface);box-shadow:var(--shadow-side);overflow:hidden;min-width:0}.sidebar-inner{width:372px;height:100vh;padding:22px 22px 30px;display:flex;flex-direction:column;gap:18px;transition:opacity .26s var(--ease),transform .42s var(--ease-out)}.app.collapsed .sidebar-inner{opacity:0;transform:translate(-22px);pointer-events:none}.canvas{min-width:0;height:100vh;display:flex;flex-direction:column}.app.no-sidebar{grid-template-columns:0 1fr}.app.no-sidebar .canvas{grid-column:1 / -1;width:100vw}.app.no-sidebar .sidebar{overflow:visible;background:transparent;box-shadow:none;pointer-events:none;z-index:90}.app.no-sidebar .sidebar-inner{width:0;height:0;min-height:0;padding:0;gap:0;overflow:visible;opacity:1;transform:none;pointer-events:none}.app.no-sidebar .sidebar .app-brand,.app.no-sidebar .sidebar-main{display:none}.app.no-sidebar .sidebar-footer{position:fixed;top:13px;right:24px;z-index:96;width:auto;padding:0;border-top:0;pointer-events:auto}.app.no-sidebar .sidebar-menu,.app.no-sidebar .account-menu{flex:none}.app.no-sidebar .account-chip{width:46px;min-width:46px;padding:0;justify-content:center}.app.no-sidebar .account-copy{display:none}.app.no-sidebar .sidebar-popover{top:calc(100% + 10px);bottom:auto;right:0;left:auto}.app.no-sidebar .tools-popover{width:min(360px,calc(100vw - 32px));max-width:none;max-height:min(680px,calc(100vh - 108px))}.app.no-sidebar .account-popover{width:min(320px,calc(100vw - 32px))}.app.drawer-open:before{content:"";position:fixed;inset:0;z-index:84;background:#22170a33;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-theme=dark].app.drawer-open:before{background:#0000006b}.app.drawer-open .sidebar{pointer-events:auto}.app.drawer-open .sidebar-inner{position:fixed;top:14px;right:14px;bottom:14px;z-index:100;width:min(430px,calc(100vw - 28px));height:auto;padding:18px;display:flex;flex-direction:column;gap:14px;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-pop);pointer-events:auto}.app.drawer-open .sidebar-main{min-height:0;flex:1;display:flex}.app.drawer-open .sidebar-main>.new-phrase-button,.app.drawer-open .sidebar-footer,.app.drawer-open .sidebar .app-brand{display:none}.app.drawer-open .add-scroll{flex:1;min-height:0;margin:0;padding:0 2px 4px 0}.drawer-head{display:none}.app.drawer-open .drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.drawer-head>div{min-width:0;display:flex;flex-direction:column;gap:4px}.drawer-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border-radius:var(--r-md);font-size:15px;font-weight:600;letter-spacing:-.01em;background:var(--surface-2);color:var(--text);border:1px solid var(--border);transition:background .16s var(--ease),border-color .16s var(--ease),transform .12s var(--ease),color .16s;white-space:nowrap}.btn:hover{border-color:var(--border-strong);background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn .ic{width:17px;height:17px;flex:none}.btn.sm{height:36px;padding:0 13px;font-size:14px;border-radius:var(--r-sm)}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:transparent;box-shadow:0 1px 2px #00000014}.btn.primary:hover{background:var(--accent-press);border-color:transparent}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.active{background:var(--accent);color:var(--accent-fg);border-color:transparent}.btn.danger-ghost{color:var(--danger)}.btn.icon{width:42px;padding:0}.btn.icon.sm{width:36px}.btn:disabled{cursor:not-allowed;opacity:.48;transform:none}.seg{display:inline-flex;gap:6px}.seg .btn{font-weight:600}.chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:99px;font-size:13px;font-weight:600;letter-spacing:-.01em;background:transparent;color:var(--text-2);border:1px solid var(--border);transition:all .16s var(--ease)}.chip:hover{color:var(--text);background:var(--surface-2);border-color:var(--border-strong)}.chip .dot{width:8px;height:8px;border-radius:99px;flex:none}.chip .cnt{font:700 11px/1 var(--font-mono);color:var(--text-3)}.chip.on{color:var(--accent-text);background:var(--accent-soft);border-color:var(--accent-soft-bd)}.chip.on .cnt{color:var(--accent-text);opacity:.75}.chip.on-all{background:var(--surface-3);color:var(--text);border-color:var(--border-strong)}.chip.on-all .cnt{color:var(--text-2)}.field{width:100%;height:44px;padding:0 14px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);font-size:14.5px;transition:border-color .16s,background .16s,box-shadow .16s}.field::placeholder{color:var(--text-3)}.field:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--ring)}textarea.field{height:auto;padding:11px 14px;resize:vertical;line-height:1.5}select.field{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:none}.label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.kbd{font:600 11.5px/1 var(--font-mono);letter-spacing:0;padding:4px 7px;border-radius:6px;background:var(--surface-3);color:var(--text-2);border:1px solid var(--border-2);box-shadow:0 1px 0 var(--border-2)}.brand{display:flex;align-items:center;gap:16px}.brand .logo{width:68px;height:68px;border-radius:23px;flex:none;display:grid;place-items:center;padding:8px 9px 6px;background:linear-gradient(160deg,#1e4029,#0e2616);box-shadow:0 16px 32px #0e26162e,0 5px 14px #0e261624,inset 0 1px #ffffff1a}.brand .logo svg{width:100%;height:100%}.brand h1{margin:0;font-size:31px;font-weight:900;letter-spacing:-.045em;line-height:.98}.brand-title{display:flex;align-items:baseline}.brand-title span{color:#1c4a2c}.brand-title b{color:#d52a1c;font-weight:900}.brand .sub{margin-top:8px;font-size:18px;color:var(--text-2);font-weight:600;letter-spacing:-.015em}.brand-copy{min-width:0}.brand-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .brand-title span{color:#a9d4b1}[data-theme=dark] .brand-title b{color:#ff705f}.card-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:15px}.card-box .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-box .hd .t{font-size:14px;font-weight:700;letter-spacing:-.01em}.card-box .hd .meta{font:600 11px/1 var(--font-mono);color:var(--text-3)}.sync-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--text-3)}.sync-pill .led{width:7px;height:7px;border-radius:99px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.add-scroll{flex:1;min-height:0;margin:0 -22px;padding:2px 22px 0}.add-stack{display:flex;flex-direction:column;gap:14px}.field-group{display:flex;flex-direction:column;gap:7px}.field-group>.label{display:flex;align-items:center;justify-content:space-between}.field-hint{color:var(--text-3);font-size:11.5px;font-weight:650;line-height:1.35}.group-separator-hint{padding:7px 9px;border:1px dashed var(--border-2);border-radius:9px;background:var(--surface-3)}.sidebar-main{min-height:0;flex:1;display:flex;flex-direction:column;gap:12px}.new-phrase-button{width:100%;height:48px;justify-content:flex-start;font-size:15px;font-weight:800}.phrase-form-panel{padding-bottom:8px}.advanced-toggle{width:100%;justify-content:flex-start;color:var(--text-2)}.advanced-toggle .ic{transition:transform .18s var(--ease)}.advanced-toggle .ic.open{transform:rotate(180deg)}.advanced-fields{display:flex;flex-direction:column;gap:14px;padding-top:2px}.form-actions .btn{flex:1}.sidebar-footer{position:relative;flex:none;display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.sidebar-menu,.account-menu{position:relative}.sidebar-menu{position:static;flex:none}.account-menu{flex:1;min-width:0}.account-chip{width:100%;min-width:0;height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);text-align:left;transition:background .16s var(--ease),border-color .16s var(--ease)}.account-chip:hover{border-color:var(--border-strong);background:var(--surface-3)}.account-avatar{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--surface);color:var(--accent-text);border:1px solid var(--border)}.account-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.account-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800}.account-copy span{display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font-size:11px;font-weight:700}.account-copy .led,.sync-pill .led{width:7px;height:7px;border-radius:99px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.account-copy .led.off{background:var(--text-3);box-shadow:none}.sidebar-popover{position:absolute;bottom:calc(100% + 10px);z-index:80;width:min(320px,calc(100vw - 36px));display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-pop)}.tools-popover{left:0;right:0;width:auto;max-width:100%;max-height:min(640px,calc(100vh - 126px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.tools-backdrop{display:none}.tools-popover .hd{gap:8px}.tools-popover .hd .meta{margin-left:auto;min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-close{flex:0 0 auto}.tools-popover::-webkit-scrollbar{width:10px}.tools-popover::-webkit-scrollbar-thumb{background:var(--border-2);border:3px solid transparent;border-radius:99px;background-clip:content-box}.account-popover{right:0}.auth-panel,.auth-user{display:flex;flex-direction:column;gap:10px}.auth-user{flex-direction:row;align-items:center;color:var(--text)}.auth-panel .seg,.backup-actions{width:100%}.auth-panel .seg .btn,.backup-actions .btn{flex:1}.tool-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tool-block{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--r-sm);min-width:0;min-height:72px;padding:9px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;cursor:pointer;transition:background .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.tool-block:hover{transform:translateY(-1px);border-color:var(--accent-soft-bd)}.tool-block.active{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.tool-block-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#ffffff85;flex:0 0 auto}[data-theme=dark] .tool-block-icon{background:#ffffff14}.tool-block-copy{width:100%;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:2px;overflow:hidden}.tool-block-copy strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.2}.tool-block-copy span{max-width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;color:var(--text-3);font-size:11px;line-height:1.25}.tool-block.active .tool-block-copy span{color:#2b1a0ab8}.tool-panel{border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:9px}.tools-popover textarea.field{min-height:118px;max-height:176px;resize:vertical}.tool-actions{width:100%}.tool-actions .btn{flex:1}.separator-options.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.separator-options.three .btn{min-width:0;padding:0 7px;font-size:12px}.export-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.format-button{min-height:76px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer;transition:background .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.format-button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent-soft-bd);background:var(--surface)}.format-button:disabled{cursor:not-allowed;opacity:.5}.format-button .ic{width:20px;height:20px;flex:0 0 auto}.format-button span{display:flex;min-width:0;flex-direction:column;gap:2px;text-align:left}.format-button small{color:var(--text-3);font-size:12px}.settings-panel{gap:10px}.settings-section{display:flex;flex-direction:column;gap:10px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-section-head strong{font-size:13px;font-weight:900}.settings-section-head span{color:var(--text-3);font:800 11px/1 var(--font-mono)}.settings-form{display:flex;flex-direction:column;gap:8px}.settings-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-actions .btn{flex:1 1 130px;min-width:0}.data-reset-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.data-reset-actions .btn{width:100%;min-width:0;padding-inline:11px;overflow:hidden;white-space:normal;line-height:1.1;text-align:center}@media(max-width:760px){.data-reset-actions{grid-template-columns:1fr}}.settings-section-head.compact{margin-top:2px}.ai-action-settings{gap:12px}.ai-settings-list,.ai-settings-form{display:flex;min-width:0;flex-direction:column;gap:8px}.ai-settings-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface)}.ai-settings-item.built-in{background:var(--surface-3)}.ai-settings-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.ai-settings-copy strong{overflow:hidden;color:var(--text);font-size:13px;font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.ai-settings-copy span{display:-webkit-box;overflow:hidden;color:var(--text-3);font-size:11.5px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ai-settings-actions{display:flex;flex:none;gap:5px}.ai-settings-form textarea.field{min-height:86px;resize:vertical}.subscription-panel.compact{padding:10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.export-separator{display:flex;flex-direction:column;gap:8px;padding-top:2px}.export-separator-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.export-separator-options .btn{min-width:0;padding:0 8px;font-size:12px}.txt-export-button{width:100%}.palette{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.swatch{aspect-ratio:1;border-radius:9px;position:relative;border:1.5px solid rgba(0,0,0,.06);transition:transform .14s var(--ease),box-shadow .14s}[data-theme=dark] .swatch{border-color:#ffffff14}.swatch:hover{transform:scale(1.08)}.swatch.sel{box-shadow:0 0 0 2px var(--surface-2),0 0 0 4px var(--accent)}.swatch.sel:after{content:"";position:absolute;inset:0;margin:auto;width:13px;height:13px;background:var(--accent);border-radius:99px;box-shadow:0 1px 3px #0000004d}.spell-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-3);padding:3px 6px;border-radius:7px}.spell-btn:hover{color:var(--accent-text);background:var(--accent-soft)}.spell-btn.warn{color:var(--danger)}.danger-zone{width:100%;height:44px;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-bd);font-size:14px;font-weight:700;transition:all .16s}.danger-zone:hover{background:var(--danger);color:#fff;border-color:transparent}.toolbar{padding:13px 146px 9px 24px;display:flex;flex-direction:column;gap:9px;flex:none}.tb-row{display:flex;align-items:center;gap:9px}.tb-row.header{gap:10px;flex-wrap:wrap}.tb-row.filters{gap:12px}.panel-toggle{flex:none}.topbar-brand{flex:0 0 auto;gap:10px;min-width:0;margin-right:2px}.topbar-brand .logo{width:42px;height:42px;border-radius:14px;padding:5px 6px 4px;box-shadow:0 10px 22px #0e261626,inset 0 1px #ffffff1a}.topbar-brand h1{font-size:21px;letter-spacing:-.035em}.topbar-brand .sub{display:none}.topbar-new-phrase{height:36px;font-weight:850}.workspace-switcher{position:relative;display:flex;align-items:center;gap:8px;height:36px;min-width:180px;max-width:260px;flex:0 1 230px;padding:0 32px 0 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text)}.workspace-switcher-label{flex:none;color:var(--text-3);font-size:10.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.workspace-switcher-select{min-width:0;flex:1;height:32px;padding:0;border:0;outline:0;appearance:none;background:transparent;color:var(--text);font-size:13px;font-weight:800;cursor:pointer}.workspace-switcher .chev{position:absolute;right:10px;width:14px;height:14px;color:var(--text-3);pointer-events:none}.tabs{display:inline-flex;gap:4px;flex:none}.tab{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:10px;font-size:13.5px;font-weight:700;letter-spacing:-.01em;color:var(--text-3);background:transparent;border:1px solid transparent;transition:all .16s var(--ease)}.tab:hover{color:var(--text);background:var(--surface-2)}.tab.on{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-card)}.tab.on .ic{color:var(--accent)}.tab .ic{width:16px;height:16px;opacity:.9}.tab .badge{min-width:19px;height:19px;padding:0 5px;border-radius:99px;display:inline-grid;place-items:center;font:700 11px/1 var(--font-mono);background:var(--surface-3);color:var(--text-3)}.tab.on .badge{background:var(--accent-soft);color:var(--accent-text)}.search-wrap{position:relative;flex:1;min-width:150px}.search-wrap .ic{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-3)}.search{width:100%;height:38px;padding:0 14px 0 38px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);font-size:13.5px;font-weight:600;color:var(--text);transition:all .16s}.search::placeholder{color:var(--text-3);font-weight:500}.search:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--ring)}.langm{position:relative;flex:none}.langm .btn{gap:5px;font:700 13px/1 var(--font-mono)}.langm-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:50;width:200px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-md);box-shadow:var(--shadow-pop);padding:6px;display:flex;flex-direction:column;gap:2px}.langm-item{display:flex;align-items:center;gap:11px;height:34px;padding:0 9px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--text);text-align:left}.langm-item:hover{background:var(--surface-2)}.langm-item.on{background:var(--accent-soft);color:var(--accent-text)}.langm-item .lc{font:700 11px/1 var(--font-mono);color:var(--text-3);width:22px}.langm-item.on .lc{color:var(--accent-text)}.chips-scroll{display:flex;align-items:center;gap:7px;flex:1;min-width:0;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),transparent 100%)}.chips-scroll::-webkit-scrollbar{display:none}.chips-scroll .chip{flex:none}.tb-tools{display:flex;align-items:center;gap:9px;flex:none}.divider-v{width:1px;height:20px;background:var(--border)}.grid-scroll{flex:1;min-height:0;padding:4px 28px 120px}.grid{display:grid;gap:16px;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));transition:gap .3s var(--ease)}.pcard{position:relative;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);padding:var(--cp, 18px);display:flex;flex-direction:column;gap:var(--cg, 14px);box-shadow:var(--shadow-card);transition:box-shadow .22s var(--ease),transform .22s var(--ease),opacity .3s var(--ease),filter .3s var(--ease),background .25s,border-color .2s,padding .3s var(--ease);cursor:grab;min-width:0;touch-action:none;-webkit-user-select:none;user-select:none}.pcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop);border-color:var(--border-2)}.pcard:active{cursor:grabbing}.pcard.dim{opacity:.42;filter:saturate(.6)}.pcard.dim:hover{opacity:.7}.pcard.suggest{box-shadow:0 0 0 1.5px var(--accent-soft-bd),0 6px 20px var(--ring)}.pcard.suggest:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:99px;background:var(--accent)}.pcard.copied{box-shadow:0 0 0 2px var(--accent),var(--shadow-pop)}.pcard.dragging{opacity:.35}.pcard.drag-over{box-shadow:0 0 0 2px var(--accent)}.pcard.removing{opacity:0;transform:scale(.9)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pcard.skeleton{pointer-events:none;cursor:default;min-height:90px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-color:transparent;box-shadow:none}.pcard.skeleton:hover{transform:none;box-shadow:none;border-color:transparent}.pcard .top{display:flex;align-items:center;gap:8px}.gtag{display:inline-flex;align-items:center;gap:7px;max-width:100%;height:26px;padding:0 11px;border-radius:99px;font-size:12.5px;font-weight:800;letter-spacing:0;border:1px solid var(--border-2);background:var(--surface-3);color:var(--text);box-shadow:0 1px #ffffff73 inset,0 5px 14px #1f170d0f}.gtag .gdot{width:7px;height:7px;border-radius:99px;flex:none;box-shadow:0 0 0 2px #ffffff94}.gtag .gname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grip{width:18px;height:22px;flex:none;display:grid;place-items:center;color:var(--grip);cursor:grab;opacity:0;transition:opacity .16s;margin-left:-4px}.pcard:hover .grip{opacity:1}.grip:active{cursor:grabbing}.spacer{flex:1}.hk-badge{font:700 11px/1 var(--font-mono);padding:4px 7px;border-radius:6px;background:var(--surface-3);color:var(--text-2);border:1px solid var(--border-2)}.ptext{font-size:var(--cf, 16px);line-height:1.45;color:var(--text);font-weight:600;letter-spacing:-.005em;text-wrap:pretty;transition:font-size .3s var(--ease);white-space:pre-wrap;word-break:break-word;max-height:14em;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.ptext::-webkit-scrollbar{width:4px}.ptext::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.ptext .var{color:var(--accent-text);font-weight:700;background:var(--accent-soft);padding:1px 4px;border-radius:5px;font-family:var(--font-mono);font-size:.86em;transition:all .3s}.ptext .var.filled{background:transparent;padding:0;font-family:var(--font-ui);font-size:1em;color:var(--text)}.ptext .var.just-filled{display:inline-flex;align-items:center;gap:3px;background:#ffe9a8;color:#5b4a12;padding:0 4px;border-radius:6px}.ptext .var.just-filled.clearing,.ptext .var-candidates.clearing .var.just-filled{background:transparent;color:var(--text)}[data-theme=dark] .ptext .var.just-filled{background:#4a3d12;color:#ffe9a8}[data-theme=dark] .ptext .var.just-filled.clearing,[data-theme=dark] .ptext .var-candidates.clearing .var.just-filled{background:transparent;color:var(--text)}.var-candidates{position:relative;display:inline-block}.var-candidate-trigger{border:0}.var-candidates .var-candidate-trigger{cursor:pointer}.var-candidate-menu{position:absolute;z-index:80;left:0;top:calc(100% + 10px);display:none;min-width:min(300px,72vw);max-width:min(360px,78vw);padding:8px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow-pop)}.var-candidates.open .var-candidate-menu{display:grid;gap:4px}.var-candidate{min-width:0;width:100%;padding:12px 14px;border:1px solid transparent;border-radius:10px;overflow-wrap:anywhere;text-align:left;color:var(--text);background:transparent;font-size:16px;font-weight:800}.var-candidate:hover,.var-candidate.active{border-color:var(--accent-soft-bd);background:var(--accent-soft);color:var(--accent-text)}.pcard.smartfill-menu-open{z-index:60}.pcard .bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.pstats{display:flex;align-items:center;gap:12px;font:700 12.5px/1 var(--font-mono);color:var(--text-3)}.pstats .s{display:inline-flex;align-items:center;gap:5px}.pstats .s svg{width:13px;height:13px}.pactions{display:flex;align-items:center;gap:4px}.pactions .secondary{opacity:0;transform:translate(5px);transition:opacity .16s var(--ease),transform .16s var(--ease)}.pcard:hover .pactions .secondary,.pcard:focus-within .pactions .secondary{opacity:1;transform:none}@media(hover:none){.pactions .secondary{opacity:1;transform:none}}.iconbtn{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--text-2);background:transparent;border:1px solid transparent;transition:all .15s var(--ease)}.iconbtn svg{width:17px;height:17px}.iconbtn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.iconbtn.accent:hover{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-soft-bd)}.iconbtn.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-bd)}.iconbtn.on{background:var(--accent);color:var(--accent-fg)}.smartfill{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;padding:0;border-radius:9px;background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-soft-bd);transition:all .15s}.smartfill:hover{background:var(--accent);color:var(--accent-fg);border-color:transparent}.smartfill svg{width:16px;height:16px}.smartfill.busy{opacity:.7;pointer-events:none}.ptext .action-chip{display:inline;background:#ede9fe;color:#5b21b6;padding:1px 5px;border-radius:5px;font-family:var(--font-mono);font-size:.86em;font-weight:700;transition:background .2s,color .2s}.ptext .action-chip.filled{background:#ddd6fe;color:#4c1d95;font-family:var(--font-ui);font-size:1em;font-weight:400;padding:0 4px;border-radius:6px}[data-theme=dark] .ptext .action-chip{background:#3b1f6e;color:#c4b5fd}[data-theme=dark] .ptext .action-chip.filled{background:#2d1b5a;color:#ddd6fe}.runaction{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;padding:0;border-radius:9px;background:#ede9fe;color:#5b21b6;border:1px solid #DDD6FE;transition:all .15s}.runaction:hover{background:#7c3aed;color:#fff;border-color:transparent}.runaction svg{width:16px;height:16px}.runaction.busy{opacity:.7;pointer-events:none}[data-theme=dark] .runaction{background:#3b1f6e;color:#c4b5fd;border-color:#4c1d95}[data-theme=dark] .runaction:hover{background:#7c3aed;color:#fff;border-color:transparent}.action-context-field .field-counter{font-size:11px;color:var(--text-3);text-align:right;margin-top:3px}.action-context-add{align-self:flex-start}.template-helper{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border);border-radius:var(--r-md);background:color-mix(in srgb,var(--accent) 5%,var(--surface-2))}.template-helper-head{display:inline-flex;align-items:center;gap:7px;color:var(--accent-text);font-size:12px;font-weight:800}.template-helper-head svg{width:14px;height:14px}.template-helper-hint{color:var(--text-3);font-size:12px;line-height:1.35}.template-example-list{display:flex;flex-wrap:wrap;gap:7px}.template-example-button{min-height:30px;padding:0 10px;border-radius:9px;border:1px solid var(--accent-soft-bd);background:var(--surface);color:var(--text-2);font-size:12px;font-weight:800;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}.template-example-button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.copied-flash{position:absolute;inset:0;border-radius:var(--r-lg);display:grid;place-items:center;pointer-events:none;background:color-mix(in srgb,var(--accent) 92%,transparent);color:var(--accent-fg);font-size:16px;font-weight:800;letter-spacing:-.01em;opacity:0;transform:scale(.97)}.copied-flash.show{animation:flashPop .9s var(--ease-out)}@keyframes flashPop{0%{opacity:0;transform:scale(.97)}14%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(1)}}.copied-flash .row{display:inline-flex;align-items:center;gap:8px}.copied-flash svg{width:20px;height:20px}.note-tip{position:absolute;left:14px;right:14px;bottom:calc(100% + 8px);background:var(--text);color:var(--bg);padding:9px 12px;border-radius:10px;font-size:12.5px;line-height:1.4;font-weight:500;box-shadow:var(--shadow-pop);opacity:0;transform:translateY(4px);pointer-events:none;transition:all .18s var(--ease);z-index:5}.note-wrap{position:relative;display:inline-flex}.note-wrap:hover .note-tip{opacity:1;transform:translateY(0)}.note-ic{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:var(--text-3)}.note-ic:hover{color:var(--accent-text);background:var(--accent-soft)}.note-ic svg{width:15px;height:15px}.rcard{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-card);transition:box-shadow .2s,transform .2s}.rcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop)}.rcard .rhd{display:flex;align-items:center;justify-content:space-between}.rcard .rhd .t{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:800;letter-spacing:-.02em}.rcard .rhd .t svg{width:17px;height:17px;color:var(--accent-text)}.freq-pill{font:700 11px/1 var(--font-mono);color:var(--text-3);background:var(--surface-3);padding:5px 9px;border-radius:99px;border:1px solid var(--border)}.steps{display:flex;align-items:center;gap:7px}.step-dot{width:30px;height:30px;border-radius:99px;display:grid;place-items:center;font:800 13px/1 var(--font-mono);color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-soft-bd)}.step-line{height:2px;flex:1;max-width:22px;background:var(--accent-soft-bd);border-radius:2px}.chain-preview{display:flex;flex-direction:column;gap:8px}.chain-line{display:flex;gap:10px;font-size:13.5px;line-height:1.4;color:var(--text-2)}.chain-line .n{font:700 11px/1 var(--font-mono);color:var(--text-3);padding-top:3px;flex:none;width:14px}.rcard .rbot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.rcard .rgroups{font-size:12.5px;color:var(--text-3);font-weight:600}.hlist{display:flex;flex-direction:column;gap:10px;max-width:920px}.hitem{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);transition:all .16s var(--ease);box-shadow:var(--shadow-card)}.hitem:hover{border-color:var(--border-strong);transform:translate(2px)}.hkind{width:34px;height:34px;border-radius:9px;flex:none;display:grid;place-items:center}.hkind svg{width:16px;height:16px}.hkind.copy{background:var(--surface-3);color:var(--text-2)}.hkind.buffer{background:var(--accent-soft);color:var(--accent-text)}.hkind.fill{background:#fff0cc;color:#8a6a12}[data-theme=dark] .hkind.fill{background:#3a2f12;color:#ffe2a0}.hbody{flex:1;min-width:0}.htext{font-size:14px;line-height:1.45;color:var(--text);white-space:pre-wrap;word-break:break-word}.hmeta{margin-top:6px;display:flex;align-items:center;gap:10px;font:600 11.5px/1 var(--font-mono);color:var(--text-3)}.hbtns{display:flex;gap:4px;flex:none}.dock{position:absolute;left:50%;bottom:22px;transform:translate(-50%,140%);display:flex;align-items:flex-start;gap:14px;width:min(1080px,calc(100% - 56px));max-width:min(1080px,calc(100% - 56px));padding:12px 14px 12px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--border-2);box-shadow:var(--shadow-pop);transition:transform .4s var(--ease-out);z-index:30}.dock.show{transform:translate(-50%)}.dock .bicon{width:38px;height:38px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--accent);color:var(--accent-fg);position:relative}.dock .bicon svg{width:19px;height:19px}.dock .bicon .ct{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--text);color:var(--bg);font:800 11px/19px var(--font-mono);text-align:center;border:2px solid var(--surface)}.dock .bbody{min-width:0;flex:1;display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,.95fr);gap:14px}.dock .bprev{min-width:0;flex:1}.dock .bprev .bt{font-size:13px;font-weight:700}.dock .bprev .bx{max-height:168px;margin-top:4px;overflow:auto;color:var(--text-2);font-size:12.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.dock .bprev .buffer-draft{width:100%;min-height:78px;resize:vertical;padding:8px 9px;border:1px solid transparent;border-radius:var(--r-sm);outline:none;background:var(--surface-2);font-family:inherit}.dock .bprev .buffer-draft:focus{color:var(--text);border-color:var(--accent);background:var(--surface)}.dock .bprev .buffer-draft::placeholder{color:var(--text-3)}.dock .bact{display:flex;gap:8px;margin-left:4px}.dock.buffer-dock-expanded{align-items:stretch;height:min(62dvh,680px);max-height:min(62dvh,680px)}.dock.buffer-dock-expanded .bbody{align-items:stretch;min-height:0}.dock.buffer-dock-expanded .bprev{display:flex;flex-direction:column;min-height:0}.dock.buffer-dock-expanded .bprev .buffer-draft{flex:1;min-height:0;max-height:none;resize:none}.dock.buffer-dock-expanded .buffer-ai-panel{min-height:0;max-height:100%;overflow-y:auto}.buffer-ai-panel{display:flex;flex-direction:column;gap:8px;min-width:0}.ai-cost-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-3)}.ai-cost-pill{align-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--surface) 90%);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border) 72%);border-radius:999px;color:var(--text-2);display:inline-flex;gap:5px;min-height:24px;padding:3px 8px}.ai-cost-pill .ic{height:13px;width:13px}.ai-cost-muted{color:var(--text-3)}.ai-actions-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ai-action-chip{display:inline-flex;align-items:center;position:relative}.ai-action-button{max-width:190px}.ai-action-button small{align-items:center;background:color-mix(in srgb,currentColor 10%,transparent);border-radius:999px;display:inline-flex;font-size:10px;font-weight:800;height:18px;justify-content:center;margin-left:2px;min-width:18px;padding:0 5px}.ai-action-button .ic{color:currentColor}.ai-action-remove{width:18px;height:18px;margin-left:-9px;margin-right:-2px;display:grid;place-items:center;border-radius:99px;background:var(--surface);color:var(--text-3);border:1px solid var(--border)}.ai-action-remove:hover{color:var(--danger);border-color:var(--danger-bd);background:var(--danger-soft)}.ai-command-form,.ai-action-form{display:flex;gap:8px;min-width:0}.ai-command-input,.ai-action-form .field{min-width:0;flex:1;height:36px}.ai-action-form .btn,.ai-command-form .btn{flex:none}.ai-preview-box,.ai-safe-warning{background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%);border:1px solid var(--border);border-radius:var(--r-sm);display:grid;gap:8px;padding:10px}.ai-safe-warning{background:color-mix(in srgb,var(--danger-soft) 58%,var(--surface) 42%);border-color:var(--danger-bd)}.ai-safe-warning p{color:var(--text-2);font-size:12.5px;line-height:1.4;margin:0}.ai-preview-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.ai-preview-head span{color:var(--text-3);font-size:12px;white-space:nowrap}.ai-preview-text{color:var(--text);font-size:13px;line-height:1.45;max-height:120px;overflow:auto;white-space:pre-wrap;word-break:break-word}.ai-preview-actions{display:flex;flex-wrap:wrap;gap:8px}.toasts{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:40;align-items:center}.toast{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 18px;border-radius:14px;background:var(--text);color:var(--bg);box-shadow:var(--shadow-pop);font-size:14px;font-weight:600;animation:toastIn .32s var(--ease-out)}.toast.out{animation:toastOut .26s var(--ease) forwards}.toast .undo{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:9px;background:var(--accent);color:var(--accent-fg);font-weight:700;font-size:13px}.toast .undo:hover{background:var(--accent-press)}.toast .tprog{position:absolute}@keyframes toastIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(10px) scale(.97)}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:var(--text-3);text-align:center}.empty svg{width:46px;height:46px;opacity:.5}.empty .et{font-size:16px;font-weight:700;color:var(--text-2)}.dup-block{background:var(--danger-soft);border:1px solid var(--danger-bd);border-radius:var(--r-md);padding:11px 13px}.dup-block .dh{font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--danger);margin-bottom:7px}.dup-block .di{font-size:13px;color:var(--text-2);line-height:1.5;padding-left:14px;position:relative}.dup-block .di:before{content:"·";position:absolute;left:4px}.spell-pop{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-md);padding:12px;box-shadow:var(--shadow-pop);font-size:13px;line-height:1.5}.spell-pop .sp-h{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-3);margin-bottom:8px}.spell-pop del{color:var(--danger);text-decoration:line-through}.spell-pop ins{color:var(--accent-text);text-decoration:none;font-weight:700}.fab-expand{position:absolute;left:16px;top:16px;z-index:20;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);color:var(--text);transition:all .16s}.fab-expand:hover{border-color:var(--border-strong);transform:translateY(-1px)}@media(max-width:1180px){.phrase-grid.size-compact{--cols: 3 !important}.phrase-grid.size-regular,.phrase-grid.size-large{--cols: 2 !important}}@media(max-width:900px){.phrase-grid.size-compact,.phrase-grid.size-regular,.phrase-grid.size-large{--cols: 1 !important}}@media(max-width:760px){.app{grid-template-columns:1fr}}.sr-only,.hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.auth-error{margin:0;color:var(--danger);font-size:12px;font-weight:700}.auth-beta-note{margin:0;font-size:11px;color:var(--text-muted, #888);text-align:center;opacity:.8}.workspace-select-row,.workspace-form,.shortcut-row{display:flex;gap:9px}.workspace-select-row .field,.workspace-form .field,.shortcut-row .field{min-width:0;flex:1}.subscription-panel p{margin:0;color:var(--text-2);font-size:13px;line-height:1.45}.toolbar-spacer{flex:1}.language-field{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text)}.language-field label,.lang-code{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.language-field select{position:static;width:90px;height:32px;min-height:32px;padding:0 18px 0 0;border:0;background:transparent;color:var(--text);font:800 13px/1 var(--font-ui);cursor:pointer;appearance:none;outline:none}.language-field .ic{width:16px;height:16px}.language-field .chev{width:14px;height:14px;opacity:.62}.settings-language-field{width:100%;justify-content:flex-start}.settings-language-field select{flex:1;width:auto}.settings-theme-tabs{width:100%}.settings-theme-tabs .btn{flex:1}.lang-code{font:800 13px/1 var(--font-mono)}.chip.active:not(.on-all){color:var(--accent-text);background:var(--accent-soft);border-color:var(--accent-soft-bd)}.chip.active:not(.on-all) .cnt{color:var(--accent-text)}.pcard{background:var(--group-bg, var(--surface));border-color:var(--group-border, var(--border))}.app.collapsed .sidebar-inner{pointer-events:none}.pcard .gtag{background:var(--group-chip, var(--surface-3));border-color:var(--group-chip-border, var(--border-2));color:var(--group-chip-text, var(--text))}.pcard.drag-locked .grip{cursor:default}.pcard.dragging{opacity:.22;transform:scale(.985);cursor:grabbing}.pcard.drag-over{box-shadow:0 0 0 2px var(--accent),var(--shadow-pop)}.drag-preview-card{position:fixed;z-index:1000;pointer-events:none;box-shadow:0 26px 70px #422e1642,0 8px 24px #422e162e;transform:rotate(.6deg) scale(1.015);opacity:.96;cursor:grabbing;-webkit-user-select:none;user-select:none}.drag-preview-card,.drag-preview-card:hover{transform:rotate(.6deg) scale(1.015)}[data-theme=dark] .drag-preview-card{box-shadow:0 30px 80px #0000009e,0 10px 28px #0000007a}.pcard.chain-dimmed{opacity:.42;filter:saturate(.6)}.pcard.chain-dimmed:hover{opacity:.7}.pcard.chain-selected{box-shadow:0 0 0 1.5px var(--accent-soft-bd),0 6px 20px var(--ring)}.pcard.chain-recommended{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--accent) calc(26% + var(--chain-strength, 0) * 42%),transparent),0 6px 20px color-mix(in srgb,var(--accent) calc(12% + var(--chain-strength, 0) * 16%),transparent)}.chain-hint-badge{font:700 11px/1 var(--font-mono);padding:4px 7px;border-radius:6px;background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-soft-bd)}.phrase-note{display:inline-block}.issue-item{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.issue-item>span{display:inline-flex;margin-bottom:4px;color:var(--danger);font-size:11px;font-weight:800;text-transform:uppercase}.issue-item p{margin:0 0 4px}.issue-change{display:flex;gap:8px;flex-wrap:wrap}.separator-options .btn{flex:1}.shortcut-capture{justify-content:flex-start;gap:10px;color:var(--text-3)}.shortcut-capture.assigned{color:var(--text);background:var(--accent-soft);border-color:var(--accent-soft-bd)}.coupon-box{display:grid;gap:8px}.billing-toggle{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.billing-toggle button{min-width:0;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text-2);padding:8px 9px;font:inherit;font-weight:800;cursor:pointer;text-align:left}.billing-toggle button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.billing-toggle span,.billing-toggle strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-toggle span{font-size:11px;color:var(--text-3)}.billing-toggle strong{margin-top:2px;font-size:13px}.coupon-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.coupon-field{min-height:36px}.coupon-preview{color:var(--accent-text);font-size:12px;font-weight:800}.account-page{min-height:100vh;max-height:100vh;overflow-y:auto;padding:36px 32px 48px;color:var(--text);background:var(--bg-grad)}.account-header,.account-header-actions,.account-panel-head,.account-detail-row{display:flex;align-items:center}.account-header{justify-content:space-between;gap:18px;margin:0 auto 32px;max-width:1120px}.account-header h1{margin:0 0 6px;font-size:30px;line-height:1.1;letter-spacing:-.3px}.account-header p{margin:0;max-width:560px;color:var(--text-2);font-size:14px;font-weight:600}.account-header-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.account-alert{max-width:1120px;margin:0 auto 16px;padding:13px 16px;border:1px solid var(--accent-soft-bd);border-radius:var(--r-md);color:var(--accent-text);background:var(--accent-soft);font-size:14px;font-weight:700}.account-alert.error{border-color:color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.account-route-loading,.account-auth-section{max-width:1120px;margin:0 auto 20px}.account-route-loading{display:grid;min-height:220px;place-items:center;color:var(--text-2);font-weight:800}.account-auth-section{display:flex;justify-content:center}.account-auth-panel{width:100%;max-width:480px}.account-auth-actions{display:flex;flex-wrap:wrap;gap:10px}.account-auth-actions .btn{flex:1;min-width:150px}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;max-width:1120px;margin:0 auto 16px}.account-panel{min-width:0;padding:22px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card)}.account-panel-head{gap:13px;margin-bottom:18px}.account-panel-head>.ic{width:40px;height:40px;padding:9px;border:1px solid var(--accent-soft-bd);border-radius:var(--r-sm);color:var(--accent-text);background:var(--accent-soft);flex:none}.account-panel-head h2{margin:0;font-size:17px;letter-spacing:-.1px}.account-panel-head p{margin:4px 0 0;color:var(--text-2);font-size:13px;font-weight:600;line-height:1.4}.account-details,.account-form,.account-actions-stack{display:grid;gap:8px}.account-inline-form{margin-top:14px}.account-detail-row{min-height:46px;justify-content:space-between;gap:14px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.account-detail-row span:first-child,.account-field span{color:var(--text-2);font-size:12px;font-weight:700;letter-spacing:.01em;flex-shrink:0}.account-detail-row strong{min-width:0;overflow:hidden;font-size:14px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.account-status-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:800;white-space:nowrap;background:var(--surface-3);color:var(--text-2);border:1px solid var(--border)}.account-status-paidActive,.account-status-manualAccess{background:color-mix(in srgb,#4caf7d 14%,var(--surface));color:color-mix(in srgb,#2e7d52 80%,var(--text));border-color:color-mix(in srgb,#4caf7d 28%,var(--surface))}.account-status-trialActive{background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent-text);border-color:var(--accent-soft-bd)}.account-status-trialExpired,.account-status-pastDue,.account-status-canceled{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 24%,var(--surface))}.account-divider{border:none;border-top:1px solid var(--border);margin:4px 0}.account-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;max-width:1120px;margin:8px auto 0;padding-top:24px;border-top:1px solid var(--border);color:var(--text-3);font-size:12px;font-weight:700}.account-footer a{color:var(--text-3);text-decoration:none;transition:color .16s}.account-footer a:hover{color:var(--text-2)}.account-footer span{opacity:.5}.ai-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ai-pack-option{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);min-height:78px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.ai-pack-option:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 12%,transparent)}.ai-pack-option:disabled{opacity:.58;cursor:wait}.ai-pack-option strong{font-size:13px;line-height:1.25}.ai-pack-option span{font:800 18px/1 var(--font)}.account-empty{margin:0;color:var(--text-2);font-weight:700}.account-field{display:grid;gap:7px}.account-wide-button{width:100%;margin-top:12px}.account-actions-stack .account-wide-button{margin-top:0}.account-inline-form .account-wide-button{margin-top:4px}.admin-page{min-height:100vh;padding:28px;color:var(--text);background:var(--bg)}.admin-header,.admin-actions,.admin-row,.admin-kpi{display:flex;align-items:center}.admin-header{justify-content:space-between;gap:18px;margin-bottom:22px}.admin-header h1{margin:0;font-size:34px}.admin-header p{margin:4px 0 0;color:var(--text-2);font-weight:700}.admin-actions{gap:10px}.admin-period{width:110px}.admin-error,.admin-notice{margin-bottom:16px;padding:12px 14px;border-radius:var(--r-sm);font-weight:800}.admin-error{border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.admin-notice{border:1px solid color-mix(in srgb,var(--green) 30%,transparent);color:var(--green-dark);background:color-mix(in srgb,var(--green) 12%,var(--surface))}.admin-kpis,.admin-grid{display:grid;gap:14px}.admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.admin-kpi,.admin-panel{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-card)}.admin-kpi{min-height:128px;align-items:flex-start;flex-direction:column;gap:8px;padding:18px}.admin-kpi strong{font-size:28px}.admin-kpi span,.admin-kpi small{color:var(--text-2);font-weight:800}.admin-grid{grid-template-columns:1fr 1fr;margin-bottom:16px}.admin-panel{min-width:0;padding:16px}.admin-panel h2{margin:0 0 12px;font-size:18px}.admin-diagnostics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-diagnostic-item{min-width:0;display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.admin-diagnostic-item span,.admin-diagnostic-item small{color:var(--text-2);font-weight:800}.admin-diagnostic-item strong{overflow-wrap:anywhere}.admin-diagnostics-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.admin-webhooks-actions{margin-bottom:12px}.admin-diagnostics-missing{display:grid;gap:6px;margin-top:10px;color:var(--text-2);font-size:13px;font-weight:800;overflow-wrap:anywhere}.admin-coupon-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-user-search{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 92px auto;margin-bottom:14px}.admin-user-form{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-form .admin-field-wide{grid-column:1 / -1}.admin-user-switch{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.admin-days-field{min-width:0}.admin-user-detail{align-items:flex-start;background:color-mix(in srgb,var(--surface-2) 86%,var(--accent) 14%);border:1px solid var(--border);border-radius:var(--r-md);display:grid;gap:8px;margin-top:14px;padding:14px}.admin-user-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-user-subsection{display:flex;flex-direction:column;gap:4px;width:100%;font-weight:400}.admin-user-subsection strong{font-weight:750}.admin-user-subsection span{font-size:12px;color:var(--text-2)}.admin-empty{padding:9px 10px;color:var(--text-3);font-size:13px}.admin-row.webhook-stuck{border-color:color-mix(in srgb,var(--danger, #d33) 50%,var(--border) 50%)}.admin-coupon-form .wide{grid-column:1 / -1}.admin-table{display:grid;gap:8px}.admin-row{min-height:42px;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);background:var(--surface-2);font-weight:750}.admin-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-row{width:100%;cursor:pointer}.backup-actions{width:100%}.backup-actions .btn{flex:1}.history-panel{display:flex;flex-direction:column;gap:12px}.history-panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.history-panel-top div{display:flex;flex-direction:column;gap:4px}.history-panel-top span{color:var(--text-3);font-size:12px;font-weight:600}.recommendation-card p{margin:0;white-space:pre-wrap;color:var(--text)}.toast{position:relative}.chain-dock{bottom:22px}@media(min-width:1440px){.grid-scroll{padding-left:32px;padding-right:32px}.grid{gap:26px}}@media(max-width:760px){body{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--surface-2)}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{background:var(--surface-2)}body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.pcard{touch-action:pan-y}.app,.canvas,.sidebar-inner{min-height:100vh;height:auto}.app.collapsed{grid-template-columns:1fr}.app.collapsed .sidebar{display:none}.tb-row,.tb-tools{flex-wrap:wrap}.toolbar{padding:12px 118px 9px 14px}.topbar-brand{flex:0 0 100%}.topbar-brand .logo{width:38px;height:38px}.topbar-brand h1{font-size:19px}.topbar-new-phrase{flex:0 0 auto}.app.no-sidebar .sidebar-footer{top:12px;right:14px}.app.no-sidebar .tools-popover{position:fixed;inset:16px;width:auto;max-width:none;max-height:calc(100dvh - 32px)}.app.drawer-open .sidebar-inner{inset:10px;width:auto}.account-page{max-height:none;padding:20px 16px 80px}.account-header{align-items:flex-start;flex-direction:column;margin-bottom:20px}.account-header h1{font-size:26px}.account-header-actions,.account-header-actions .btn,.account-grid{width:100%}.account-grid{grid-template-columns:1fr}.account-panel{padding:18px;border-radius:var(--r-md)}.admin-kpis,.admin-grid,.admin-diagnostics{grid-template-columns:1fr}.workspace-switcher{flex:1 1 auto;min-width:0;max-width:none}.workspace-switcher-label{display:none}.tool-blocks{grid-template-columns:1fr}.tool-block{min-height:0;flex-direction:row;align-items:center}.tools-popover{position:fixed;inset:16px;width:auto;max-width:none;max-height:calc(100dvh - 32px)}.tools-backdrop{position:fixed;inset:0;z-index:70;display:block;background:#1810072e}.search-wrap{flex-basis:100%}.grid-scroll{overflow:visible;padding:10px 14px calc(96px + env(safe-area-inset-bottom,0px))}.dock{position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;transform:translateY(140%)}.dock.show{transform:translateY(0)}.dock.buffer-dock-compact{align-items:center;gap:10px;min-height:52px;padding:8px 10px 8px 12px;transform:translateY(0)}.dock.buffer-dock-compact .bicon-compact{width:32px;height:32px;border-radius:9px}.dock.buffer-dock-compact .bicon-compact svg{width:16px;height:16px}.buffer-compact-preview{flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.buffer-compact-label{display:block;font-size:10.5px;font-weight:700;color:var(--text-3);line-height:1.2;margin-bottom:2px}.buffer-compact-text{display:block;font-size:13px;line-height:1.35;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buffer-compact-actions{display:flex;gap:6px;flex:none}.buffer-sheet-backdrop{position:fixed;inset:0;z-index:29;border:0;padding:0;background:#1810072e;cursor:pointer}[data-theme=dark] .buffer-sheet-backdrop{background:#0000006b}.dock.buffer-dock-sheet{left:0;right:0;bottom:0;width:auto;max-width:none;max-height:70dvh;overflow-y:auto;transform:translateY(0);flex-direction:column;align-items:stretch;gap:12px;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;z-index:30}.buffer-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.buffer-sheet-title{display:flex;align-items:center;gap:8px;min-width:0}.buffer-sheet-title .bt{font-size:14px;font-weight:700}.buffer-sheet-count{min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--accent-soft);color:var(--accent-text);font:800 11px/22px var(--font-mono);text-align:center}.dock.buffer-dock-sheet .bprev .buffer-draft{min-height:96px;max-height:28dvh}.dock.buffer-dock-sheet .bact-row{display:flex;justify-content:flex-end;gap:8px;margin-left:0;padding-top:8px;border-top:1px solid var(--border)}.dock .bbody{grid-template-columns:1fr;gap:10px}.ai-command-form,.ai-action-form{flex-wrap:wrap}.ai-command-input{flex:1 1 100%}.ai-command-form .btn,.ai-action-form .btn{flex:1 1 120px}}.cb-fallback-overlay{position:fixed;inset:0;background:#0000007a;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:cb-fade-in .12s ease}@keyframes cb-fade-in{0%{opacity:0}to{opacity:1}}.cb-fallback-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;width:100%;max-width:400px;box-shadow:0 12px 40px #00000042;display:flex;flex-direction:column;gap:10px;animation:cb-slide-up .14s ease}@keyframes cb-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cb-fallback-title{font-size:15px;font-weight:700;color:var(--text);margin:0}.cb-fallback-hint{font-size:13px;color:var(--text-2);margin:0;line-height:1.5}.cb-fallback-textarea{width:100%;min-height:96px;resize:vertical;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font-size:13px;font-family:inherit;line-height:1.5;box-sizing:border-box;outline:none;transition:border-color .15s;margin-top:2px}.cb-fallback-textarea:focus{border-color:var(--accent)}.cb-fallback-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:2px}.cb-fallback-btn{padding:8px 18px;border-radius:var(--r-sm);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .13s,opacity .13s,border-color .13s;white-space:nowrap}.cb-fallback-cancel{background:var(--surface-2);color:var(--text-2);border-color:var(--border)}.cb-fallback-cancel:hover{background:var(--surface-3);color:var(--text)}.cb-fallback-apply{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.cb-fallback-apply:hover:not(:disabled){opacity:.88}.cb-fallback-apply:disabled{opacity:.38;cursor:default}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;color:var(--text);background:var(--bg-grad);font-family:var(--font-ui)}.onboarding-overlay{position:fixed;inset:0;z-index:100}.onboarding-card{width:100%;max-width:640px;padding:28px 30px 26px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-pop)}.onb-header{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--accent-text);font-weight:800;font-size:15px}.onb-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:22px;line-height:1.2;letter-spacing:-.3px}.onb-hint{margin:0 0 16px;color:var(--text-2);font-size:14px;font-weight:600}.onb-hint-sub{margin-top:-8px;font-size:13px}.workspace-ai-create-block{margin-top:8px}.workspace-ai-create{width:100%;justify-content:center}.workspace-ai-hint{margin:8px 0 0;font-size:12px;line-height:1.45;color:var(--text-muted)}.onb-hint-warning{color:var(--danger);margin-top:-8px}.onb-examples-list{margin:0 0 14px;padding-left:18px;color:var(--text-2);font-size:13px;font-weight:600}.onb-examples-list li{margin-bottom:6px}.onb-warning{margin:0 0 14px;padding:10px 14px;border:1px solid var(--danger-bd);border-radius:var(--r-md);color:var(--danger);background:var(--danger-soft);font-size:13px;font-weight:700}.onb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:18px}.onb-option{display:flex;align-items:center;gap:7px;padding:11px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer;transition:border-color .13s,background .13s}.onb-option:hover{border-color:var(--border-strong);background:var(--surface-3)}.onb-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.onb-option .ic{width:15px;height:15px;flex-shrink:0}.onb-field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;font-size:13px;font-weight:700;color:var(--text-2)}.onb-examples{width:100%;box-sizing:border-box;margin-bottom:18px;resize:vertical}.onb-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:6px}.onb-summary{margin:0 0 18px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2)}.onb-summary>div{display:flex;gap:12px;padding:5px 0}.onb-summary dt{flex-shrink:0;min-width:150px;margin:0;color:var(--text-2);font-size:13px;font-weight:700}.onb-summary dd{margin:0;font-size:14px;font-weight:700}.onb-stages{list-style:none;margin:0 0 14px;padding:0}.onb-stages li{display:flex;align-items:center;gap:8px;padding:7px 0;color:var(--text-3);font-size:14px;font-weight:700}.onb-stages li.active{color:var(--accent-text)}.onb-stages li.done{color:var(--text)}.onb-stages li .ic{width:15px;height:15px}.onb-spinner{animation:onb-spin 1s linear infinite}@keyframes onb-spin{to{transform:rotate(360deg)}}.onb-options-error{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--danger);font-size:13px;font-weight:700}.onb-options-error p{margin:0}.account-auth-mode-toggle{display:flex;gap:8px;margin-bottom:14px}