:root{--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: #e5edff;--accent-lighter: #eef4ff;--accent-ring: rgba(37, 99, 235, .25);--success: #16a34a;--success-dark: #15803d;--success-light: #8adfa8;--success-bg: #ecfdf5;--error-dark: #b91c1c;--error-bright: #ef4444;--error-light: #fecaca;--error-bg: #fef2f2;--warning-dark: #b45309;--warning-notice: #9a3412;--warning-light: #fed7aa;--warning-bg: #fff7ed;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 6px 18px rgba(0, 0, 0, .14);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .18);--shadow-overlay: rgba(0, 0, 0, .5);--shadow-accent: rgba(37, 99, 235, .25);--bg-subtle: #f9fafb;--bg-hover: #f5f7fb;--bg-active: #e9ebf3;--page-bg: #f5f7fb;--panel-bg: #ffffff;--preview-page-bg: #ffffff;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-placeholder: #9ca3af;--text-code: #1f2937;--icon: #272727;--icon-disabled: #9ca3af;--border: #dfe3eb;--border-light: #e7ebf2;--error-hover: #c53030;--editor-side-rail-width: 64px;--radius: 8px;--radius-sm: 6px;--radius-lg: 10px}.dark{--text-primary: #fff;--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .65);--text-placeholder: rgba(255, 255, 255, .45);--icon: rgba(255, 255, 255, .45);--accent: #4b83f0;--accent-hover: #2563eb;--accent-ring: rgba(75, 131, 240, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--error-bright: #ef4444;--page-bg: #0a0a0f;--panel-bg: #18181f;--bg-subtle: rgba(255, 255, 255, .03);--bg-hover: rgba(255, 255, 255, .07);--bg-active: #2b2b38;--border: rgba(255, 255, 255, .2);--border-light: rgba(255, 255, 255, .06)}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--text-primary);font-family:Geist,system-ui,-apple-system,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:12px;gap:6px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-bg);color:var(--text-primary);font-weight:400;line-height:1;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease,border-color .14s ease}.btn svg{margin-top:-.12em;margin-bottom:-.12em}.btn:where(:has(svg:only-child)){padding-left:8px;padding-right:8px}.btn:hover{background:var(--bg-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--error-dark);color:#fff;border:none}.btn-danger:hover:not(:disabled){background:var(--error-hover)}.btn-danger:disabled{opacity:1;background:#c87878;color:#fffc}.btn-ghost{background:var(--bg-hover);border-color:var(--border);color:var(--text-muted)}.btn-icon{padding:8px;min-width:auto}.btn-outline{background:var(--panel-bg);border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-hover)}.btn-sm{padding:5px 10px}.btn-link{background:none;border:none;color:var(--accent);padding:0;font-size:inherit}.btn-link:hover{text-decoration:underline;color:var(--accent-hover)}.btn.block{width:100%}.dark :where(.btn){background:var(--bg-hover);border-color:var(--border);color:var(--text-secondary)}.dark :where(.btn):hover{background:var(--bg-active)}.dark :where(.btn-primary){background:var(--accent);border-color:var(--accent);color:#fff}.dark :where(.btn-primary):hover{background:var(--accent-hover)}.app-shell{min-height:100vh;color:var(--text-primary)}.container{max-width:1024px;margin:0 auto;width:100%;padding:0 40px}@media (max-width: 768px){.container{padding:0 20px}}.app-main{padding-top:60px;padding-bottom:40px}.app-body-with-sidebar{display:flex;min-height:100vh}.app-body-with-sidebar>.app-main{flex:1;min-width:0;overflow-y:auto}.sidebar{width:240px;flex-shrink:0;background:#0a0a0f;border-right:1px solid #1e1e24;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;padding:15px 0;padding-bottom:calc(15px + env(safe-area-inset-bottom,0px));transition:width .2s ease}.sidebar-collapsed{width:60px}.sidebar-label{white-space:nowrap;overflow:hidden;opacity:1;transition:opacity .15s ease}.sidebar-collapsed .sidebar-label{opacity:0;width:0;overflow:hidden}.sidebar-collapse-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);flex-shrink:0}.sidebar-collapsed .sidebar-logo-row{justify-content:center}.sidebar-collapse-toggle:hover{color:var(--text-primary);background:var(--bg-hover);opacity:1}.sidebar-top{padding:0 12px;display:flex;flex-direction:column}.sidebar-logo{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 10px;line-height:0}.sidebar-logo img{height:22px;width:auto}.sidebar-logo-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sidebar-create-btn{width:100%;font-size:13px;font-weight:600;padding:10px 14px;border-radius:var(--radius);overflow:hidden}.sidebar-collapsed .sidebar-create-btn{padding:10px;justify-content:center;gap:0}.sidebar-nav{display:flex;flex-direction:column;gap:0px;padding:8px 12px;flex:1;margin-top:12px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-muted);text-decoration:none;transition:background .14s ease,color .14s ease;overflow:hidden}.sidebar-collapsed .sidebar-link{justify-content:center;padding:8px;gap:0}.sidebar-link:hover{color:var(--text-secondary);background:var(--bg-hover)}.sidebar-link.active{color:var(--text-primary);background:var(--bg-active);font-weight:500}.sidebar-link svg{flex-shrink:0}.sidebar-bottom{padding:0 12px;display:flex;flex-direction:column}.sidebar-divider{border:none;border-top:1px solid var(--border);margin:8px -12px}.sidebar-upgrade-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius);background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-primary);text-decoration:none;transition:background .14s ease,border-color .14s ease;margin:10px 0 0;overflow:hidden}.sidebar-collapsed .sidebar-upgrade-card{padding:10px;justify-content:center;gap:0}.sidebar-upgrade-card:hover{background:var(--bg-hover);border-color:var(--border-light)}.sidebar-upgrade-card svg{color:#a78bfa;flex-shrink:0}.sidebar-upgrade-title{font-size:13px;font-weight:600}.sidebar-upgrade-subtitle{font-size:12px;color:var(--text-placeholder)}.sidebar-user-area{position:relative;margin-top:10px}.sidebar-user-btn{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-primary);cursor:pointer;font-size:14px;transition:background .14s ease;text-decoration:none;overflow:hidden}.sidebar-collapsed .sidebar-user-btn{justify-content:center;padding:8px;gap:0}.sidebar-user-btn:hover{background:var(--bg-hover)}.sidebar-avatar{width:32px;height:32px;border-radius:var(--radius);background:var(--accent);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;transition:width .2s ease,height .2s ease,font-size .2s ease}.sidebar-collapsed .sidebar-avatar{width:28px;height:28px;font-size:12px}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}.sidebar-user-credits{font-size:12px;color:var(--text-placeholder);text-align:left}.sidebar-user-btn:hover .sidebar-user-credits{color:var(--text-placeholder)}.sidebar-popover{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--bg-active);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 -4px 24px #00000073;z-index:50;overflow:hidden;padding:4px}.sidebar-popover-divider{height:1px;background:var(--border)}.sidebar-popover-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;padding:10px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-primary);cursor:pointer;font-size:14px;transition:background .14s ease}.sidebar-popover-item:hover{background:var(--bg-hover)}.sidebar-logout-text{font-size:13px;color:var(--error-bright)}.sidebar-popover-item svg{color:var(--error-bright)}.sidebar-popover-item--light{color:var(--text-secondary);font-size:13px}.sidebar-popover-item--light svg{color:var(--text-placeholder)}.sidebar-popover-item--light:hover{color:var(--text-primary)}.sidebar-project-area{position:relative}.sidebar-project-btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-hover);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;transition:background .14s ease}.sidebar-project-btn:hover{background:var(--bg-active)}.sidebar-project-btn svg:first-child{color:var(--text-placeholder);flex-shrink:0}.sidebar-project-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.sidebar-project-chevron{color:var(--text-placeholder);flex-shrink:0;transition:transform .2s ease}.sidebar-project-chevron.open{transform:rotate(180deg)}.sidebar-project-popover{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:50;overflow:hidden}.sidebar-switch-list{display:flex;flex-direction:column;gap:4px}.sidebar-switch-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-bg);cursor:pointer;font-size:14px;color:var(--text-primary);transition:background .12s ease,border-color .12s ease}.sidebar-switch-item:hover{background:var(--bg-hover);border-color:var(--accent)}.sidebar-switch-item.active{border-color:var(--accent);background:var(--accent-light)}.sidebar-switch-item svg:first-child{color:var(--text-muted);flex-shrink:0}.sidebar-switch-name{flex:1;text-align:left}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}.page-title{margin:0;font-size:24px;line-height:1.2;font-weight:600;color:var(--text-primary);flex:1;white-space:nowrap}.page-header-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);white-space:nowrap}.page-header-meta-separator{color:var(--border)}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px}.panel:last-child{margin-bottom:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.panel-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.panel-body{padding:18px 25px 20px;display:flex;flex-direction:column;gap:16px}.tab-bar{display:flex;gap:16px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.tab-button{position:relative;padding:14px 4px;font-size:14px;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:color .12s ease,border-color .12s ease}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--accent);border-color:var(--accent)}.page-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border)}.page-tab{position:relative;padding:10px 20px;font-size:14px;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:color .12s ease,border-color .12s ease}.page-tab:hover{color:var(--text-primary)}.page-tab.active{color:var(--accent);border-color:var(--accent)}.auth-page{min-height:100vh;background:var(--page-bg);display:flex;align-items:center;justify-content:center;padding:48px 16px}.auth-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:32px;width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:16px}.auth-title{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--text-primary)}.auth-subtitle{margin:0;color:var(--text-muted)}.auth-logo{height:32px;width:auto;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-actions{display:flex;flex-direction:column;gap:12px;margin-top:4px}.auth-note{font-size:14px;color:var(--text-muted);text-align:center}.auth-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--text-muted);font-size:14px;text-align:center}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.form-label-row{display:flex;align-items:baseline;justify-content:space-between}.form-label-link{font-size:13px;font-weight:400;color:var(--accent);text-decoration:none}.form-label-link:hover{text-decoration:underline}textarea{font:inherit}.page-state{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--page-bg)}.embed-shell{width:100%;height:100vh;overflow:hidden}.embed-loading{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.embed-error{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;color:var(--error-dark);font-size:16px}.state-content{display:inline-flex;align-items:center;gap:12px;color:var(--text-muted)}.state-text{font-size:15px}.alert{padding:16px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-bg);color:var(--text-primary);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.alert .state-content{color:inherit}.alert-dismiss{background:none;border:none;cursor:pointer;padding:4px;color:inherit;opacity:.6;flex-shrink:0;display:flex;align-items:center}.alert-dismiss:hover{opacity:1}.alert-error{padding:12px 14px;border-radius:var(--radius);border:1px solid var(--error-light);background:var(--error-bg);color:var(--error-dark)}.alert-success{border-color:var(--success-light);background:var(--success-bg);color:var(--success-dark)}.empty-state{text-align:center;padding:32px;color:var(--text-secondary)}.empty-state svg{color:var(--icon-disabled);margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.empty-state p{margin:0 0 16px;font-size:14px;color:var(--text-muted)}.empty-state .btn svg{margin-right:6px}.tab-bar{display:flex;gap:2px;padding:4px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px}.tab-bar .tab{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-muted);background:none;border:none;border-radius:var(--radius);cursor:pointer;text-decoration:none;transition:color .12s ease,background .12s ease,box-shadow .12s ease}.tab-bar .tab:hover{color:var(--text-primary)}.tab-bar .tab.active{color:var(--text-primary);background:var(--panel-bg);box-shadow:0 1px 3px #00000014}.tab-bar .tab svg{flex-shrink:0}@media (max-width: 768px){.tab-bar .tab{padding:8px 12px;font-size:13px}}.watcher-tabs{display:flex;flex-direction:column;gap:0}.watcher-detail-grid{display:grid;grid-template-columns:3fr 1fr;gap:24px}.watcher-detail-sidebar{display:flex;flex-direction:column;gap:16px;border-left:1px solid var(--border);padding-left:24px}.watcher-meta-list{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:14px}.watcher-meta-list dt{color:var(--text-muted);font-weight:500}.watcher-meta-list dd{margin:0;color:var(--text-primary)}.watcher-status-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;font-size:14px;font-weight:500;text-transform:capitalize;transition:opacity .12s ease}.watcher-status-toggle:hover{opacity:.7}@media (max-width: 768px){.watcher-detail-grid{grid-template-columns:1fr}}.notify-channels{display:flex;flex-wrap:wrap;gap:12px}.notify-channel{display:flex;flex-direction:column;align-items:center;gap:8px;width:100px;padding:16px 8px;border-radius:12px;border:2px solid transparent;background:var(--panel-bg);cursor:pointer;transition:border-color .12s ease,background .12s ease;position:relative}.notify-channel:hover{background:var(--bg-hover)}.notify-channel.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.notify-channel.disabled{opacity:.5;cursor:default;pointer-events:none}.notify-channel-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.notify-channel-label{font-size:12px;font-weight:600;color:var(--text-primary)}.notify-channel-check{position:absolute;top:6px;right:6px;color:var(--accent)}.notify-channel-lock{color:var(--text-muted);margin-top:-4px}.watcher-list{display:flex;flex-direction:column;gap:12px}.watcher-row{display:flex;gap:16px;padding:14px;border-radius:var(--radius);background:var(--panel-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.watcher-row:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.watcher-deleting{opacity:.4;pointer-events:none;transition:opacity .2s ease}.watcher-row-thumb{flex-shrink:0;width:160px;height:100px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.watcher-row-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;display:block}.watcher-row-content{flex:1;min-width:0}.watcher-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.watcher-card-name{margin:0;font-size:14px;font-weight:600;line-height:1.3;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media (max-width: 600px){.watcher-row{flex-direction:column}.watcher-row-thumb{width:100%;height:140px}}.watcher-kebab-btn{width:28px;height:28px;border-radius:var(--radius);padding:0;background:transparent;border-color:var(--border);color:var(--text-muted);flex-shrink:0}.watcher-kebab-btn svg{margin:0}.watcher-kebab-btn:hover{color:var(--text-primary);background:var(--bg-active)}.page-header-actions{display:flex;align-items:center;gap:8px}.dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:200px;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:50;overflow:hidden}.dropdown-menu-items{display:grid;gap:2px;padding:4px}.dropdown-menu-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;border:none;background:none;padding:6px 10px;border-radius:var(--radius);width:100%;font-size:12px;color:var(--text-primary);cursor:pointer;transition:background .12s ease,color .12s ease}.dropdown-menu-item:hover{background:var(--bg-hover)}.dropdown-menu-item.danger{color:var(--error-bright)}.dropdown-menu-item svg{width:16px;height:16px}.dropdown-menu-info{padding:6px 10px;font-size:12px;color:var(--text-muted)}.dropdown-menu-divider{height:1px;margin:2px 4px;background:var(--border)}.dropdown-menu-label{padding:6px 12px 2px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.dropdown-menu-section{padding:8px 12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.span-2{grid-column:1 / -1}.form-section{display:flex;flex-direction:column;gap:16px}.form-section+.form-section{border-top:1px solid var(--border-light);padding-top:18px}.section-title{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.action-row{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.form-description{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.4}.api-key-display{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm)}.api-key-value{flex:1;font-size:13px;word-break:break-all;color:var(--text-primary)}.api-key-info{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm)}.api-key-prefix{font-family:monospace;font-size:14px;color:var(--text-primary)}.api-key-meta{font-size:13px;color:var(--text-muted)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metric-card{padding:18px;border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px;text-align:center;background:var(--bg-subtle)}.metric-card.blue{background:var(--accent-lighter);border-color:var(--accent-light)}.metric-card.green{background:var(--success-bg);border-color:var(--success-light)}.metric-card.gray{background:var(--bg-hover);border-color:var(--bg-active)}.metric-value{font-size:26px;font-weight:700;color:var(--text-primary)}.metric-label{font-size:13px;color:var(--text-muted);font-weight:600}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.package-card{position:relative;border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 0 1px #fff6;background:var(--panel-bg)}.package-card.popular{border-color:var(--accent-light);box-shadow:0 0 0 2px var(--shadow-accent)}.package-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;box-shadow:var(--shadow-sm)}.package-name{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);text-align:center}.package-description{margin:0;color:var(--text-muted);font-size:14px;text-align:center}.package-price{margin:8px 0 0;font-size:32px;font-weight:700;color:var(--text-primary);text-align:center}.package-meta{margin:0;color:var(--text-muted);font-size:14px;text-align:center}.package-rate{margin:4px 0 0;font-size:12px;color:var(--text-muted);text-align:center}.package-footer{margin-top:8px}.purchase-summary{padding:16px;border-radius:var(--radius);background:var(--bg-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.summary-info{display:flex;flex-direction:column;gap:4px}.summary-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.summary-subtitle{margin:0;color:var(--text-muted);font-size:14px}.summary-total{text-align:right}.summary-amount{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.summary-savings{margin:0;font-size:13px;color:var(--success-dark);font-weight:600}.payment-element{min-height:100px;border-radius:var(--radius);border:1px solid var(--border);padding:12px;background:var(--panel-bg)}.payment-modal-status{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:12px;text-align:center}.payment-modal-status-text{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.payment-modal-status-sub{font-size:14px;color:var(--text-secondary);margin:0}.payment-modal-check{flex-shrink:0}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button-row .btn{flex:1}.table-wrapper{width:100%;overflow-x:auto}.chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.chip.green{background:var(--success-bg);color:var(--success-dark)}.chip.red{background:var(--error-bg);color:var(--error-dark)}.status-text{font-weight:600}.status-text.success{color:var(--success-dark)}.status-text.error{color:var(--error-dark)}.status-text.warning{color:var(--warning-dark)}.title-group{display:flex;flex-direction:column;gap:4px;min-width:0}.device-toggle{display:flex;gap:2px;background:var(--bg-subtle);border-radius:var(--radius);padding:2px}.device-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-placeholder);cursor:pointer;transition:background .15s ease,color .15s ease}.device-toggle-btn:hover{color:var(--text-primary)}.device-toggle-btn.active{background:var(--bg-active);color:var(--text-primary)}.slide-toggle{display:flex;background:var(--bg-active);border-radius:var(--radius);padding:2px}.slide-toggle-btn{padding:8px 16px;border:1px solid var(--bg-active);border-radius:var(--radius-sm);background:transparent;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.slide-toggle-btn:hover{color:var(--text-primary)}.slide-toggle-btn.active{background:var(--panel-bg);color:var(--text-primary);border:1px solid var(--border)}.dark .slide-toggle{background:var(--bg-hover)}.dark .slide-toggle-btn{border-color:transparent;color:var(--text-placeholder)}.dark .slide-toggle-btn:hover{color:var(--text-primary)}.dark .slide-toggle-btn.active{background:var(--bg-active);color:var(--text-primary);border-color:var(--border)}.modal-close{background:none;border:none;color:var(--text-muted);padding:6px;border-radius:var(--radius);cursor:pointer;transition:color .12s ease,background .12s ease}.modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.form-field{display:flex;flex-direction:column;gap:4px}.form-label{font-size:13px;font-weight:400;color:var(--text-primary);display:inline-flex;align-items:baseline;gap:3px;font-weight:500}.form-control{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-bg);color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.form-control::-moz-placeholder{color:var(--text-placeholder)}.form-control::placeholder{color:var(--text-placeholder)}.form-control:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.form-control:disabled{background:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed}select.form-control{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}html:not(.preview-mode){font-optical-sizing:auto;font-size:15px;font-family:Geist,system-ui,-apple-system,sans-serif;font-weight:400;font-style:normal}.state-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius);font-size:13px;border:1px solid var(--border)}.state-loading{background:var(--bg-subtle);color:var(--text-muted)}.state-error{background:var(--error-bg);border-color:var(--error-light);color:var(--error-dark)}.retry{color:var(--accent);text-decoration:none;font-weight:600;font-size:12px}.retry:hover{color:var(--accent-hover)}.modal-body{padding:20px 24px;display:flex;gap:14px}.embed-block{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-size:13px;color:var(--text-code);overflow-x:auto;white-space:pre-wrap}.notice{display:flex;gap:10px;background:var(--warning-bg);border:1px solid var(--warning-light);border-radius:var(--radius);padding:12px;color:var(--warning-notice)}.notice-icon{width:18px;height:18px;flex-shrink:0}.notice-content h3{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--warning-notice)}.notice-content p{margin:0;font-size:13px;color:var(--warning-notice)}.status{font-size:12px;color:var(--success)}.chevron{width:14px;height:14px;color:var(--text-muted);transition:transform .12s ease}.chevron.open{transform:rotate(180deg)}.error-card{text-align:center}.error-icon{width:80px;height:80px;margin:0 auto 18px;border-radius:50%;background:var(--error-bg);color:var(--error-dark);display:flex;align-items:center;justify-content:center;font-weight:700}.error-status{font-size:46px;font-weight:700;margin:0 0 8px}.error-title{margin:0 0 10px;font-size:20px;font-weight:700;color:var(--text-primary)}.error-text{margin:0 0 20px;color:var(--text-muted)}.signup-options{display:flex;flex-direction:column;gap:12px;margin-top:12px}.option-button{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-bg);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease}.option-button:hover{background:var(--bg-hover)}.option-button:disabled{cursor:not-allowed;opacity:.6;color:var(--text-muted)}.option-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.terms-note{margin-top:20px;font-size:12px;color:var(--text-muted);text-align:center;line-height:1.5}.terms-note a{color:var(--accent);text-decoration:underline}.editor-2col{display:grid;grid-template-columns:410px 0 minmax(0,1fr);height:calc(100vh - 53px);overflow:hidden}.editor-2col.is-resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.editor-2col.is-resizing iframe{pointer-events:none}.editor-left-panel{display:flex;flex-direction:row;background:var(--page-bg);overflow:hidden;min-height:0}.editor-side-tabs{display:flex;flex-direction:column;gap:1px;padding:0;width:var(--editor-side-rail-width);flex-shrink:0;background:#e4e7f3}.editor-side-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;padding:12px 4px;border:none;border-left:3px solid transparent;border-radius:0;background:transparent;color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.editor-side-tab svg{flex-shrink:0}.editor-side-tab:hover{background:#fff;color:var(--text-secondary)}.editor-side-tab.active{color:var(--text-primary);border-left-color:var(--accent);background:#f6f7fb}.editor-side-tab-badge{position:absolute;top:4px;right:8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;border:1px solid var(--accent);font-size:10px;font-weight:400;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.editor-left-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;background:var(--bg-hover);border-right:1px solid var(--border)}.editor-tab-pane{display:none;flex-direction:column;flex:1;overflow:hidden;min-height:0}.editor-tab-pane.active{display:flex}.editor-code-pane{flex:1;overflow:hidden;min-height:0}.editor-code-textarea{width:100%;height:100%;resize:none;border:none;padding:16px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);background:var(--panel-bg);outline:none;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.editor-code-textarea::-moz-placeholder{color:var(--text-placeholder)}.editor-code-textarea::placeholder{color:var(--text-placeholder)}.editor-tab-pane-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-light);flex-shrink:0;height:52px;box-sizing:border-box}.editor-tab-pane-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.pane-header-action{padding:5px 12px;font-size:12px}.sidebar-tab-panel{overflow-y:auto;min-height:0}.sidebar-tab-inner{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}.sidebar-tab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;flex:1;text-align:center;color:var(--text-muted)}.sidebar-tab-empty>svg{opacity:.4;color:var(--icon)}.sidebar-tab-empty p{margin:0;font-size:13px;line-height:1.5;max-width:220px}.sidebar-tab-loading{display:flex;align-items:center;justify-content:center;padding:32px 16px;flex:1}.sidebar-card-list{display:flex;flex-direction:column;gap:8px}.sidebar-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.sidebar-card:hover,.sidebar-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.sidebar-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.sidebar-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-card-info{display:flex;align-items:center;gap:8px}.sidebar-card-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-card-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize;background:var(--accent-ring);color:var(--accent)}.sidebar-card-meta{display:flex;gap:12px;margin-top:4px;font-size:12px;color:var(--text-muted)}.sidebar-card-error{margin-top:6px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--error-bg);border:1px solid var(--error-light);color:var(--error-dark);font-size:12px}.sidebar-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.sidebar-card:hover .sidebar-card-actions{opacity:1}.sidebar-card-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.sidebar-card-action-btn:hover{background:var(--bg-active);color:var(--text-primary)}.sidebar-card-action-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-card-action-btn.danger:hover{color:#dc2626}.sidebar-card-thumb{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-hover);display:flex;align-items:center;justify-content:center}.sidebar-card-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sidebar-card-thumb svg{color:var(--icon)}.sidebar-card-remove{flex-shrink:0;padding:4px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:4px;opacity:0;transition:opacity .1s ease}.sidebar-card:hover .sidebar-card-remove{opacity:1}.sidebar-card-remove:hover{color:var(--error-dark);background:var(--error-bg)}@media (max-width: 768px){.data-table th{padding:10px 12px;font-size:11px}.data-table td{padding:10px 12px}.admin-detail-grid{grid-template-columns:1fr}.docs-layout{flex-direction:column;min-height:auto}.docs-list{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--border)}.costs-controls{flex-wrap:wrap}.device-toggle,.header-credits-link{display:none}}.editor-code-pane{display:flex;flex-direction:column}.code-section{flex:1;display:flex;flex-direction:column;min-height:0;border-bottom:1px solid var(--border-light)}.code-section:last-child{border-bottom:none}.code-section-label{flex-shrink:0;padding:6px 16px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#151515;border-bottom:1px solid var(--border-light)}.editor-chat-panel{overflow:hidden;min-height:0}.editor-resize-handle{width:6px;margin-left:-3px;margin-right:-3px;cursor:col-resize;position:relative;z-index:10}.editor-resize-handle:hover,.editor-2col.is-resizing .editor-resize-handle{background:var(--accent);opacity:.4}.editor-chat-panel-inner{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.editor-preview-panel{overflow:hidden;display:flex;align-items:stretch;justify-content:center;min-width:0;position:relative}.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;color:var(--text-placeholder);text-align:center;padding:40px}.preview-empty svg{color:var(--text-placeholder);opacity:.5}.preview-empty h3{margin:0;font-size:18px;font-weight:600;color:var(--text-muted)}.preview-empty p{margin:0;font-size:14px;color:var(--text-placeholder)}.preview-viewport{width:100%;height:100%;display:flex;transition:all .3s ease}.preview-viewport.tablet{width:768px;margin:16px auto;height:calc(100% - 32px);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--border),0 4px 16px #00000014;overflow:hidden}.preview-viewport.mobile{width:375px;margin:16px auto;height:calc(100% - 32px);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--border),0 4px 16px #00000014;overflow:hidden}.device-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;display:flex;flex-direction:column;gap:2px;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:4px;box-shadow:var(--shadow-md);z-index:100}.device-dropdown-item{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.device-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.device-dropdown-item.active{background:var(--accent-lighter);color:var(--accent)}.editor-preview-area{display:flex;flex-direction:column;overflow:hidden;min-width:0}.editor-preview-area>.editor-preview-panel{flex:1;min-height:0}.editor-preview-area.code-active>.editor-preview-panel{flex:1;min-height:120px;overflow:auto}.editor-preview-area.code-active{--code-panel-height: 250px}.editor-preview-area.is-code-resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:ns-resize}.editor-preview-area.is-code-resizing iframe{pointer-events:none}.code-panel-resize-handle{width:100%;height:6px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border:none;position:relative;z-index:10;margin-top:-3px;margin-bottom:-3px}.code-panel-resize-handle span{display:none}.code-panel-resize-handle:hover,.editor-preview-area.is-code-resizing .code-panel-resize-handle{background:var(--accent);opacity:.4}.code-panel{display:flex;flex-direction:column;height:var(--code-panel-height, 250px);flex-shrink:0;overflow:hidden;background:#000}.code-panel-tabs{display:flex;flex-direction:row;gap:1px;flex-shrink:0;background:#e5e7f3}.code-panel-tab{display:flex;align-items:center;gap:6px;padding:14px 24px;border:none;border-radius:0;border-top:3px solid transparent;color:var(--color-gray-500, #6b7280);font-size:11px;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease;background:#e5e7f3}.code-panel-tab svg{flex-shrink:0}.code-panel-tab:hover{background:#fff;color:var(--color-gray-800, #1f2937)}.code-panel-tab.active{color:var(--color-gray-900, #111827);border-top-color:var(--accent);background:var(--color-gray-100, #f6f7fb)}.code-panel-copy-btn{margin-left:auto;display:flex;align-items:center;gap:6px;padding:10px 14px;border:none;border-radius:0;background:var(--color-gray-100, #f6f7fb);color:var(--color-gray-400, #9ca3af);font-size:10px;font-weight:600;cursor:pointer;transition:color .15s ease}.code-panel-copy-btn:hover{color:var(--color-gray-700, #374151);background:var(--color-gray-200, #e5e7eb)}.code-panel-editor{flex:1;overflow:hidden;min-height:0}.code-editor-container{width:100%;height:100%}.code-editor-container .cm-editor{height:100%}.code-panel-textarea{width:100%;height:100%;resize:none;border:none;padding:16px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Consolas,monospace;font-size:13px;line-height:1.6;color:#1e1e2e;background:#f5f5f5;outline:none;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.code-panel-textarea::-moz-placeholder{color:#999}.code-panel-textarea::placeholder{color:#999}.ai-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.ai-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.ai-chat-empty svg{opacity:.4;color:var(--icon)}.ai-chat-empty p{font-size:14px;line-height:1.5;max-width:280px}.ai-chat-message{max-width:85%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;word-wrap:break-word}.ai-chat-message-user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px;white-space:pre-wrap}.ai-chat-message-assistant{align-self:flex-start;background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.ai-chat-message-assistant a{color:var(--accent);text-decoration:underline}.ai-chat-message-assistant a:hover{color:var(--accent-hover)}.feeds-changed-banner{margin:0 12px 8px;padding:8px 12px;border-radius:var(--radius);background:var(--accent-lighter);border:1px solid var(--accent-light);color:var(--accent);font-size:13px;line-height:1.4;text-align:center}.ai-chat-input-area{display:flex;flex-direction:column;margin:0 12px 12px;flex-shrink:0;border:1px solid var(--border);border-radius:12px;background:#fff;transition:border-color .15s ease;overflow:hidden}.ai-chat-input-area.is-resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-chat-input-area:focus-within{border-color:var(--accent)}.ai-chat-input-resize-handle{width:100%;height:6px;border:none;border-radius:12px 12px 0 0;background:transparent;cursor:ns-resize;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:-3px;margin-top:-3px;position:relative;z-index:10}.ai-chat-input-resize-handle span{display:none}.ai-chat-input-resize-handle:hover,.ai-chat-input-area.is-resizing .ai-chat-input-resize-handle{background:var(--accent);opacity:.4}.ai-chat-input{resize:none;border:none;border-radius:0;padding:10px 12px;font-size:14px;font-family:inherit;line-height:20px;background:transparent;color:var(--text-primary);outline:none;overflow-y:auto;scrollbar-width:auto;min-height:60px}.ai-chat-input::-moz-placeholder{color:var(--text-placeholder)}.ai-chat-input::placeholder{color:var(--text-placeholder)}.ai-chat-input-actions{display:flex;align-items:center;justify-content:space-between;padding:6px 8px}.ai-chat-input-actions-left{display:flex;align-items:center;gap:0px}.ai-chat-attach-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;border:none;background:transparent;color:var(--icon);cursor:pointer;transition:background .15s ease,color .15s ease}.ai-chat-attach-btn:hover{background:var(--bg-subtle);color:var(--text-secondary)}.ai-chat-attach-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.ai-attached-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-light);color:var(--accent);cursor:pointer;transition:background .15s ease}.ai-attached-badge:hover{background:var(--accent-lighter)}.ai-chat-send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s ease,opacity .15s ease}.ai-chat-send-btn:hover:not(:disabled){background:var(--accent-hover)}.ai-chat-send-btn:disabled{background:var(--bg-hover);color:var(--text-placeholder);cursor:not-allowed}.prompt-library-modal .modal-content{width:90%;max-width:1024px;height:90vh}.pl-layout{display:flex;flex:1;min-height:0;overflow:hidden}.pl-sidebar{width:190px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:2px}.pl-sidebar-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px;padding-left:10px}.pl-sidebar-item{display:flex;align-items:center;gap:10px;justify-content:flex-start;width:100%;padding:8px 10px;border:none;background:none;border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.pl-sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.pl-sidebar-item.active{background:var(--accent);color:#fff}.pl-sidebar-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.pl-sidebar-icon svg{width:18px;height:18px}.pl-content{flex:1;overflow-y:auto;padding:16px}.pl-search{margin-bottom:16px;display:flex;justify-content:flex-end}.pl-search-wrap{position:relative}.pl-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.pl-search-input{padding:8px 12px 8px 36px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;width:220px;background:var(--panel-bg);color:var(--text-primary);outline:none;transition:border-color .15s ease}.pl-search-input::-moz-placeholder{color:var(--text-muted)}.pl-search-input::placeholder{color:var(--text-muted)}.pl-search-input:focus{border-color:var(--accent)}.pl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pl-card{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--panel-bg);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.pl-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #6366f114}.pl-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#a855f7);flex-shrink:0;color:#fff}.pl-card-icon svg{width:18px;height:18px}.pl-card-body{flex:1;min-width:0}.pl-card-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.pl-card-desc{font-size:13px;color:var(--text-muted);line-height:1.4;margin:0 0 8px}.pl-card-tags{display:flex;flex-wrap:wrap;gap:4px}.pl-card-tag{display:inline-block;padding:2px 8px;border-radius:9999px;background:var(--bg-subtle);font-size:11px;color:var(--text-muted);text-transform:capitalize}.pl-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--shadow-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-overlay .modal-content{background:var(--panel-bg);border-radius:12px;width:90vw;max-width:1024px;max-height:90vh;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column}.modal-overlay .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.modal-overlay .modal-header h2{margin:0;font-size:18px;font-weight:600}.modal-overlay .modal-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:4px}.modal-overlay .modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-overlay .modal-body{padding:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.modal-overlay .modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--border);min-height:68px;box-sizing:border-box;background:var(--bg-subtle);border-radius:0 0 12px 12px}.file-manager-modal .modal-content{width:90vw;max-width:1280px;height:90vh;border-radius:var(--radius);overflow:hidden}.file-manager-modal .modal-header{padding:16px 20px}.fm-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-light);flex-shrink:0;padding:0 20px}.fm-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease;margin-bottom:-1px}.fm-tab:hover{color:var(--text-primary)}.fm-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.fm-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;background:var(--bg-subtle);font-size:11px;font-weight:600;color:var(--text-muted)}.fm-tab.active .fm-tab-count{background:var(--accent-light);color:var(--accent)}.fm-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:12px;padding:60px 40px;margin:40px auto;max-width:500px;cursor:pointer;transition:border-color .2s ease,background .2s ease;text-align:center}.fm-dropzone:hover,.fm-dropzone.dragging{border-color:var(--accent);background:var(--accent-light)}.fm-dropzone.uploading{cursor:default}.fm-dropzone svg{color:var(--text-muted);margin-bottom:16px}.fm-dropzone.dragging svg,.fm-dropzone:hover svg{color:var(--accent)}.fm-dropzone-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.fm-dropzone-subtitle{margin:4px 0 0;font-size:14px;color:var(--text-muted)}.fm-dropzone-formats{margin:16px 0 0;font-size:12px;color:var(--text-muted);letter-spacing:.3px}.fm-generate{display:flex;flex-direction:column;gap:12px;max-width:500px;margin:40px auto}.fm-generate textarea{resize:vertical;min-height:80px}.fm-generate-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.fm-generate-note{margin:0;font-size:12px;color:var(--text-muted);text-align:center}.fm-content{flex:1;display:flex;overflow:hidden;min-height:0}.fm-body{flex:1;overflow-y:auto;padding:16px 20px}.fm-detail{width:300px;flex-shrink:0;border-left:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.fm-detail-body{padding:16px;display:flex;flex-direction:column;gap:14px}.fm-detail-name{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);word-break:break-all}.fm-detail-table{width:100%;border-collapse:collapse}.fm-detail-table td{padding:8px 0;vertical-align:middle;font-size:13px;border-bottom:1px solid var(--border-light)}.fm-detail-table tr:last-child td{border-bottom:none}.fm-detail-table .fm-detail-label{width:90px;white-space:nowrap;padding-right:12px}.fm-detail-label{font-size:13px;font-weight:600;color:var(--text-muted)}.fm-detail-value{font-size:13px;color:var(--text-primary);word-break:break-all}.fm-detail-alt{display:flex;flex-direction:column;gap:4px}.fm-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 0;background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer}.fm-copy-btn:hover{text-decoration:underline}.fm-detail-url{font-size:12px;color:var(--accent);word-break:break-all;cursor:pointer}.fm-detail-url:hover{text-decoration:underline}.fm-detail-actions{display:flex;gap:8px;padding-top:4px}.fm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.fm-card{position:relative;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel-bg);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .12s ease,box-shadow .12s ease}.fm-card:hover,.fm-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.fm-card-preview{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);overflow:hidden}.fm-card-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fm-card-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted)}.fm-card-info{padding:8px 10px;border-top:1px solid var(--border);background-color:var(--bg-subtle);border-radius:0 0 var(--radius) var(--radius)}.fm-card-name{margin:0;font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-card-meta{margin:2px 0 0;font-size:11px;color:var(--text-muted)}.fm-card-actions{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.fm-card:hover .fm-card-actions{opacity:1}.fm-card-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius);background:#ffffffe6;color:var(--text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease;box-shadow:var(--shadow-sm)}.fm-card-action:hover{background:var(--panel-bg);color:var(--text-primary)}.fm-card-action.danger:hover{color:var(--error-dark)}.fm-status-bar{padding:10px 20px;border-top:1px solid var(--border-light);font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-shrink:0}.fm-upsell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;min-height:300px}.fm-upsell-icon{color:var(--text-muted);margin-bottom:16px}.fm-upsell-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.fm-upsell-text{font-size:14px;color:var(--text-muted);margin:0 0 24px;max-width:320px;line-height:1.5}.fm-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.fm-empty svg{color:var(--icon-disabled);margin-bottom:12px}.fm-empty p{margin:0;font-size:14px}.fm-card-checkbox{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:var(--radius);border:1px solid var(--text-primary);background:#ffffffe6;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease;box-shadow:var(--shadow-sm);z-index:1}.fm-card-checkbox.checked{background:var(--accent);border-color:var(--text-primary);color:#fff}.fm-select-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border);flex-shrink:0}.fm-select-count{font-size:13px;color:var(--text-muted)}.fm-select-footer-actions{display:flex;align-items:center;gap:8px}.fm-copied{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text-primary);color:#fff;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;z-index:200;box-shadow:var(--shadow-md)}.ai-chat-typing{display:flex;gap:4px;padding:4px 0}.ai-chat-typing span{width:6px;height:6px;border-radius:50%;background:var(--icon);animation:ai-typing-bounce 1.4s infinite ease-in-out both}.ai-chat-typing span:nth-child(1){animation-delay:0s}.ai-chat-typing span:nth-child(2){animation-delay:.2s}.ai-chat-typing span:nth-child(3){animation-delay:.4s}@keyframes ai-typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.code-editor-panels{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.code-editor-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);background:#e2e4ea;flex-shrink:0;justify-content:center}.code-editor-tab{padding:12px 18px;font-size:12px;font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;transition:color .12s ease,border-color .12s ease}.code-editor-tab:hover{color:var(--text-primary)}.code-editor-tab.active{color:var(--text-primary);border-color:var(--accent)}.code-editor-section{flex:1;display:flex;flex-direction:column;min-height:0}.code-editor-textarea{flex:1;margin:0;padding:8px 12px;border:none;resize:none;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5;color:var(--text-primary);background:#fff;outline:none;min-height:0}.description-hint{margin:0;font-size:13px;color:var(--text-secondary)}.description-textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;min-height:120px;outline:none;transition:border-color .15s}.description-textarea:focus{border-color:var(--accent)}.description-textarea::-moz-placeholder{color:var(--text-muted)}.description-textarea::placeholder{color:var(--text-muted)}.welcome-modal-body{text-align:center}.welcome-modal-body p{margin:0;font-size:15px;color:var(--text-secondary)}.welcome-modal-footer{flex-direction:row;gap:12px}.welcome-modal-footer .btn{flex:1;justify-content:center}.delete-modal .modal-content{max-width:480px}.delete-warning{margin:0}.delete-modal .form-group{margin-top:16px}.delete-modal .form-group label{display:block;margin-bottom:8px;font-weight:500}.delete-modal .form-group select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--panel-bg)}.empty-notice{color:var(--text-secondary);margin:0}.error-text{color:var(--error-dark);margin:12px 0 0}.assign-modal .modal-content{max-width:420px}.assign-modal .modal-body p{margin:0 0 16px}.assign-modal .form-group label{display:block;margin-bottom:8px;font-weight:500}.assign-modal .form-group select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--panel-bg)}.palette-modal .modal-content{max-width:600px}.palette-hint{margin:0;font-size:13px;color:var(--text-secondary)}.palette-list{display:flex;flex-direction:column;gap:16px}.palette-item{border:1px solid var(--border);border-radius:var(--radius);padding:12px}.palette-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.palette-name-input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;outline:none}.palette-name-input:focus{border-color:var(--accent)}.palette-remove-btn{flex-shrink:0;color:var(--text-muted)}.palette-remove-btn:hover{color:var(--error-bright)}.palette-colors{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.color-chip{display:flex;align-items:center;gap:4px;background:var(--bg-subtle);border-radius:var(--radius-sm);padding:3px 4px 3px 3px}.color-swatch{width:28px;height:28px;border-radius:4px;border:1px solid var(--border);cursor:pointer;position:relative;overflow:hidden;flex-shrink:0}.color-swatch input[type=color]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;cursor:pointer;opacity:0}.color-hex-input{width:76px;padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;outline:none}.color-hex-input:focus{border-color:var(--accent)}.color-remove-btn{flex-shrink:0;padding:2px;color:var(--text-muted)}.color-remove-btn:hover{color:var(--error-bright)}.add-color-btn{font-size:12px;color:var(--accent);background:none;border:1px dashed var(--border);border-radius:var(--radius-sm);padding:6px 10px;cursor:pointer;white-space:nowrap}.add-color-btn:hover{border-color:var(--accent);background:var(--accent-lighter)}.add-palette-btn{font-size:13px;color:var(--accent);background:none;border:1px dashed var(--border);border-radius:var(--radius);padding:10px;cursor:pointer;width:100%;text-align:center}.add-palette-btn:hover{border-color:var(--accent);background:var(--accent-lighter)}.admin-nav{display:flex;gap:8px;margin-top:16px}.log-controls{margin-bottom:16px}.log-controls{display:flex;align-items:center;gap:16px}.log-filter-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;background:var(--panel-bg);outline:none;cursor:pointer}.log-filter-select:focus{border-color:var(--accent)}.log-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.log-entry{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:var(--panel-bg)}.log-entry-header{display:flex;align-items:center;gap:8px}.log-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap;background:var(--bg-subtle);color:var(--text-secondary)}.log-badge-ai_prompt,.log-badge-ai_alt_text{background:#ede9fe;color:#6d28d9}.log-badge-watcher_create{background:#dcfce7;color:#15803d}.log-badge-watcher_delete{background:#fee2e2;color:#b91c1c}.log-badge-credits_purchase{background:#fef3c7;color:#b45309}.log-badge-watcher_scrape{background:#dbeafe;color:#1d4ed8}.log-badge-image_generate{background:#dcfce7;color:#15803d}.log-badge-feed_fetch,.log-badge-feed_create,.log-badge-feed_delete{background:#fff7ed;color:#b45309}.log-badge-form_submission{background:#dbeafe;color:#1d4ed8}.log-timestamp{font-size:12px;color:var(--text-muted);margin-left:auto;white-space:nowrap}.log-entry-body{display:flex;align-items:baseline;gap:8px;font-size:13px;min-width:0}.log-email{color:var(--text-primary);font-weight:500;flex-shrink:0}.log-details{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-sentinel{padding:20px;text-align:center}.log-loading,.log-empty{padding:40px;text-align:center;color:var(--text-muted);font-size:14px}.log-loading-more,.log-end{font-size:13px;color:var(--text-muted)}.data-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:14px 18px;background:var(--bg-subtle);font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.data-table-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table-sortable:hover{color:var(--text-primary)}.data-table td{padding:14px 18px;border-top:1px solid var(--border);background:var(--panel-bg)}.data-table-row-link{cursor:pointer}.data-table-row-link:hover td{background:var(--bg-hover)}.data-table-primary{font-weight:500}.data-table-code{font-size:12px;color:var(--text-muted);background:var(--bg-subtle);padding:2px 6px;border-radius:4px}.data-table-loading{padding:40px;text-align:center;color:var(--text-muted);font-size:14px}.admin-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.admin-detail-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-bg);padding:20px}.admin-detail-card-title{margin:0 0 14px;font-size:15px;font-weight:600;color:var(--text-primary)}.admin-detail-list{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px;margin:0}.admin-detail-list dt{color:var(--text-secondary);font-weight:500}.admin-detail-list dd{margin:0;color:var(--text-primary)}.help-section-title{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--text-primary)}.help-note{margin-top:12px;font-size:13px;color:var(--text-muted);font-style:italic}.credits-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.credits-section-header .subsection-title{margin-bottom:0}.credits-content{display:flex;flex-direction:column;gap:16px}.plan-period{font-size:13px;color:var(--text-secondary)}.credits-breakdown{display:flex;gap:12px;flex-wrap:wrap}.credit-bucket{display:flex;flex-direction:column;align-items:center;flex:1;padding:12px 16px;background:var(--bg-subtle);border-radius:var(--radius);min-width:80px}.credit-bucket-total{background:var(--accent-lighter)}.credit-bucket-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.credit-bucket-value{font-size:20px;font-weight:700;color:var(--text-primary);margin-top:2px}.credit-bucket-limit{font-size:11px;color:var(--text-muted);margin-top:2px}.credit-bucket-divider{width:1px;background:var(--border-light);align-self:stretch;margin:0 4px}.panel-header-right{display:flex;align-items:center;gap:12px}.btn-cancel-sub{background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-muted);padding:4px 0}.btn-cancel-sub:hover{color:var(--error-dark);text-decoration:underline}.btn-cancel-sub:disabled{opacity:.5;cursor:not-allowed}.plan-change-summary{display:flex;flex-direction:column;gap:16px}.plan-change-from-to{display:flex;align-items:center;gap:16px;justify-content:center}.plan-change-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;background:var(--bg-subtle);border-radius:var(--radius-lg);flex:1}.plan-change-card-new{background:var(--accent-lighter);border:1px solid var(--accent-light)}.plan-change-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.plan-change-plan{font-size:18px;font-weight:700;color:var(--text-primary)}.plan-change-detail{font-size:13px;color:var(--text-secondary)}.plan-change-arrow{color:var(--text-muted);flex-shrink:0}.plan-change-price{text-align:center;font-size:16px;font-weight:600;color:var(--text-primary)}.plan-change-price-note{display:block;font-size:13px;font-weight:400;color:var(--text-secondary);margin-top:2px}.plans-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light)}.plans-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.plans-section-header .subsection-title{margin-bottom:0}.topup-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light)}.subsection-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.topup-grid{display:flex;gap:10px;flex-wrap:wrap}.topup-card{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;flex:1;min-width:180px;background:var(--panel-bg)}.topup-info{display:flex;flex-direction:column;flex:1;min-width:0}.topup-name{font-size:14px;font-weight:600;color:var(--text-primary)}.topup-rate{font-size:11px;color:var(--text-muted)}.purchase-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.purchase-header .subsection-title{margin-bottom:0}.credits-note{margin-top:12px;font-size:13px;color:var(--text-muted);font-style:italic}.interval-toggle{display:flex;background:var(--bg-subtle);border-radius:var(--radius);padding:2px}.interval-btn{padding:6px 14px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.interval-btn.active{background:var(--panel-bg);color:var(--text-primary);box-shadow:var(--shadow-sm)}.save-badge{font-size:10px;font-weight:700;color:var(--success-dark);background:var(--success-bg);padding:1px 5px;border-radius:4px}.comparison-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--panel-bg);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.comparison-table{width:100%;border-collapse:collapse;font-size:14px;border-radius:var(--radius)}.comparison-table thead tr{border-bottom:1px solid var(--border-light);background:#efeef6}.ct-label-col{width:200px;min-width:160px;border-right:1px solid var(--border-light)}.ct-plan-col{text-align:center;padding:16px 12px;border-right:1px solid var(--border-light);vertical-align:top}.ct-plan-col:last-child{border-right:none}.ct-plan-current{background:#efeef6}.ct-col-current{background:#f6f7fb}.ct-plan-name{display:block;font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.ct-label{padding:12px 16px;border-right:1px solid var(--border-light);color:var(--text-primary);font-size:13px}.ct-label-sub{display:block;font-size:11px;font-weight:400;color:var(--text-muted);margin-top:2px}.ct-value{padding:12px 16px;text-align:center;border-right:1px solid var(--border-light);font-size:13px;color:var(--text-primary)}.ct-value:last-child{border-right:none}.ct-value--no{color:var(--text-muted)}.ct-unit{font-size:12px;color:var(--text-muted)}.ct-yearly-note{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.ct-savings{color:var(--success-dark)}.ct-na{color:var(--text-muted)}.ct-check{color:var(--success-dark)}.ct-x{color:var(--text-muted);opacity:.4}.comparison-table tbody tr{border-bottom:1px solid var(--border-light)}.comparison-table tbody tr:last-child{border-bottom:none}@media (max-width: 480px){.ct-label-col{width:120px;min-width:100px}.ct-plan-col{padding:12px 8px}.ct-label{padding:10px 12px}.ct-value{padding:10px 8px}}.billing-history-section{margin-top:28px;padding-top:28px;border-top:1px solid var(--border-light)}.chip.orange{background:var(--warning-bg);color:var(--warning-notice)}.settings-header{margin-bottom:15px}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px}.settings-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-bg);padding:24px;margin-bottom:16px}.settings-card-danger{border-color:var(--error-light);background:var(--error-bg)}.account-session{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-email{display:block;font-size:15px;font-weight:500;color:var(--text-primary);margin-top:2px}.form-hint{font-size:12px;color:var(--text-muted)}.settings-usage-header{display:flex;justify-content:flex-end;margin-bottom:16px}.balance-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-bg);padding:20px 24px;margin-bottom:28px}.balance-info{display:flex;flex-direction:column;gap:4px}.balance-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.balance-amount{display:flex;align-items:baseline;gap:8px}.balance-number{font-size:32px;font-weight:700;color:var(--text-primary)}.balance-unit{font-size:14px;color:var(--text-secondary)}.balance-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.balance-plan-badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-subtle)}.balance-meta{font-size:12px;color:var(--text-muted)}.billing-section{margin-bottom:32px}.billing-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.billing-section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.billing-section-desc{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.billing-interval-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.billing-interval-label{font-size:15px;font-weight:500;color:var(--text-muted);transition:color .15s ease}.billing-interval-label.active{color:var(--text-primary);font-weight:600}.billing-toggle{position:relative;width:44px;height:24px;border-radius:12px;border:none;background:var(--border);cursor:pointer;padding:0;transition:background .2s ease}.billing-toggle.toggled{background:var(--accent)}.billing-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.billing-toggle.toggled .billing-toggle-thumb{transform:translate(20px)}.plan-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;background:var(--panel-bg);padding:24px 20px}.plan-card-current{border-color:var(--accent-light);background:var(--accent-lighter)}.plan-card-popular{border-color:var(--accent)}.plan-card-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:2px 12px;font-size:11px;font-weight:700;color:#fff;background:var(--accent);border-radius:var(--radius-lg);white-space:nowrap}.plan-card-name{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.plan-card-price{display:flex;align-items:baseline;gap:2px;margin-bottom:4px}.plan-card-amount{font-size:32px;font-weight:700;color:var(--text-primary)}.plan-card-period{font-size:14px;color:var(--text-muted)}.plan-card-yearly{font-size:11px;color:var(--text-muted);margin-bottom:12px}.plan-card-credits{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-primary);padding:8px 0 12px;border-top:1px solid var(--border-light);margin-top:8px}.plan-card-credits svg{color:var(--accent);flex-shrink:0}.plan-card-credits-period{color:var(--text-muted)}.plan-card-features{list-style:none;padding:0 0 16px;margin:0 0 auto;display:flex;flex-direction:column;gap:8px}.plan-card-features li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.plan-card-features svg{flex-shrink:0}.plan-card-btn{width:100%;margin-top:8px;justify-content:center}.topup-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topup-pack-card{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--border);border-radius:12px;background:var(--panel-bg);padding:24px 16px;text-align:center}.topup-pack-credits{font-size:28px;font-weight:700;color:var(--accent)}.topup-pack-label{font-size:13px;color:var(--text-muted);margin-bottom:4px}.topup-pack-price{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.topup-pack-btn{width:100%;justify-content:center}@media (max-width: 768px){.plan-cards,.topup-cards{grid-template-columns:repeat(2,1fr)}.balance-card{flex-direction:column;align-items:flex-start}.balance-right{align-items:flex-start}}@media (max-width: 480px){.plan-cards{grid-template-columns:1fr}.topup-cards{grid-template-columns:repeat(2,1fr)}}.usage-table{table-layout:fixed}.usage-table th:nth-child(1){width:180px}.usage-table th:nth-child(2){width:120px}.usage-table th:nth-child(4){width:80px}.usage-date{font-size:12px;color:var(--text-muted);white-space:nowrap}.usage-description{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-num-header{text-align:center!important}.usage-num{text-align:center;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.usage-filter-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usage-filter-toggle input{cursor:pointer}.usage-sentinel{display:flex;justify-content:center;padding:16px 0;min-height:32px}.usage-loading-more,.usage-end{font-size:12px;color:var(--text-muted)}.docs-section{margin-top:32px}.docs-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.docs-section-title{font-size:18px;font-weight:700;color:var(--text-primary)}.docs-filters{display:flex;align-items:center;gap:12px}.docs-filters-label{font-size:13px;color:var(--text-muted)}.docs-filter-checkbox{display:flex;align-items:center;gap:5px;font-size:12px;font-family:var(--font-mono, monospace);color:var(--text-secondary);cursor:pointer}.docs-filter-checkbox input{cursor:pointer}.docs-layout{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:500px}.docs-list{width:380px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;max-height:600px;background:var(--bg-subtle)}.docs-group{border-bottom:1px solid var(--border-light)}.docs-group:last-child{border-bottom:none}.docs-group-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-primary);padding:10px 14px 6px;background:var(--bg-hover);border-bottom:1px solid var(--border-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docs-item{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:8px 14px;border:none;border-radius:0;background:transparent;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .1s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docs-item:hover{background:var(--bg-hover)}.docs-item.active{background:var(--accent-lighter);color:var(--accent)}.docs-item-sk{font-family:var(--font-mono, monospace);font-size:12px}.docs-item-sk:before{content:"·";margin-right:8px;color:var(--text-muted);font-weight:700;font-size:16px}.docs-editor{flex:1;display:flex;flex-direction:column;min-width:0}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-light);gap:12px;flex-wrap:wrap}.editor-key{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0}.editor-key code{font-size:12px;background:var(--bg-subtle);padding:2px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-key-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.editor-aws-link{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--accent);background:var(--accent-lighter);border-bottom:1px solid var(--border-light);text-decoration:none;transition:background .15s ease}.editor-aws-link:hover{background:var(--accent-light)}.editor-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.editor-textarea{flex:1;border:none;padding:16px;font-family:var(--font-mono, monospace);font-size:13px;line-height:1.5;resize:none;outline:none;background:var(--panel-bg);color:var(--text-primary);-moz-tab-size:2;-o-tab-size:2;tab-size:2}.editor-placeholder{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-muted);font-size:14px}.logs-table{min-width:700px}.logs-timestamp{font-size:12px;color:var(--text-muted);white-space:nowrap}.logs-user{font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-details{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.logs-num-header{text-align:right!important}.logs-num{text-align:right;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.lambda-logs-table{min-width:700px}.lambda-level-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;background:var(--bg-subtle);color:var(--text-secondary)}.lambda-level-error{background:var(--error-bg);color:var(--error-dark)}.lambda-level-warn{background:var(--warning-bg);color:var(--warning-dark)}.lambda-level-info{background:#dbeafe;color:#2563eb}.lambda-fn-cell{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.lambda-msg-cell{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.lambda-meta-row td{padding:0 18px 14px!important;border-top:none!important;background:var(--bg-subtle)!important}.lambda-meta-pre{margin:0;font-size:12px;white-space:pre-wrap;word-break:break-word;color:var(--text-code)}.costs-controls{display:flex;gap:16px;align-items:center}.costs-controls label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.costs-controls input[type=date]{padding:6px 10px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:13px;background:var(--panel-bg);color:var(--text-primary)}.costs-table{font-variant-numeric:tabular-nums;min-width:600px}.cost-header{text-align:right!important}.cost-cell{text-align:right;white-space:nowrap;font-size:13px}.cost-total{font-weight:600}.grand-total-row{border-top:2px solid var(--border-light)}.grand-total-row td{padding-top:10px}.pl-positive{color:#15803d}.pl-negative{color:#dc2626}.day-row{cursor:pointer}.day-row:hover,.day-row.expanded{background:var(--bg-hover)}.date-cell{white-space:nowrap}.expand-icon{display:inline-block;width:14px;font-size:11px;color:var(--text-secondary)}.item-row{background:var(--bg-subtle)}.item-row td{padding-top:4px;padding-bottom:4px;font-size:12px}.item-time{color:var(--text-secondary);padding-left:28px!important;white-space:nowrap}.item-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:500;background:var(--bg-active);color:var(--text-secondary);margin-right:6px}.item-user{color:var(--text-secondary);margin-right:6px}.item-summary{color:var(--text-placeholder);font-size:12px}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);pointer-events:none}.toast-success{background:var(--success-dark);color:#fff}.toast-error{background:var(--error-dark);color:#fff}.files-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.files-panel-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;min-height:0}.files-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;flex:1;text-align:center;color:var(--text-muted)}.files-empty svg{opacity:.4}.files-empty p{margin:0;font-size:13px;line-height:1.5;max-width:220px}.files-list{display:flex;flex-direction:column;gap:4px}.file-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius);transition:background .15s ease}.file-item:hover{background:var(--bg-hover)}.file-thumb{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.file-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-thumb svg{color:var(--text-muted)}.file-name{flex:1;min-width:0;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease}.file-item:hover .file-remove{opacity:1}.file-remove:hover{background:var(--error-bg);color:var(--error-dark)}.project-switcher{position:relative}.project-switcher-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-bg);color:var(--text-primary);font-size:12px;font-weight:400;line-height:1;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.project-switcher-btn:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.project-switcher-btn svg:first-child{color:var(--text-muted)}.project-switcher .chevron{transition:transform .2s ease;color:var(--text-muted)}.project-switcher .chevron.open{transform:rotate(180deg)}.switch-project-list{display:flex;flex-direction:column;gap:4px}.switch-project-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-bg);cursor:pointer;font-size:14px;color:var(--text-primary);transition:background .12s ease,border-color .12s ease}.switch-project-item:hover{background:var(--bg-hover);border-color:var(--accent)}.switch-project-item.active{border-color:var(--accent);background:var(--accent-light)}.switch-project-item svg:first-child{color:var(--text-muted);flex-shrink:0}.switch-project-name{flex:1;text-align:left}.switch-project-check{color:var(--accent);flex-shrink:0}.feed-error-banner{margin-bottom:12px;padding:8px 12px;border-radius:var(--radius);background:var(--error-bg);border:1px solid var(--error-light);color:var(--error-bright);font-size:13px}.feed-catalog{display:flex;flex-direction:column;gap:8px}button.feed-catalog-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;padding:12px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-bg);cursor:pointer;font-size:13px;transition:border-color .15s,background .15s}button.feed-catalog-item .feed-catalog-icon svg{width:28px;height:28px;margin:0}.feed-catalog-item:hover{border-color:var(--accent);background:var(--accent-light)}.feed-catalog-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.feed-catalog-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}.feed-catalog-name{font-weight:600;font-size:14px;margin-bottom:2px}.feed-catalog-desc{font-size:13px;color:var(--text-muted);margin-bottom:4px}.feed-catalog-cost{font-size:12px;color:var(--text-muted);font-weight:500}.feed-form{display:flex;flex-direction:column;gap:14px}.feed-form-field{display:flex;flex-direction:column;gap:4px}.feed-form-field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.feed-form-field input,.feed-form-field select{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;background:var(--panel-bg)}.feed-form-field input:focus,.feed-form-field select:focus{outline:none;border-color:var(--accent)}.feed-form-help{font-size:12px;color:var(--text-muted)}.feed-places-field{position:relative}.feed-places-field input{width:100%;box-sizing:border-box}.feed-place-selected{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-active);font-size:13px}.feed-place-selected span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-place-clear{border:none;background:none;cursor:pointer;font-size:18px;color:var(--text-muted);line-height:1;padding:0 4px}.feed-places-loading{position:absolute;right:10px;top:10px}.feed-places-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;margin-top:4px}.feed-places-result{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 12px;border:none;border-radius:0;background:none;cursor:pointer;font-size:13px;color:var(--text-primary)}.feed-places-result:hover{background:var(--bg-active)}.feed-places-result strong{font-size:13px}.feed-places-result span{font-size:12px;color:var(--text-muted)}.feed-cost-display{display:flex;gap:16px;padding:10px 12px;background:var(--bg-active);border-radius:var(--radius);font-size:13px;color:var(--text-secondary);font-weight:500}.watchers-loading{display:flex;align-items:center;justify-content:center;padding:48px 20px}.help-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}.help-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:10px}.help-sidebar-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.help-sidebar-nav{display:flex;flex-direction:column;gap:2px;padding-right:12px;border-right:1px solid var(--border)}.help-sidebar-link{display:block;padding:8px 10px;border-radius:var(--radius);font-size:14px;color:var(--text-secondary);transition:background .14s ease,color .14s ease}.help-sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.help-sidebar-link.active{background:var(--accent-lighter);color:var(--accent);font-weight:600}.help-main{min-width:0}@media (max-width: 768px){.help-layout{grid-template-columns:1fr;gap:20px}.help-sidebar{position:static}.help-sidebar-nav{border-right:0;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:12px}}.help-article{display:flex;flex-direction:column;gap:22px}.help-article-header{display:flex;flex-direction:column;gap:8px;padding-bottom:18px;border-bottom:1px solid var(--border)}.help-article-title{margin:0;font-size:28px;line-height:1.1;font-weight:700;color:var(--text-primary)}.help-article-subtitle{margin:0;max-width:760px;font-size:14px;color:var(--text-secondary)}.help-block{display:flex;flex-direction:column;gap:12px}.help-block-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.help-paragraph{margin:0;font-size:14px;line-height:1.7;color:var(--text-secondary)}.help-list,.help-ordered-list{margin:0;padding-left:20px;display:grid;gap:10px;color:var(--text-secondary)}.help-list li,.help-ordered-list li{font-size:14px;line-height:1.7}.help-note{padding:14px 16px;border-left:3px solid var(--accent);background:var(--accent-lighter);border-radius:0 8px 8px 0;font-size:14px;line-height:1.7;color:var(--text-primary)}.help-code-block{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle);overflow-x:auto}.help-code-block code{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.7;color:var(--text-code);white-space:pre}.help-faq-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}.help-faq-item{padding:16px 0;border-bottom:1px solid var(--border)}.help-faq-question{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--text-primary)}.help-faq-answer{margin:0;font-size:14px;line-height:1.7;color:var(--text-secondary)}@media (max-width: 480px){.help-article-title{font-size:24px}.help-article-subtitle,.help-paragraph,.help-list li,.help-ordered-list li,.help-note,.help-faq-answer{font-size:13px}}.project-sections{display:flex;flex-direction:column;gap:24px}.project-section{display:flex;flex-direction:column;gap:0;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-bg);box-shadow:var(--shadow-sm)}.project-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.project-section-copy{min-width:0;width:100%}.project-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.project-section-title{margin:0;font-size:1.1rem;font-weight:700;line-height:1.1;color:var(--text-primary);min-width:0}.context-menu-container{margin-left:auto;flex-shrink:0}.project-section-description{margin:8px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.6}.project-section-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:8px;color:var(--text-muted);font-size:12px}.project-section-body{padding-top:18px}.project-section-empty{padding:18px 20px;border-radius:var(--radius-lg);border:1px dashed var(--border);background:var(--bg-subtle);color:var(--text-muted);font-size:14px}.project-section-empty p{margin:0}@media (max-width: 480px){.project-section-title{font-size:1rem}}.payment-form-shell{position:relative}.payment-form-content{display:grid;gap:16px}.payment-form-shell.is-processing .payment-form-content{opacity:.45;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.payment-processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#ffffffe6;border-radius:12px}.global-spinner{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:10px;padding:4px 16px;background:#fff;border:1px solid var(--border);border-radius:5px}.global-spinner-text{font-size:13px;font-weight:500;white-space:nowrap}.mw-spinner{display:inline-flex;align-items:center;justify-content:center;position:relative}.mw-logo-static{width:100%;height:100%}.mw-sparkle-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mw-sparkle-spin{transform-origin:252px 263px;animation:sparkle-rotate 1.2s linear infinite}.loader{display:inline-block;border-radius:50%;border-bottom-color:transparent;box-sizing:border-box;animation:spin .6s linear infinite}.loader-row{display:inline-flex;align-items:center;gap:10px;color:var(--text-muted);font-size:15px}@keyframes sparkle-rotate{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}