html,body{height:100%;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh}.app-body{flex:1;min-height:0;display:flex}.menubar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.mb-left{display:flex;align-items:center;gap:2px}.mb-logo{height:24px;width:24px;object-fit:contain;margin-right:10px;display:block}.mb-menu-wrap{position:relative}.mb-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-card);padding:5px;z-index:60;display:flex;flex-direction:column}.mb-dropdown.mb-dropdown-right{left:auto;right:0;min-width:175px}.mb-dropdown button{text-align:left;font:inherit;font-size:13px;padding:7px 10px;border:none;border-radius:7px;background:transparent;color:var(--text);cursor:pointer}.mb-dropdown button,.mb-dropdown a{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font:inherit;font-size:13px;padding:7px 10px;border:none;border-radius:7px;background:transparent;color:var(--text);cursor:pointer;text-decoration:none}.mb-dropdown button:hover:not(:disabled),.mb-dropdown a:hover{background:var(--subtle)}.mb-dropdown button:disabled{color:var(--muted);cursor:default}.mb-hint{font-size:11px;color:var(--muted);background:var(--subtle);border-radius:20px;padding:1px 7px}.mb-sep{height:1px;background:var(--border);margin:5px 4px}.mb-menu.open{background:var(--subtle);color:var(--text)}.auth-modal-card{position:relative;width:420px;max-width:92vw;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:32px 30px 24px;box-shadow:0 24px 64px #0f172a29,0 4px 14px #0f172a0d;animation:about-pop .22s cubic-bezier(.2,.7,.3,1)}.auth-head{text-align:center;margin-bottom:24px}.auth-brand-badge{display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.auth-rec-logo{height:34px;width:auto;max-width:180px;object-fit:contain}.auth-title{margin:0 0 7px;font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.auth-sub{margin:0;font-size:13px;color:var(--muted);line-height:1.5;max-width:32ch;margin-inline:auto}.auth-social-wrap{margin-bottom:16px}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:42px;background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .16s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000a}.auth-google-btn:hover{background:#fafaf9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.auth-google-btn:active{transform:scale(.99)}.auth-or-divider{position:relative;text-align:center;margin:18px 0}.auth-or-divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--border)}.auth-or-divider span{position:relative;background:var(--surface);padding:0 12px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:500}.auth-form{display:flex;flex-direction:column;gap:15px;text-align:left}.auth-field{display:flex;flex-direction:column;gap:7px}.auth-field label{font-size:12px;font-weight:600;color:var(--text);letter-spacing:-.01em}.auth-label-row{display:flex;align-items:center;justify-content:space-between}.auth-link-btn{background:none;border:none;padding:0;font:inherit;font-size:11.5px;color:var(--accent);cursor:pointer}.auth-link-btn:hover{text-decoration:underline;text-underline-offset:2px}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-field-icon{position:absolute;left:13px;color:var(--muted);pointer-events:none}.auth-input-wrap input{width:100%;height:44px;padding:0 14px 0 38px;font:inherit;font-size:14px;border:1px solid var(--border);border-radius:11px;background:var(--subtle);color:var(--text);transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.auth-input-wrap input::placeholder{color:var(--muted)}.auth-input-wrap input:focus{outline:none;background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.auth-input-wrap input.no-icon{padding-left:14px}.auth-input-wrap input.otp-input{text-align:center;letter-spacing:.4em;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.name-tpl-modal{position:relative;width:380px;max-width:92vw;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:24px 24px 20px;box-shadow:0 24px 64px #0f172a29,0 4px 14px #0f172a0d;animation:about-pop .2s cubic-bezier(.2,.7,.3,1)}.name-tpl-title{margin:0 0 5px;font-size:17px;font-weight:700;letter-spacing:-.02em}.name-tpl-sub{margin:0 0 16px;font-size:12.5px;color:var(--muted);line-height:1.45}.name-tpl-input{width:100%;height:44px;padding:0 14px;font:inherit;font-size:14px;border:1px solid var(--border);border-radius:11px;background:var(--subtle);color:var(--text);transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.name-tpl-input:focus{outline:none;background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.name-tpl-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.name-tpl-cancel,.name-tpl-save{height:40px;padding:0 16px;font:inherit;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .14s ease}.name-tpl-cancel{background:transparent;border:1px solid var(--border);color:var(--secondary)}.name-tpl-cancel:hover:not(:disabled){background:var(--subtle);color:var(--text)}.name-tpl-save{background:var(--accent);border:1px solid var(--accent);color:#fff}.name-tpl-save:hover:not(:disabled){filter:brightness(1.05)}.name-tpl-danger{background:var(--danger);border:1px solid var(--danger);color:#fff}.name-tpl-danger:hover:not(:disabled){filter:brightness(1.05)}.name-tpl-cancel:disabled,.name-tpl-save:disabled,.name-tpl-danger:disabled{opacity:.6;cursor:default}.auth-submit-btn{width:100%;height:46px;margin-top:6px;font-size:14px;font-weight:600;border-radius:11px}.auth-footer-toggle{margin-top:18px;text-align:center;font-size:12.5px;color:var(--muted)}.auth-footer-toggle button{background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--accent);cursor:pointer}.auth-footer-toggle button:hover{text-decoration:underline}.auth-trust-note{margin:14px 0 0;text-align:center;font-size:11px;color:#a1a1aa;line-height:1.45}.auth-trust-note a{color:var(--secondary);text-decoration:underline;text-underline-offset:2px}.auth-trust-note a:hover{color:var(--text)}.premium-popover{min-width:276px!important;padding:8px!important;border-radius:16px!important;box-shadow:0 22px 55px #00000021,0 3px 10px #0000000d!important}.premium-popover .mb-sep{margin:7px 8px}.popover-user-card{display:flex;align-items:center;gap:11px;padding:10px 10px 12px}.popover-user-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;object-fit:cover;border:1px solid var(--border);background:var(--subtle)}.popover-user-avatar.popover-guest-avatar{display:inline-flex;align-items:center;justify-content:center;background:#eef4fe;color:var(--accent);border-color:#2563eb38}.popover-plan-chip{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--subtle);padding:3px 8px;border-radius:6px;flex-shrink:0}.popover-plan-chip.pro,.popover-plan-chip.tone-pro{background:var(--accent);color:#fff}.popover-plan-chip.tone-byok{background:#0f1117;color:#8db2ff}.popover-plan-chip.tone-credit{background:#eef4fe;color:var(--accent)}.popover-plan-chip.tone-free{background:var(--subtle);color:var(--muted)}.popover-user-meta{display:flex;flex-direction:column;min-width:0;gap:1px}.popover-user-name{font-size:13.5px;font-weight:700;color:var(--text);line-height:1.25}.popover-user-email{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.popover-stats{display:flex;align-items:center;background:var(--subtle);border-radius:11px;padding:9px 6px;margin:0 4px}.popover-stat{display:flex;flex-direction:column;align-items:center;gap:1px;flex:1;min-width:0}.popover-stat-num{font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1.1;white-space:nowrap}.popover-stat:first-child .popover-stat-num{color:var(--accent)}.popover-stat-label{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.02em;white-space:nowrap}.popover-stat-div{width:1px;align-self:stretch;background:var(--border);margin:2px 0}.popover-upgrade-row{width:100%;display:flex;align-items:center;gap:11px;margin:8px 4px 2px;padding:9px 11px;border:1px solid rgba(37,99,235,.28);border-radius:11px;background:linear-gradient(180deg,#2563eb11,#2563eb05);color:var(--text);cursor:pointer;text-align:left;transition:background .14s ease,border-color .14s ease}.popover-upgrade-row:hover{background:#2563eb1a;border-color:#2563eb73}.popover-upgrade-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.popover-upgrade-copy strong{font-size:13px;font-weight:700}.popover-upgrade-copy span{font-size:11px;color:var(--muted)}.popover-upgrade-arrow{font-size:13px;color:var(--accent);font-weight:700}.popover-action-btn{width:100%;display:flex;align-items:center;justify-content:space-between!important;gap:10px;padding:9px 10px!important;border-radius:9px!important;font-size:13.5px!important;color:var(--text)!important;transition:background .14s ease,color .14s ease}.pab-label{display:inline-flex;align-items:center;gap:10px;min-width:0}.pab-label strong{font-weight:600}.pab-icon{flex-shrink:0;color:var(--secondary)}.popover-action-btn.primary-action .pab-icon{color:var(--accent)}.popover-action-btn:hover{background:var(--subtle)!important}.popover-action-btn.primary-action:hover{background:#2563eb0f!important;color:var(--accent)!important}.popover-action-btn.primary-action:hover .pab-icon{color:var(--accent)}.popover-hint-badge{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#2563eb1a;color:var(--accent);padding:2px 7px;border-radius:5px;flex-shrink:0}.popover-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px 6px 6px}.popover-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:13px 8px;border-radius:12px;text-decoration:none;color:var(--secondary);border:1px solid transparent;transition:background .13s ease,color .13s ease,border-color .13s ease}.popover-tile:hover{background:#f8fbff;color:var(--text);border-color:#2563eb2e}.pt-icon{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#eef4fe;color:var(--accent);transition:background .13s ease}.popover-tile:hover .pt-icon{background:#e2edff}.pt-label{font-size:12px;font-weight:600;line-height:1.2;text-align:center;letter-spacing:-.01em}.popover-foot-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px 5px;margin-top:2px;border-top:1px solid var(--border)}.pfr-brand{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--text);letter-spacing:-.01em}.pfr-brand img{border-radius:4px;display:block}.pfr-ver{font-size:10.5px;font-weight:600;color:var(--muted);background:var(--subtle);padding:2px 8px;border-radius:999px}.auth-error{margin:0 0 14px;padding:9px 12px;border-radius:9px;font-size:12.5px;line-height:1.4;color:#b42318;background:#d92d2012;border:1px solid rgba(217,45,32,.18)}.auth-hint{margin:6px 0 0;font-size:11.5px;color:var(--muted)}.auth-domain-prompt{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 13px;border-radius:11px;background:#b4780a12;border:1px solid rgba(180,120,10,.2)}.auth-domain-icon{flex-shrink:0;margin-top:1px;color:#b45309}.auth-domain-msg{margin:0;font-size:12.5px;line-height:1.45;color:var(--text)}.auth-domain-list{margin:6px 0 0;font-size:11.5px;color:var(--muted)}.about-scrim{position:fixed;inset:0;background:#0a0a0c80;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:200;animation:about-fade .16s ease}.about-modal{position:relative;width:360px;max-width:90vw;background:linear-gradient(180deg,#1c1c22,#121216);color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:34px 28px 26px;text-align:center;box-shadow:0 30px 80px #00000080;animation:about-pop .22s cubic-bezier(.2,.7,.3,1)}.about-close{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:#ffffff0f;color:#bbb;cursor:pointer}.about-close:hover{background:#ffffff1f;color:#fff}.auth-modal-card .about-close{background:var(--subtle);color:var(--secondary)}.auth-modal-card .about-close:hover{background:#00000014;color:var(--text)}.about-badge{width:60px;height:60px;margin:0 auto 14px;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000040}.about-badge img{width:42px;height:42px;object-fit:contain}.dev-avatar{width:76px;height:76px;margin:0 auto 14px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.15);display:block}.about-title{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.about-tag{font-size:13px;color:#9a9aa2;margin:0 0 14px}.about-version{font-size:13px;color:#d0d0d6;margin-bottom:14px;display:inline-flex;align-items:center;gap:8px}.about-chip{font-size:10px;letter-spacing:.05em;text-transform:uppercase;background:var(--accent);color:#fff;border-radius:20px;padding:2px 8px}.about-copy{font-size:13px;color:#a8a8b0;line-height:1.6;margin:0 auto 18px;max-width:30ch}.dev-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;padding:9px 16px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;margin-bottom:18px;transition:transform .14s ease}.dev-link:hover{transform:translateY(-1px)}.about-legal{font-size:11px;color:#6a6a72;margin:0}@keyframes about-fade{0%{opacity:0}to{opacity:1}}@keyframes about-pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.about-scrim,.about-modal{animation:none}}.winbar{position:relative;display:flex;align-items:center;gap:8px;height:38px;margin:-34px -28px 18px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:18px 18px 0 0;-webkit-user-select:none;user-select:none}.winbar-dots{display:inline-flex;align-items:center;gap:8px}.winbar-dot{width:12px;height:12px;border-radius:50%;border:none;padding:0;cursor:default;position:relative;display:inline-flex;align-items:center;justify-content:center}.winbar-dot.close{background:#ff5f57;cursor:pointer}.winbar-dot.min{background:#febc2e}.winbar-dot.max{background:#28c840}.winbar-dot.close:before,.winbar-dot.close:after{content:"";position:absolute;width:6px;height:1.4px;background:#0000008c;opacity:0;transition:opacity .12s ease;border-radius:1px}.winbar-dot.close:before{transform:rotate(45deg)}.winbar-dot.close:after{transform:rotate(-45deg)}.winbar:hover .winbar-dot.close:before,.winbar:hover .winbar-dot.close:after{opacity:1}.winbar-dot.close:focus-visible{outline:2px solid #fff;outline-offset:2px}.winbar-title{position:absolute;left:50%;transform:translate(-50%);font-size:12.5px;font-weight:600;letter-spacing:-.01em;color:#c9c9d2;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-modal .winbar.light{margin:0;height:40px;padding:0 16px;border-bottom:1px solid var(--border);border-radius:18px 18px 0 0;background:var(--surface)}.cal-modal .winbar.light .winbar-title{color:var(--secondary)}.auth-modal-card .winbar{margin:-32px -30px 18px;padding:0 14px;border-bottom:1px solid var(--border);border-radius:18px 18px 0 0}.auth-modal-card .winbar-title{color:var(--secondary)}.about-modal:has(.winbar) .about-close,.auth-modal-card:has(.winbar) .about-close{display:none}@media(prefers-reduced-motion:reduce){.winbar-dot.close:before,.winbar-dot.close:after{transition:none}}.cal-modal{position:relative;width:900px;max-width:94vw;height:82vh;max-height:760px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 30px 80px #00000059;display:flex;flex-direction:column;overflow:hidden;animation:about-pop .22s cubic-bezier(.2,.7,.3,1)}.cal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--border);background:var(--surface)}.cal-title{margin:0;font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.cal-sub{margin:4px 0 0;font-size:12.5px;color:var(--muted)}.cal-close{position:static}.cal-frame-wrap{flex:1;min-height:0;background:#fff}.cal-frame{width:100%;height:100%;border:0;display:block}@media(max-width:640px){.cal-modal{height:88vh}}@media(prefers-reduced-motion:reduce){.cal-modal{animation:none}}.sc-list{display:flex;flex-direction:column;gap:2px;margin:16px 0 4px;text-align:left}.sc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px;border-radius:8px}.sc-row:nth-child(odd){background:#ffffff0a}.sc-k{font-size:13px;color:#e8e8ea}.sc-v{font-size:12px;color:#9a9aa2;font-family:var(--mono);text-align:right}.tp-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:tp-spin .7s linear infinite}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-bar{height:4px;border-radius:4px;background:var(--subtle);overflow:hidden}.tp-bar-fill{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.tp-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);animation:tp-pulse 1s ease-in-out infinite}@keyframes tp-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.tp-spinner,.tp-dot{animation:none}}.mb-menu{font:inherit;font-size:13px;color:var(--secondary);background:transparent;border:none;padding:5px 9px;border-radius:6px;cursor:pointer}.mb-menu:hover:not(:disabled){background:var(--subtle);color:var(--text)}.mb-menu:disabled{color:var(--muted);cursor:default}.mb-center{display:flex;align-items:center;gap:10px;justify-content:center}.mb-title{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:500;color:var(--text);background:transparent;border:none;padding:4px 10px;border-radius:7px;cursor:text}.mb-title:hover{background:var(--subtle)}.mb-title-pencil{color:var(--muted);opacity:0;transition:opacity .12s ease}.mb-title:hover .mb-title-pencil{opacity:1}.mb-title-input{font:inherit;font-size:13px;padding:4px 10px;min-width:200px;border:1px solid var(--accent);border-radius:7px;outline:none;box-shadow:0 0 0 3px #2563eb1f}.mb-save{font-size:12px;color:var(--muted)}.mb-save.error{color:var(--danger)}.mb-save.saved{color:var(--success)}.mb-right{display:flex;align-items:center;gap:10px;justify-content:flex-end}.ai-review-bar{display:flex;align-items:center;gap:7px;padding:3px 6px 3px 11px;background:#2563eb0f;border:1px solid rgba(37,99,235,.2);border-radius:8px}.ai-review-label{font-size:12px;color:var(--accent);font-weight:500}.ai-accept,.ai-reject{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:12px;padding:4px 8px;border-radius:6px;border:none;cursor:pointer}.ai-accept{background:var(--accent);color:#fff}.ai-reject{background:transparent;color:var(--secondary)}.ai-reject:hover{background:var(--subtle)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:12.5px;font-weight:600;padding:8px 16px;border-radius:9px;cursor:pointer;border:1px solid transparent;transition:all .16s cubic-bezier(.4,0,.2,1);user-select:none;letter-spacing:-.01em}.ui-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ui-btn:active:not(:disabled){transform:scale(.98)}.ui-btn.primary{background:#111;color:#fff;border-color:#ffffff1f;box-shadow:0 1px 2px #0000001f,inset 0 1px #ffffff1f}.ui-btn.primary:hover:not(:disabled){background:#222;box-shadow:0 4px 14px #0003;transform:translateY(-1px)}.ui-btn.secondary{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:0 1px 2px #00000008}.ui-btn.secondary:hover:not(:disabled){border-color:#cbd5e1;background:#fafaf9;transform:translateY(-1px)}.ui-btn.ai{background:linear-gradient(180deg,#1d4ed8,#1e40af);color:#fff;border-color:#1e3a8a;box-shadow:0 1px 3px #1e40af59,inset 0 1px #ffffff2e;font-weight:600;letter-spacing:-.01em}.ui-btn.ai:hover:not(:disabled){background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb66;transform:translateY(-1px)}.ui-btn.ghost{background:transparent;color:var(--secondary)}.ui-btn.ghost:hover:not(:disabled){background:var(--subtle);color:var(--text)}.ui-btn.dr-cta{width:100%;height:40px;padding:0 16px;font-size:13px;border-radius:9px}.ui-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--secondary);cursor:pointer;transition:background .14s ease,color .14s ease}.ui-iconbtn:hover:not(:disabled){background:var(--subtle);color:var(--text)}.ui-iconbtn:disabled{opacity:.4;cursor:default}.rail{width:52px;flex-shrink:0;border-right:1px solid var(--border);background:#fbfbfa;display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:14px}.rail-brand{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#111;color:#fff;font-weight:700;font-size:14px}.rail-items{display:flex;flex-direction:column;gap:4px}.rail-foot{margin-top:auto}.rail-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:9px;background:transparent;color:var(--secondary);cursor:pointer;transition:background .14s ease,color .14s ease}.rail-item:hover:not(:disabled){background:var(--subtle);color:var(--text)}.rail-item.active{background:var(--accent);color:#fff;box-shadow:0 1px 3px #2563eb59}.rail-item:disabled{opacity:.4;cursor:default}.rail-item[data-label]:after{content:attr(data-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) scale(.96);white-space:nowrap;background:#111;color:#fff;font-size:12px;padding:5px 9px;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:40}.rail-item[data-label]:hover:after{opacity:1;transform:translateY(-50%) scale(1)}.rail-item{text-decoration:none}.rail-item.locked{position:relative;color:var(--muted)}.rail-lock{position:absolute;bottom:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:4px;background:var(--subtle);color:var(--muted);border:1px solid var(--border)}.rail-item.locked:hover .rail-lock{background:#eef4fe;color:var(--accent);border-color:#2563eb4d}.rail-divider{width:24px;height:1px;background:var(--border);margin:8px auto}.view-scroll{flex:1;min-width:0;overflow-y:auto;background:var(--bg)}.view{max-width:1040px;margin:0 auto;padding:40px 32px 90px}.view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:34px;padding-bottom:24px;border-bottom:1px solid var(--border)}.view-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 8px}.view-head h1{font-size:28px;font-weight:700;letter-spacing:-.03em;margin:0 0 8px;color:var(--text)}.view-head p{color:var(--secondary);margin:0;max-width:68ch;line-height:1.6;font-size:14.5px}.view-cta{flex-shrink:0;font-size:13px;font-weight:600;padding:9px 18px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);text-decoration:none;box-shadow:0 1px 2px #00000008;transition:all .16s cubic-bezier(.4,0,.2,1)}.view-cta:hover{border-color:#cbd5e1;background:#fafaf9;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.view-muted{color:var(--muted);font-size:14px}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:38px}@media(max-width:768px){.stat-cards{grid-template-columns:1fr}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #00000005;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000000d;border-color:#d4d4d0}.sc-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.sc-value{font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--text);margin:2px 0}.sc-sub{font-size:12.5px;color:var(--secondary)}.tbl-section{margin-bottom:36px}.tbl-head-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.tbl-head-row h2{font-size:16px;font-weight:700;margin:0;letter-spacing:-.015em}.tbl-count{font-size:11.5px;font-weight:600;color:var(--secondary);background:#f3f3f0;border-radius:20px;padding:2px 9px}.tbl-empty{font-size:13.5px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px 24px;text-align:center}.tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000005}.tbl thead th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:13px 16px;border-bottom:1px solid var(--border);background:#fafaf8}.tbl tbody td{font-size:13.5px;padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .12s ease}.tbl tbody tr:hover{background:#fafaf9}.td-title{font-weight:600;color:var(--text)}.td-muted{color:var(--muted);font-size:12.5px}.ta-r{text-align:right}.pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;background:#16803c14;color:var(--success);border:1px solid rgba(22,128,60,.15)}.pill.warn{background:#b7791f14;color:var(--warning);border-color:#b7791f33}.tag{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:6px;background:#f3f3f0;color:var(--secondary)}.row-act{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;font-weight:600;padding:6px 12px;margin-left:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;transition:all .14s ease}.row-act:hover{border-color:#cbd5e1;background:#fafaf9;transform:translateY(-1px)}.row-act.danger{color:var(--danger);border-color:#dc262633}.row-act.danger:hover{background:#dc26260d;border-color:var(--danger)}.usage-grid{display:flex;flex-direction:column;gap:24px;max-width:520px}.view-wide{max-width:1280px}.usage-grid-wide{display:flex;flex-direction:column;gap:20px}.usage-hero-card{display:flex;align-items:center;gap:30px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px 30px;box-shadow:0 1px 3px #00000005}.usage-hero-nums{display:flex;flex-direction:column;min-width:190px}.usage-hero-side{display:flex;flex-direction:column;gap:8px;margin-left:auto;align-items:flex-end}.usage-pill{font-size:12px;font-weight:700;letter-spacing:.02em;padding:6px 12px;border-radius:999px;background:#eef4fe;color:var(--accent);border:1px solid rgba(37,99,235,.18);white-space:nowrap}.usage-pill.is-pro{background:var(--accent);color:#fff;border-color:transparent}.usage-pill.dim{background:var(--subtle, #f5f5f3);color:var(--muted);border-color:var(--border)}.usage-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:900px){.usage-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.usage-metrics-grid{grid-template-columns:1fr}}.usage-metrics-grid .stat-card{gap:2px}.usage-metrics-grid .stat-card strong{font-size:26px;letter-spacing:-.03em}.usage-metrics-grid .stat-foot{font-size:11.5px;line-height:1.45}.usage-metrics-grid .stat-card.highlight{border-color:#2563eb59}.usage-metrics-grid .stat-card.highlight strong{color:var(--accent)}.usage-buy-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.usage-buy-note{font-size:12px}.usage-guest-note{display:flex;align-items:flex-start;gap:10px;background:#f8fbff;border:1px solid rgba(37,99,235,.2);border-radius:14px;padding:13px 16px;max-width:720px}.usage-guest-ic{color:var(--accent);flex-shrink:0;margin-top:2px}.usage-guest-note p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.6}.usage-guest-link{background:none;border:none;padding:0;font:inherit;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.stat-card strong{font-weight:700;color:var(--text)}.act-section{margin-bottom:30px}.act-tabs{display:inline-flex;gap:4px;padding:4px;background:#f3f4f6;border-radius:11px;margin:0 0 22px;align-self:flex-start}.act-tab{font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--muted);padding:6px 14px;border-radius:8px;transition:color .12s ease,background .12s ease,box-shadow .12s ease}.act-tab:hover{color:var(--text)}.act-tab.active{background:#fff;color:var(--text);box-shadow:0 1px 3px #00000014}.act-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}.act-section-head h2{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--text);margin:0}.act-section-head h2 svg{color:var(--accent)}.act-total{font-size:12.5px;font-weight:700;color:var(--accent);background:#eef4fe;border:1px solid rgba(37,99,235,.18);padding:4px 10px;border-radius:999px}.act-section-body{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:6px 18px;box-shadow:0 1px 3px #00000005}.pay-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.pay-row:last-child{border-bottom:none}.pay-row .pay-ic{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pay-row .pay-ic.ok{background:#e8f7ec;color:#15803d}.pay-row .pay-ic.bad{background:#fdecec;color:#b91c1c}.pay-row .pay-ic.wait{background:#f3f3f0;color:var(--muted)}.pay-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.pay-meta strong{font-size:13.5px}.pay-meta .muted{font-size:11.5px}.pay-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.pay-status{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid transparent}.pay-status.ok{color:var(--accent);background:#eef4fe}.pay-status.bad{color:#b91c1c;background:#fdecec}.pay-status.wait{color:var(--muted);background:#f3f3f0}.pay-verify-btn{font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;background:#fff;border:1px solid var(--border);color:var(--accent);padding:4px 10px;border-radius:999px;transition:border-color .14s ease}.pay-verify-btn:hover{border-color:var(--accent)}.pay-verify-btn:disabled{opacity:.6;cursor:default}.pay-amount{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.act-empty-slim{display:flex;align-items:flex-start;gap:10px;padding:18px;color:var(--muted);font-size:13.5px;line-height:1.55}.act-empty-slim svg{flex-shrink:0;margin-top:2px}.act-empty-slim p{margin:0}.act-day{padding:12px 0 4px}.act-day:not(:first-child){border-top:1px solid var(--border)}.act-day-label{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:6px 0 8px}.act-day .activity-list{max-width:none}.act-skeleton-col{display:flex;flex-direction:column;gap:10px;max-width:620px}.act-skel{height:54px;border-radius:14px;background:linear-gradient(90deg,#f0f0ee 25%,#f8f8f6,#f0f0ee 75%);background-size:200% 100%;animation:act-shimmer 1.2s infinite}@keyframes act-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.usage-card{display:flex;align-items:center;gap:28px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 3px #00000005;transition:transform .18s ease,box-shadow .18s ease}.usage-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0000000d}.usage-nums{display:flex;flex-direction:column}.usage-big{font-size:42px;font-weight:700;margin:0;letter-spacing:-.035em;color:var(--text)}.usage-stats{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.stat{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);font-size:14px}.stat:last-child{border-bottom:none}.usage-cta{align-self:flex-start;text-decoration:none;display:inline-flex;align-items:center;gap:7px}.stat.credits strong{color:var(--text)}.profile-stat{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border);font-size:14px}.profile-stat .profile-stat-icon{display:inline-flex;color:var(--muted)}.usage-hint{display:flex;align-items:center;gap:6px;font-size:12.5px}.modal-overlay .modal.pricing-modal{max-width:860px;width:min(94vw,860px);padding:32px 36px 28px}.pricing-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}.pricing-head h2{margin:0;font-size:22px;letter-spacing:-.025em}.pricing-head>.muted{margin:6px 0 0;font-size:13.5px}.pricing-status-row{display:flex;align-items:center;gap:10px;margin-top:12px}.pricing-planpill{font-size:11px;font-weight:700;letter-spacing:.02em;padding:4px 11px;border-radius:999px;background:#eef4fe;color:var(--accent);border:1px solid rgba(37,99,235,.18)}.pricing-planpill.pro{background:var(--accent);color:#fff;border-color:transparent}.pricing-statusdim{font-size:12px;color:var(--muted)}.pricing-pro-note{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(180deg,#2563eb0e,#2563eb04 70%),var(--surface);border:1px solid rgba(37,99,235,.25);border-radius:14px;padding:16px 18px;color:var(--text)}.pricing-pro-note svg{color:var(--accent);flex-shrink:0;margin-top:2px}.pricing-pro-note strong{font-size:13.5px}.pricing-pro-note p{margin:3px 0 0;font-size:12.5px;color:var(--muted);line-height:1.55}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}@media(max-width:620px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{display:flex;flex-direction:column;gap:10px;padding:22px 20px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.pricing-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000012}.pricing-card.featured{border-color:#2563eb66;background:linear-gradient(180deg,#2563eb0f,#2563eb03 62%),var(--surface);box-shadow:0 6px 18px #2563eb1a;padding-top:34px}.pricing-ribbon{position:absolute;top:14px;right:14px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:#fff;padding:4px 9px;border-radius:999px}.pricing-card h3{margin:0;font-size:15px;font-weight:700;white-space:nowrap}.pricing-price{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.pricing-price .price{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1}.pricing-price .tag{font-size:12px;font-weight:600;color:var(--muted)}.pricing-perks{list-style:none;margin:2px 0 8px;padding:0;font-size:12.5px;color:var(--secondary);display:flex;flex-direction:column;gap:7px;flex:1}.pricing-perks li{display:flex;align-items:flex-start;gap:8px;line-height:1.45}.pricing-check{color:var(--accent);flex-shrink:0;margin-top:2px}.pricing-card .ui-btn{justify-content:center;margin-top:auto}@media(max-width:620px){.pricing-card{padding-top:22px}.pricing-ribbon{position:static;align-self:flex-start}}.pricing-guest-hint{margin:8px 0 0;font-size:11.5px;color:var(--muted);text-align:center}.pricing-unconfigured{margin-top:8px;padding:15px 17px;background:#f8fbff;border:1px solid rgba(37,99,235,.22);border-radius:14px;font-size:13px;line-height:1.65;color:var(--text)}.pricing-unconfigured p{margin:0}.pricing-unconfigured-alt{display:flex;align-items:flex-start;gap:8px;margin-top:10px!important;padding-top:12px;border-top:1px solid rgba(37,99,235,.14);font-size:12.5px;color:var(--muted)}.pricing-unconfigured-alt svg{color:var(--accent);flex-shrink:0;margin-top:2px}.pricing-unconfigured-alt a{color:var(--accent);font-weight:600;text-decoration:none}.pricing-unconfigured-alt a:hover{text-decoration:underline}.pricing-guest-banner{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;background:#f8fbff;border:1px solid rgba(37,99,235,.22);border-radius:14px}.pricing-guest-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.pricing-guest-copy{flex:1;min-width:0}.pricing-guest-copy strong{font-size:13px}.pricing-guest-copy p{margin:3px 0 0;font-size:12.5px;color:var(--muted);line-height:1.55}.pricing-guest-cta{flex-shrink:0;align-self:center}.pricing-error{color:var(--danger);font-size:13px;margin-top:10px}.pricing-footer{display:flex;align-items:center;gap:6px;font-size:12px;margin:16px 0 0;color:var(--muted)}.pricing-alt{margin:6px 0 0;font-size:12px;color:var(--muted)}.pricing-alt a{color:var(--accent);font-weight:600;text-decoration:none}.pricing-alt a:hover{text-decoration:underline}.u2-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}@media(max-width:620px){.u2-plans{grid-template-columns:1fr}}.u2-plan{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:24px 24px 22px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 1px 3px #00000005;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.u2-plan:hover{border-color:#d4d4d0}.u2-plan.featured{border-color:#2563eb66;background:linear-gradient(180deg,rgba(37,99,235,.04),transparent 60%),var(--surface)}.u2-plan-tex{position:absolute;inset:0;pointer-events:none;opacity:.6}.u2-plan-tex.green{background:radial-gradient(300px 120px at 100% -20%,rgba(22,128,60,.1),transparent 65%)}.u2-plan-tex.blue{background:radial-gradient(320px 130px at 100% -20%,rgba(37,99,235,.12),transparent 65%)}.u2-plan-ribbon{position:absolute;top:20px;right:-34px;transform:rotate(45deg);background:var(--accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;padding:5px 44px;box-shadow:0 2px 8px #2563eb59;z-index:2}.u2-plan-head{position:relative;display:flex;flex-direction:column;gap:12px}.u2-plan-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.u2-plan-kicker.pro{color:var(--accent)}.u2-plan-price{display:flex;align-items:baseline;gap:8px}.u2-price{font-size:38px;font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--text)}.u2-price-sub{font-size:13px;font-weight:600;color:var(--muted)}.u2-feats{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}.u2-feats li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--secondary);line-height:1.4}.u2-feats li svg{color:var(--accent);flex-shrink:0;margin-top:1px}.u2-plan-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;height:46px;font:inherit;font-size:13.5px;font-weight:700;border-radius:12px;cursor:pointer;border:1px solid transparent;margin-top:auto;transition:all .15s ease}.u2-plan-cta.buy{background:#111;color:#fff}.u2-plan-cta.buy:hover:not(:disabled){background:#222;transform:translateY(-1px)}.u2-plan-cta:disabled{opacity:.7;cursor:default}.budget-modal{max-width:460px;width:min(92vw,460px)}.budget-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}.budget-modal h3{margin:0 0 6px;font-size:19px;letter-spacing:-.025em}.budget-sub{margin:0 0 16px;font-size:13px;color:var(--muted);line-height:1.6}.budget-options{display:flex;flex-direction:column;gap:10px}.budget-option{display:flex;align-items:flex-start;gap:12px;width:100%;padding:13px 15px;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:13px;transition:border-color .14s ease,background .14s ease}.budget-option:hover{border-color:#2563eb59;background:#f8fbff}.budget-option.primary{border-color:#2563eb66;background:linear-gradient(180deg,#2563eb0f,#2563eb04)}.budget-option-ic{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff}.budget-option-ic.accent{background:#eef4fe;color:var(--accent)}.budget-option-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.budget-option-copy strong{font-size:13.5px}.budget-option-copy span{font-size:12px;color:var(--muted);line-height:1.5}.budget-foot{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);margin:16px 0 0}.budget-back{background:none;border:none;padding:0;margin-top:12px;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer}.budget-back:hover{color:var(--text)}.byok-panel{background:#f8fbff;border:1px solid rgba(37,99,235,.22);border-radius:14px;padding:14px 16px;margin-top:4px}.byok-head{display:flex;align-items:flex-start;gap:10px}.byok-ic{color:var(--accent);flex-shrink:0;margin-top:2px}.byok-copy{flex:1;min-width:0}.byok-copy strong{font-size:13px}.byok-copy p{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.55}.byok-remove{flex-shrink:0;align-self:center;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;font:inherit;background:#fff;border:1px solid var(--border);border-radius:9px;padding:6px 11px;cursor:pointer;color:var(--text)}.byok-remove:hover{border-color:#f0b4b4;color:#b91c1c}.byok-steps{margin:12px 0 10px;padding-left:18px;font-size:12.5px;color:var(--secondary);line-height:1.65}.byok-steps a{color:var(--accent);font-weight:600;text-decoration:none}.byok-steps a:hover{text-decoration:underline}.byok-steps code{font-size:11px;background:#fff;border:1px solid var(--border);padding:1px 5px;border-radius:5px}.byok-input-row{display:flex;gap:8px}.byok-input-row input{flex:1;min-width:0;font:inherit;font-size:13px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}.byok-input-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.byok-input-row .ui-btn{flex-shrink:0}.byok-active-row{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;background:#fff;border:1px solid var(--border);border-radius:10px}.byok-check{color:var(--accent);flex-shrink:0}.byok-hint{font-size:12.5px;font-weight:600}.byok-saved{margin-left:auto;font-size:11px;font-weight:700;color:var(--accent);background:#eef4fe;padding:3px 9px;border-radius:999px}.byok-saved-note{margin:8px 0 0;font-size:12px;color:var(--accent)}.byok-error{margin:10px 0 0;font-size:12.5px;color:#b91c1c;line-height:1.5}.byok-skel{height:84px;border-radius:14px;background:linear-gradient(90deg,#f0f0ee 25%,#f8f8f6,#f0f0ee 75%);background-size:200% 100%;animation:act-shimmer 1.2s infinite}.byok-panel.compact{margin-top:10px}.usage-byok-card{max-width:720px}.activity-list{list-style:none;margin:0;padding:0;max-width:560px;display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.activity-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#f3f3f0;color:var(--secondary);flex-shrink:0}.activity-meta{display:flex;flex-direction:column;min-width:0;flex:1}.activity-meta strong{font-size:13.5px}.activity-meta .muted{font-size:12px}.activity-time{font-size:12px;white-space:nowrap}.activity-empty{display:flex;align-items:center;gap:12px;max-width:560px;padding:24px;border:1px dashed var(--border);border-radius:14px}.drawer{width:100%;height:100%;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;min-height:0;min-width:0}.drawer-header-bar{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.dh-left{display:flex;align-items:center;gap:7px;min-width:0}.dh-title{margin:0;font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.02em}.dh-tooltip-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help;color:#a1a1aa;margin-top:1px;transition:color .14s ease}.dh-tooltip-wrap:hover{color:var(--text)}.dh-tooltip-wrap:after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%) scale(.96);white-space:normal;width:max-content;max-width:210px;background:#111;color:#fff;font-size:11px;font-weight:400;line-height:1.4;padding:5px 9px;border-radius:7px;box-shadow:0 4px 14px #0000002e;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:50}.dh-tooltip-wrap:hover:after{opacity:1;transform:translate(-50%) scale(1)}.dh-close-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--secondary);cursor:pointer;flex-shrink:0;transition:all .14s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.dh-close-btn:hover{background:#fafaf9;border-color:#cbd5e1;color:var(--text);transform:translate(-1px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.98)}}.spin-animate{animation:spin .85s linear infinite;display:inline-block;transform-origin:center}.tailor-progress{display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:12px;background:#2563eb08;border:1px solid rgba(37,99,235,.14)}.tp-head{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--text)}.tp-spinner-icon{color:var(--accent);flex-shrink:0}.tp-bar{width:100%;height:5px;border-radius:99px;background:#2563eb26;overflow:hidden;position:relative}.tp-bar-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:99px;transition:width .35s cubic-bezier(.4,0,.2,1);position:relative}.tp-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer-slide 1.4s infinite}.tp-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.tp-step{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted)}.tp-step .tp-mark{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tp-step.done{color:var(--secondary)}.tp-step.done .tp-mark{color:var(--success)}.tp-step.active{color:var(--text);font-weight:600}.tp-step.active .tp-mark{color:var(--accent)}.tp-check-icon{color:var(--success)}.tp-active-icon{color:var(--accent)}.dr-note.danger{color:var(--danger)}.saved-select-wrap{display:flex;flex-direction:column;gap:5px;margin-top:8px}.saved-select{width:100%;font:inherit;font-size:12px;padding:8px 30px 8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .14s ease,box-shadow .14s ease;text-overflow:ellipsis}.saved-select:hover{border-color:#cbd5e1}.saved-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.saved-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.saved-label{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.saved-item{display:flex;align-items:center;gap:6px;width:100%;text-align:left;font:inherit;font-size:11.5px;padding:5px 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--secondary);cursor:pointer;transition:all .12s ease}.saved-item:hover{border-color:var(--accent);color:var(--text)}.saved-item svg{flex-shrink:0}.saved-item span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jd-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.jd-row{display:flex;align-items:center;gap:8px;margin-top:8px}.jd-row-select{flex:1;min-width:0;margin-top:0}.jd-row-hint{flex:1;min-width:0;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jd-row .jd-save{flex-shrink:0}.save-feedback{font-size:11px;color:var(--success);font-weight:600}.jd-save{font:inherit;font-size:11.5px;font-weight:600;padding:6px 13px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--secondary);cursor:pointer;transition:all .14s ease;box-shadow:0 1px 2px #00000008}.jd-save:hover:not(:disabled){border-color:#cbd5e1;color:var(--text);background:#fafaf9;transform:translateY(-1px)}.jd-save:active:not(:disabled){transform:scale(.98)}.jd-save:disabled{opacity:.45;cursor:default}.drawer-footer{display:flex;align-items:center;justify-content:center;height:20px;padding:0 12px;background:transparent;border:none;flex-shrink:0}.drawer-footer-link{font-size:11px;font-weight:400;color:var(--muted);opacity:.75;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:all .14s ease}.drawer-footer-link:hover{opacity:1;color:var(--text)}.drawer-footer-heart{color:#e11d48;display:inline-block;transition:transform .14s ease}.drawer-footer-link:hover .drawer-footer-heart{transform:scale(1.2)}.modal-scrim{position:fixed;inset:0;background:#11111159;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);padding:28px;max-width:380px}.modal h3{margin:0 0 8px;font-size:18px}.modal p{color:var(--secondary);font-size:14px;line-height:1.5;margin:0 0 20px}.modal-actions{display:flex;gap:10px}.modal-actions .ui-btn{text-decoration:none}.modal-overlay{position:fixed;inset:0;background:#1116;display:flex;align-items:center;justify-content:center;z-index:120;padding:20px}.modal-overlay .modal{position:relative;max-height:88vh;overflow-y:auto}.modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:13px;line-height:1;transition:color .14s ease,border-color .14s ease}.modal-close:hover{color:var(--text);border-color:var(--muted)}.modal .winbar.light{margin:-28px -28px 16px;padding:0 14px;height:40px;border-bottom:1px solid var(--border);border-radius:16px 16px 0 0}.modal.pricing-modal .winbar.light{margin:-32px -36px 16px}.modal .winbar.light .winbar-title{color:var(--secondary)}.modal:has(.winbar) .modal-close{display:none}.toast-stack{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{display:inline-flex;align-items:center;gap:9px;max-width:90vw;padding:10px 15px;border-radius:11px;background:#111;color:#fff;font-size:13px;font-weight:500;box-shadow:0 12px 34px #00000038,0 2px 8px #0000001f;animation:toast-in .24s cubic-bezier(.2,.7,.3,1)}.toast-icon{display:inline-flex;flex-shrink:0}.toast-success .toast-icon{color:#4ade80}.toast-error{background:#7f1d1d}.toast-error .toast-icon{color:#fecaca}.toast-info .toast-icon{color:#93c5fd}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.drawer-body{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:16px}.outline{display:flex;flex-direction:column;gap:3px}.outline-item{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;font:inherit;font-size:12px;padding:7px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--secondary);cursor:pointer;transition:all .12s ease}.outline-item:hover{background:var(--subtle);color:var(--text);border-color:var(--border)}.outline-left{display:flex;align-items:center;gap:7px;min-width:0}.outline-icon{color:var(--muted);flex-shrink:0}.outline-item:hover .outline-icon{color:var(--accent)}.outline-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outline-meta{display:flex;align-items:center;gap:5px;flex-shrink:0}.outline-pill{font-size:10px;padding:1px 5px;border-radius:8px;background:var(--subtle);color:var(--muted)}.outline-line{font-family:var(--mono);font-size:10px;color:var(--muted)}.empty-intel-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 14px;border:1px dashed var(--border);border-radius:12px;background:#00000003}.empty-intel-icon{color:var(--muted)}.empty-intel-card h4{margin:0;font-size:13px;font-weight:600;color:var(--text)}.empty-intel-card p{margin:0;font-size:11.5px;color:var(--muted);line-height:1.45}.dr-link-btn{align-self:center;margin-top:4px;font:inherit;font-size:11.5px;font-weight:500;color:var(--accent);background:transparent;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.target-role-card{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:9px;background:#2563eb0d;border:1px solid rgba(37,99,235,.18)}.target-role-head{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.target-role-name{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.25}.prep-time-box{display:flex;flex-direction:column;gap:5px;padding:10px 11px;border-radius:9px;background:#faf9f5;border:1px solid #ede8db}.prep-time-head{display:flex;align-items:center;justify-content:space-between}.prep-label-wrap{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#78350f}.prep-badge{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:10px;background:#fef3c7;color:#92400e;border:1px solid #fde68a}.prep-desc{margin:0;font-size:11.5px;color:#92400e;line-height:1.4}.gap-list{display:flex;flex-direction:column;gap:6px}.gap-card{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface)}.gap-card.critical{border-left:3px solid var(--danger);background:#dc262605}.gap-card.moderate{border-left:3px solid var(--warning);background:#d9770605}.gap-card.minor{border-left:3px solid var(--accent);background:#2563eb05}.gap-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.gap-skill{font-size:12px;font-weight:600;color:var(--text)}.gap-tags{display:flex;align-items:center;gap:4px}.gap-sev{font-size:9.5px;font-weight:600;text-transform:uppercase;padding:1px 5px;border-radius:4px}.gap-sev.critical{background:#dc26261a;color:var(--danger)}.gap-sev.moderate{background:#d977061a;color:var(--warning)}.gap-sev.minor{background:#2563eb1a;color:var(--accent)}.gap-time{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;color:var(--muted);font-weight:500}.gap-action{margin:0;font-size:11px;color:var(--secondary);line-height:1.35}.section-head-wrap{display:flex;align-items:center;justify-content:space-between}.section-tag{font-size:9.5px;font-weight:500;color:var(--muted);padding:1px 5px;border-radius:4px;background:var(--subtle)}.section-tag.capitalize{text-transform:capitalize}.suggested-roles-list{display:flex;flex-direction:column;gap:7px}.role-card{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);transition:border-color .12s ease}.role-card:hover{border-color:#cbd5e1}.role-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.role-card-title{font-size:12.5px;font-weight:600;color:var(--text)}.role-fit-pill{font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:5px}.role-fit-pill.high{background:#16803c1a;color:var(--success)}.role-fit-pill.med{background:#2563eb1a;color:var(--accent)}.role-fit-pill.grow{background:#d977061a;color:var(--warning)}.role-card-prep{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--muted)}.role-card-prep strong{color:var(--secondary);font-weight:600}.role-card-why{margin:0;font-size:11px;color:var(--secondary);line-height:1.35}.role-target-btn{align-self:flex-start;margin-top:3px;font:inherit;font-size:10.5px;font-weight:500;color:var(--accent);background:transparent;border:1px solid rgba(37,99,235,.25);border-radius:5px;padding:2px 7px;cursor:pointer;transition:all .12s ease}.role-target-btn:hover{background:#2563eb14;border-color:var(--accent)}.instruct-view{display:flex;flex-direction:column;gap:16px}.instruct-feedback{margin:0;padding:10px 12px;border-radius:9px;font-size:12px;line-height:1.4;display:flex;flex-direction:column;gap:7px;transition:all .16s ease}.instruct-feedback.applying{background:#2563eb12;border:1px solid rgba(37,99,235,.25);color:var(--accent)}.instruct-feedback.success{background:#16803c12;border:1px solid rgba(22,128,60,.25);color:var(--success)}.instruct-feedback.error{background:#dc262612;border:1px solid rgba(220,38,38,.25);color:var(--danger)}.if-header{display:flex;align-items:center;gap:8px;font-weight:500}.if-progress-track{height:3px;width:100%;border-radius:99px;background:#2563eb26;overflow:hidden;position:relative}.if-progress-bar{position:absolute;top:0;left:0;height:100%;width:40%;border-radius:99px;background:var(--accent);animation:shimmer-slide 1.1s cubic-bezier(.4,0,.2,1) infinite}.quick-chips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.quick-chip{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:3px;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);cursor:pointer;transition:all .14s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.quick-chip:hover:not(:disabled){border-color:var(--accent);background:#2563eb05;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb14}.quick-chip:active:not(:disabled){transform:scale(.98)}.quick-chip.active-inflight{border-color:var(--accent);background:#2563eb0f;pointer-events:none}.qc-icon-wrap{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#2563eb14;color:var(--accent);margin-bottom:2px}.qc-text{display:flex;flex-direction:column;min-width:0}.qc-text strong{font-size:12px;font-weight:600;color:var(--text);line-height:1.3}.qc-text small{font-size:10.5px;color:var(--muted);margin-top:1px}.quick-chips-list{display:flex;flex-direction:column;gap:6px}.quick-chip-row{display:flex;align-items:center;gap:9px;text-align:left;font:inherit;font-size:12px;font-weight:500;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);cursor:pointer;transition:all .14s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.quick-chip-row:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#2563eb08;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb14}.quick-chip-row:active:not(:disabled){transform:scale(.98)}.quick-chip-row.active-inflight{border-color:var(--accent);color:var(--accent);background:#2563eb0f;pointer-events:none}.qc-row-icon{color:var(--accent);flex-shrink:0}.intel-actions-bar{display:flex;flex-direction:column;gap:8px}.intel-sub-actions{display:flex;gap:6px;flex-wrap:wrap}.intel-sub-btn{flex:1 1 0;min-width:0;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font:inherit;font-size:11.5px;font-weight:600;padding:0 8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--secondary);cursor:pointer;transition:all .14s ease;box-shadow:0 1px 2px #00000008}.intel-sub-btn:hover:not(:disabled){border-color:#cbd5e1;color:var(--text);background:#fafaf9;transform:translateY(-1px)}.intel-sub-btn:active:not(:disabled){transform:scale(.98)}.intel-sub-btn svg{flex-shrink:0}.intel-sub-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intel-sub-btn:disabled{opacity:.6;cursor:default}.dr-block{display:flex;flex-direction:column;gap:8px}.dr-block h4{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--secondary);margin:0;font-weight:600}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;padding:20px 14px;border:1px dashed #cbd5e1;border-radius:12px;background:#fafaf9;color:var(--secondary);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .16s cubic-bezier(.4,0,.2,1)}.dropzone:hover{border-color:var(--accent);background:#2563eb05;color:var(--text)}.dropzone .dz-icon{color:var(--accent);transition:transform .16s ease}.dropzone:hover .dz-icon{transform:translateY(-2px)}.dropzone em{font-style:normal;font-size:11px;color:var(--muted);font-weight:400}.dropzone .file-name{color:var(--text);font-weight:600;font-size:12.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.jd-input{width:100%;font:inherit;font-size:12.5px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);resize:vertical;line-height:1.5;transition:border-color .14s ease,box-shadow .14s ease}.jd-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.dr-note{font-size:11.5px;color:var(--muted);margin:0;line-height:1.45}.seg{display:flex;gap:3px;padding:3px;background:#f4f4f5;border-radius:9px;border:1px solid rgba(0,0,0,.05)}.seg-btn{flex:1;font:inherit;font-size:11.5px;font-weight:500;text-transform:capitalize;padding:6px 10px;border:none;border-radius:7px;background:transparent;color:var(--secondary);cursor:pointer;transition:all .14s ease}.seg-btn:hover:not(.active){color:var(--text)}.seg-btn.active{background:#fff;color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.intel{font-size:13px;color:var(--secondary);line-height:1.55;display:flex;flex-direction:column;gap:16px}.intel-steps p{margin:0 0 8px}.intel-steps .muted{color:var(--muted)}.intel-analyzing-card{display:flex;flex-direction:column;gap:14px;padding:16px 14px;border-radius:12px;background:#2563eb0a;border:1px solid rgba(37,99,235,.16)}.iac-header{display:flex;align-items:flex-start;gap:12px}.iac-spinner{color:var(--accent);flex-shrink:0;margin-top:2px}.iac-header h4{margin:0 0 3px;font-size:13.5px;font-weight:700;color:var(--text)}.iac-header p{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.iac-bar{width:100%;height:5px;border-radius:99px;background:#2563eb26;overflow:hidden;position:relative}.iac-bar-fill{position:absolute;top:0;left:0;height:100%;width:45%;border-radius:99px;background:var(--accent);animation:shimmer-slide 1.2s cubic-bezier(.4,0,.2,1) infinite}.iac-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.iac-step{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.iac-step.active{color:var(--text);font-weight:600}.iac-step.active svg{color:var(--accent)}.dropzone.loading{border-color:var(--accent);background:#2563eb0a;cursor:wait}.intel-gauges{display:flex;align-items:center;justify-content:center;gap:18px;padding:4px 0}.gauge{position:relative}.gauge svg{display:block}.gauge-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-val{font-size:20px;font-weight:600;color:var(--text)}.gauge-val em{font-size:12px;font-style:normal;color:var(--muted)}.gauge-label{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.kw-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.kw{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 8px;border-radius:6px;border:1px solid var(--border)}.kw.ok{color:var(--success);border-color:#16803c40;background:#16803c0d}.kw.miss{color:var(--warning);border-color:#b7791f40;background:#b7791f0d}.opp-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:6px}.opp-list li{font-size:12.5px;color:var(--secondary);line-height:1.5}.workspace{flex:1;min-width:0;min-height:0;display:flex}.workspace>*{flex:1;min-width:0}.workspace [data-panel]{min-width:0;overflow:hidden}.split-handle{width:1px;background:var(--border);position:relative;cursor:col-resize;transition:background .14s ease}.split-handle:after{content:"";position:absolute;inset:0 -4px}.split-handle:hover,.split-handle[data-resize-handle-active]{background:var(--accent)}.editor-pane{display:flex;flex-direction:column;height:100%;min-width:0;background:var(--surface)}.ed-loading{padding:24px;color:var(--muted);font-size:13px}.ed-header{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 14px;border-bottom:1px solid var(--border);flex-shrink:0}.ed-header-left{display:flex;align-items:center;gap:12px}.ed-file{font-family:var(--mono);font-size:12.5px;color:var(--text)}.ed-template{font-size:11px;color:var(--muted)}.ed-template-wrap{position:relative;display:inline-flex;align-items:center}.ed-template-btn{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:11px;font-weight:500;color:var(--secondary);background:var(--subtle);border:1px solid var(--border);border-radius:6px;padding:2px 7px;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.ed-template-btn:hover{background:#eaeaea;color:var(--text);border-color:#d1d1cc}.ed-template-chev{color:var(--muted);transition:transform .15s ease}.ed-template-chev.open{transform:rotate(180deg)}.ed-template-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:240px;max-height:60vh;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #0000001a,0 2px 6px #0000000a;padding:5px;display:flex;flex-direction:column;gap:2px}.ed-template-menu::-webkit-scrollbar{width:8px}.ed-template-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid var(--surface)}.ed-template-menu::-webkit-scrollbar-thumb:hover{background:var(--muted)}.ed-template-menu{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ed-template-menu-header{position:sticky;top:0;background:var(--surface);z-index:1}.ed-template-menu-header{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:5px 8px 3px;font-weight:600}.ed-template-item{display:flex;flex-direction:column;gap:2px;text-align:left;background:transparent;border:none;border-radius:7px;padding:7px 8px;cursor:pointer;font:inherit;transition:background .14s ease;width:100%}.ed-template-item:hover{background:var(--subtle)}.ed-template-item.active{background:#2563eb14}.ed-template-item-top{display:flex;align-items:center;justify-content:space-between;width:100%}.ed-template-item-name{font-size:12.5px;font-weight:600;color:var(--text)}.ed-template-item-badge{font-size:10px;color:var(--muted);background:var(--subtle);padding:1px 5px;border-radius:4px;border:1px solid var(--border)}.ed-template-item.active .ed-template-item-badge{background:#2563eb1f;color:var(--accent);border-color:transparent}.ed-template-item-check{color:var(--accent);margin-left:6px}.ed-template-item-top{position:relative}.tpl-upvote{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all .14s ease}.tpl-upvote:hover{border-color:#e0245e;color:#e0245e;background:#e0245e0f}.tpl-upvote:focus-visible{outline:2px solid rgba(224,36,94,.4);outline-offset:1px}.tpl-upvote.voted{border-color:#e0245e;color:#e0245e;background:#e0245e1a;cursor:default}.tpl-upvote-icon{transition:transform .14s ease}.tpl-upvote:hover .tpl-upvote-icon,.tpl-upvote.voted .tpl-upvote-icon{transform:translateY(-1px)}.tpl-upvote-count{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.tpl-upvote-icon{transition:none}}.tpl-del{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .14s ease}.tpl-del:hover{border-color:var(--danger);color:var(--danger);background:#dc26260f}.tpl-del:focus-visible{outline:2px solid rgba(220,38,38,.35);outline-offset:1px}.ed-template-save{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;padding:8px;border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--secondary);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .14s ease}.ed-template-save:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#2563eb0a}.ed-template-save:disabled{opacity:.55;cursor:default}.ed-template-item-desc{font-size:11px;color:var(--muted);margin:0;line-height:1.35}.ed-header-right{display:flex;align-items:center;gap:10px}.ed-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.ed-status.ok{color:var(--success)}.ed-status.err{color:var(--danger)}.ed-status.updating{color:var(--secondary)}.ed-compile{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;padding:5px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.ed-compile:hover:not(:disabled){border-color:var(--accent)}.ed-compile:disabled{opacity:.5;cursor:default}.ed-host{flex:1;min-height:0;overflow:hidden}.ed-statusbar{display:flex;align-items:center;gap:14px;height:26px;padding:0 14px;border-top:1px solid var(--border);font-family:var(--mono);font-size:11px;color:var(--muted);flex-shrink:0}.ed-statusbar .sb-sep{padding-left:14px;border-left:1px solid var(--border)}.cm-ai-line{background:#2563eb1a}.preview-pane{display:flex;flex-direction:column;height:100%;min-width:0;background:var(--bg)}.pv-toolbar{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.pv-compiling-bar{height:3px;width:100%;background:#16803c26;position:relative;overflow:hidden;flex-shrink:0}.pv-compiling-fill{position:absolute;top:0;left:0;height:100%;width:35%;background:var(--success);border-radius:99px;animation:shimmer-slide 1.1s cubic-bezier(.4,0,.2,1) infinite}.pv-tb-left{display:flex;align-items:center;gap:6px}.pv-recompile{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;font-weight:600;padding:6px 14px;border:1px solid #1e3a8a;border-radius:8px;background:linear-gradient(180deg,#1d4ed8,#1e40af);color:#fff;cursor:pointer;box-shadow:0 1px 3px #1e40af59,inset 0 1px #ffffff2e}.pv-recompile:hover:not(:disabled){filter:brightness(1.08)}.pv-recompile:disabled{opacity:.7;cursor:default}.pv-tb-right{display:flex;align-items:center;gap:12px}.pv-pages{font-size:12px;color:var(--muted)}.pv-zoom{display:flex;align-items:center;gap:2px}.pv-zoom-val{font-size:12px;color:var(--secondary);min-width:40px;text-align:center}.pv-scroll{flex:1;min-height:0;overflow:auto;padding:24px;display:flex;flex-direction:column;align-items:center;gap:18px}.sheet-wrap{position:relative;margin:0}.sheet{display:block;background:#fff;box-shadow:var(--shadow-sheet);border-radius:2px;height:auto}.sheet-num{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:11px;color:var(--muted)}.skeleton{aspect-ratio:1 / 1.414;opacity:.5}.pv-error{text-align:center;color:var(--secondary);padding:50px 24px}.pv-error .muted{color:var(--muted);font-size:13px;max-width:30ch;margin:8px auto 0;line-height:1.5}@media(max-width:820px){.app{height:100dvh}.app-body{flex-direction:column;padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))}.rail{position:fixed;left:50%;right:auto;transform:translate(-50%);bottom:calc(1% + env(safe-area-inset-bottom,0px));width:max-content;max-width:96vw;height:46px;flex-direction:row;align-items:center;justify-content:center;gap:2px;padding:4px 6px;border:1px solid var(--border);border-right:1px solid var(--border);border-radius:999px;background:#ffffffe0;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);box-shadow:0 8px 24px #00000024,0 2px 6px #0000000f;z-index:80}.rail-items{flex-direction:row;align-items:center;gap:1px;justify-content:center}.rail-foot{margin-top:0;margin-left:1px}.rail-divider{width:1px;height:20px;margin:0 3px}.rail-item{width:36px;height:36px;border-radius:999px}.rail-item svg{width:17px;height:17px}.rail-item[data-label]:after{left:50%;top:auto;bottom:calc(100% + 10px);transform:translate(-50%) scale(.96)}.rail-item[data-label]:hover:after,.rail-item[data-label]:focus-visible:after{transform:translate(-50%) scale(1)}.workspace{min-height:0}.split-handle{width:100%!important;height:1px;cursor:row-resize}.split-handle:after{inset:-6px 0}.split-handle:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:4px;border-radius:99px;background:var(--border)}.split-handle:hover:before,.split-handle[data-resize-handle-active]:before{background:var(--accent)}.view-scroll{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}.view{padding:24px 16px 40px}.view-head{flex-direction:column;gap:14px;margin-bottom:24px;padding-bottom:18px}.view-head h1{font-size:23px}.view-cta{align-self:flex-start}.stat-cards{grid-template-columns:1fr;gap:12px;margin-bottom:26px}.usage-card{flex-direction:column;align-items:flex-start;gap:18px;padding:22px}.usage-grid{max-width:100%}.usage-hero-card{flex-direction:column;align-items:flex-start;gap:18px;padding:22px}.usage-hero-side{margin-left:0;align-items:flex-start}.usage-buy-row .ui-btn{width:100%}.pay-right{flex-direction:column;align-items:flex-end;gap:6px}.act-section-body{padding:4px 14px}.tbl-section{overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl{min-width:520px}.menubar{grid-template-columns:auto 1fr auto;height:46px;padding:0 8px;gap:6px}.mb-left .mb-menu-wrap,.mb-left>.mb-menu{display:none}.mb-logo{margin-right:2px}.mb-center{gap:6px;min-width:0}.mb-title{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-save,.mb-right .ui-btn.primary span{display:none}.mb-right .ui-btn.primary{padding:8px 12px}.ai-review-bar{display:none}.drawer{border-right:none;border-bottom:1px solid var(--border)}.drawer-header-bar{height:42px;padding:0 12px}.drawer-body{padding:10px 12px;gap:12px}.dropzone{padding:12px;gap:4px}.dropzone .dz-icon{width:18px;height:18px}.dropzone em{font-size:10.5px}.drawer-footer{display:none}.editor-pane,.preview-pane{border-bottom:1px solid var(--border)}.ed-header,.pv-toolbar{height:44px}.pv-scroll{padding:16px}.ed-template-menu{width:min(240px,78vw)}.mb-dropdown.premium-popover{min-width:min(276px,88vw)!important}.popover-user-email{max-width:46vw}.popover-menu-row{padding:7px 8px}.about-modal,.auth-modal-card{width:min(360px,92vw)}}@media(max-width:380px){.rail{height:44px;padding:3px 5px}.rail-item{width:34px;height:34px}.rail-item svg{width:16px;height:16px}.rail-divider{margin:0 2px}}