@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color-scheme:light;--app-scale: .9;--bg-page: #f2f5fb;--bg-primary: #f7f9fc;--bg-secondary: #ffffff;--bg-tertiary: #eef2f8;--surface-soft: #f8faff;--surface-solid: #ffffff;--surface-hover: #f8fafd;--surface-subtle: #f1f5f9;--surface-card: #fcfcfd;--surface-overlay: rgba(255, 255, 255, .92);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #94a3b8;--accent-primary: #6366f1;--accent-secondary: #7c3aed;--accent-rgb: 99, 102, 241;--accent-glow: rgba(99, 102, 241, .35);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border-color: #dce3ef;--border-strong: #c7d2e3;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .65);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 10px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 22px 50px rgba(15, 23, 42, .12);--page-glow-top: rgba(99, 102, 241, .16);--page-glow-bottom: rgba(16, 185, 129, .1);--sidebar-surface: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .98));--main-content-surface: rgba(255, 255, 255, .86);--avatar-gradient: linear-gradient(145deg, #e7ecff, #d2dcff);--placeholder-surface: linear-gradient(145deg, #ffffff, #f2f5ff);--panel-surface: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .95));--panel-border: rgba(220, 227, 239, .8);--panel-shadow: 0 4px 20px rgba(15, 23, 42, .03), inset 0 2px 4px rgba(255, 255, 255, .6);--overlay-scrim: rgba(15, 23, 42, .4);--modal-surface: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 247, 242, .98));--modal-border: rgba(226, 232, 240, .9);--modal-shadow: 0 28px 80px rgba(15, 23, 42, .18), 0 8px 30px rgba(255, 115, 0, .08);--mobile-sidebar-shadow: 2px 0 24px rgba(0, 0, 0, .1);--fixed-white: #ffffff;--fixed-black: #111827;--sidebar-width: 248px;--header-height: 78px}:root[data-theme=dark]{color-scheme:dark;--bg-page: #07111f;--bg-primary: #0b1528;--bg-secondary: #101b31;--bg-tertiary: #17243d;--surface-soft: #0d182e;--surface-solid: #101b31;--surface-hover: #16233c;--surface-subtle: #17243a;--surface-card: #0d182e;--surface-overlay: rgba(13, 24, 46, .92);--text-primary: #ecf3ff;--text-secondary: #b7c6db;--text-muted: #7f95b3;--accent-primary: #8b95ff;--accent-secondary: #38bdf8;--accent-rgb: 139, 149, 255;--accent-glow: rgba(139, 149, 255, .36);--success: #34d399;--warning: #fbbf24;--danger: #f87171;--border-color: rgba(148, 163, 184, .18);--border-strong: rgba(148, 163, 184, .3);--glass-bg: rgba(7, 17, 31, .82);--glass-border: rgba(148, 163, 184, .12);--shadow-sm: 0 10px 24px rgba(2, 6, 23, .18);--shadow-md: 0 18px 36px rgba(2, 6, 23, .24);--shadow-lg: 0 28px 70px rgba(2, 6, 23, .34);--page-glow-top: rgba(99, 102, 241, .22);--page-glow-bottom: rgba(16, 185, 129, .08);--sidebar-surface: linear-gradient(180deg, rgba(8, 15, 30, .98), rgba(13, 24, 46, .98));--main-content-surface: rgba(7, 17, 31, .88);--avatar-gradient: linear-gradient(145deg, #182750, #0d1730);--placeholder-surface: linear-gradient(145deg, #12203c, #0c1528);--panel-surface: linear-gradient(145deg, rgba(14, 22, 40, .98), rgba(11, 18, 34, .96));--panel-border: rgba(71, 85, 105, .42);--panel-shadow: 0 18px 32px rgba(2, 6, 23, .32), inset 0 1px 0 rgba(148, 163, 184, .06);--overlay-scrim: rgba(2, 6, 23, .58);--modal-surface: linear-gradient(180deg, rgba(11, 18, 34, .98), rgba(15, 24, 42, .98));--modal-border: rgba(71, 85, 105, .48);--modal-shadow: 0 28px 80px rgba(2, 6, 23, .52), 0 8px 30px rgba(0, 0, 0, .2);--mobile-sidebar-shadow: 2px 0 28px rgba(0, 0, 0, .38);--fixed-white: #ffffff;--fixed-black: #0b1220}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}#root{width:100%;zoom:var(--app-scale)}@supports not (zoom: 1){#root{transform:scale(var(--app-scale));transform-origin:top left;width:calc(100% / var(--app-scale));height:calc(100% / var(--app-scale))}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);line-height:1.5;background:radial-gradient(circle at 90% -10%,var(--page-glow-top),transparent 40%),radial-gradient(circle at 0% 90%,var(--page-glow-bottom),transparent 38%),var(--bg-page);overflow:hidden;transition:background-color .25s ease,color .25s ease}@media(max-width:980px){:root{--app-scale: 1}html,body,#root{height:auto;min-height:100%}body{overflow-y:auto;overflow-x:hidden}}h1,h2,h3,h4,h5,h6,.brand-font{font-family:Outfit,sans-serif;letter-spacing:.01em}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes spin{to{transform:rotate(360deg)}}a{color:inherit;text-decoration:none}button{border:none;background:none;color:inherit;font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}::selection{background:rgba(var(--accent-rgb),.22);color:var(--text-primary)}.app-container{height:100%;width:100%;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);padding:18px;gap:16px}.sidebar{display:flex;flex-direction:column;min-height:0;border-radius:24px;border:1px solid var(--border-color);background:var(--sidebar-surface);box-shadow:var(--shadow-sm);overflow:hidden}.sidebar-header{padding:20px 18px 16px;border-bottom:1px solid var(--border-color);cursor:pointer}.brand-logo{display:flex;align-items:center;gap:12px}.brand-icon-img{width:42px;height:42px;object-fit:contain;flex-shrink:0}.brand-meta{display:flex;flex-direction:column;line-height:1.2}.brand-font{font-size:22px;font-weight:700}.brand-slogan{font-size:12px;color:var(--text-muted);font-weight:600}.nav-links{flex:1;min-height:0;overflow-y:auto;padding:14px 12px 16px;display:flex;flex-direction:column;gap:14px}.nav-section{display:flex;flex-direction:column;gap:6px}.nav-section-title{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.04em;padding:0 10px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--text-secondary);font-size:14px;font-weight:600;transition:all .2s ease}.nav-item:hover{color:var(--text-primary);background-color:var(--bg-tertiary);transform:translate(2px)}.nav-item.active{color:var(--accent-primary);background:linear-gradient(90deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.04));border:1px solid rgba(var(--accent-rgb),.24);box-shadow:0 8px 20px rgba(var(--accent-rgb),.12)}.sidebar-highlight{margin-top:8px;display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.55;color:var(--text-secondary);border-radius:12px;border:1px dashed rgba(var(--accent-rgb),.3);background-color:rgba(var(--accent-rgb),.06);padding:10px}.sidebar-highlight svg{color:var(--accent-primary);flex-shrink:0;margin-top:1px}.sidebar-footer{border-top:1px solid var(--border-color);padding:12px}.theme-toggle-control{display:flex;align-items:center;background-color:var(--surface-soft);border:1px solid var(--border-color);border-radius:999px;padding:4px;gap:4px}.theme-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;border-radius:999px;color:var(--text-muted);font-size:12px;font-weight:600;transition:all .2s ease}.theme-mode-btn:hover{color:var(--text-primary)}.theme-mode-btn.active{background-color:var(--bg-secondary);color:var(--accent-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.main-content{min-width:0;min-height:0;display:flex;flex-direction:column;border-radius:24px;border:1px solid var(--border-color);background-color:var(--main-content-surface);box-shadow:var(--shadow-md);overflow:hidden}.main-header{min-height:var(--header-height);border-bottom:1px solid var(--border-color);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.header-main{min-width:0;display:flex;flex-direction:column;gap:2px}.header-kicker{font-size:12px;font-weight:600;color:var(--text-muted)}.page-title{font-size:24px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:10px;min-width:0}.header-actions::-webkit-scrollbar{display:none}.header-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--border-color);background-color:var(--surface-overlay);color:var(--text-secondary);font-size:12px;font-weight:600;padding:8px 12px}.header-pill,.header-icon-btn,.header-logout-btn{flex-shrink:0}.membership-pill{color:var(--success);background-color:#10b9811f;border-color:#10b9813d}.membership-pill.gold{color:#b45309;background-color:#f59e0b24;border-color:#f59e0b4d}.membership-pill.diamond{color:#4338ca;background-color:#6366f124;border-color:#6366f147}.membership-pill.guest{color:#475569;background-color:#94a3b81f;border-color:#94a3b838}.credits-pill{color:var(--accent-primary);background-color:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.18)}button.header-pill.invite-pill{font:inherit;cursor:pointer;position:relative;gap:8px;padding:8px 14px;color:#0b5f8a;font-size:12px;font-weight:600;letter-spacing:0;background:linear-gradient(180deg,#0ea5e929,#0ea5e91a);border-color:#0ea5e94d;box-shadow:0 4px 12px #0ea5e929;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}button.header-pill.invite-pill:hover{color:#083d5b;background:linear-gradient(180deg,#0ea5e93d,#0ea5e926);border-color:#0ea5e96b;box-shadow:0 8px 18px #0ea5e938;transform:translateY(-1px)}button.header-pill.invite-pill:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e933,0 8px 18px #0ea5e938}:root[data-theme=dark] button.header-pill.invite-pill{color:#a8e6ff;background:linear-gradient(180deg,#38bdf833,#38bdf81f);border-color:#38bdf857;box-shadow:0 6px 16px #0e74904d}:root[data-theme=dark] button.header-pill.invite-pill:hover{color:#ecfeff;background:linear-gradient(180deg,#38bdf847,#38bdf82b);border-color:#38bdf87a;box-shadow:0 10px 22px #0e749061}:root[data-theme=dark] button.header-pill.invite-pill:focus-visible{box-shadow:0 0 0 3px #38bdf838,0 10px 22px #0e749061}.header-icon-btn{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);display:grid;place-items:center;transition:all .2s ease}.header-icon-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.header-icon-dot{position:absolute;right:8px;top:8px;width:8px;height:8px;border-radius:999px;background-color:#ef4444;box-shadow:0 0 0 2px var(--fixed-white)}.user-profile{display:flex;align-items:center;gap:10px;min-width:0;max-width:min(360px,100%);border-radius:999px;border:1px solid var(--border-color);background-color:var(--surface-soft);padding:4px 12px 4px 4px}.avatar{width:34px;height:34px;border-radius:999px;background:var(--avatar-gradient);color:var(--accent-primary);font-weight:700;display:grid;place-items:center}.user-shop-name{font-size:13px;font-weight:600;line-height:1.2;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-shop-meta{font-size:11px;color:var(--text-muted);line-height:1.2;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-logout-btn{margin-left:8px;border-radius:999px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;transition:all .2s ease}.header-logout-btn:hover{color:var(--danger);border-color:#ef44444d;background-color:#ef444414}.header-auth-btn{color:var(--accent-primary);border-color:rgba(var(--accent-rgb),.18);background-color:rgba(var(--accent-rgb),.08)}.header-auth-btn:hover{color:var(--accent-primary);border-color:rgba(var(--accent-rgb),.28);background-color:rgba(var(--accent-rgb),.14)}.content-area{flex:1;min-height:0;overflow-y:auto;padding:20px}.content-shell{min-height:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column}.content-area-chat{overflow:hidden;display:flex}.content-shell-chat{flex:1;height:100%;min-height:0;display:flex;flex-direction:column}.content-shell-chat-mount{flex:1;min-height:0;flex-direction:column}.content-shell-chat-mount .chat-panel{flex:1;min-height:0}.placeholder-card{min-height:420px;align-items:center;justify-content:center;text-align:center;gap:12px}.placeholder-icon{width:76px;height:76px;border-radius:20px;border:1px solid var(--border-color);display:grid;place-items:center;background:var(--placeholder-surface)}.placeholder-card h2{font-size:28px}.placeholder-card p{color:var(--text-secondary);max-width:540px;line-height:1.7}.placeholder-action-btn{margin-top:6px}@media(max-width:1240px){.app-container{grid-template-columns:220px minmax(0,1fr);gap:12px;padding:12px}.page-title{font-size:20px}.date-pill{display:none}.user-profile{max-width:280px}.user-shop-name,.user-shop-meta{max-width:140px}}.mobile-menu-btn{display:none!important}.sidebar-overlay{display:none}@media(max-width:980px){.app-container{height:auto;grid-template-columns:1fr;padding:8px;gap:10px;position:relative;overflow:visible;min-height:100dvh;align-content:start}.sidebar{position:fixed;top:0;left:-280px;width:260px;height:100dvh;z-index:1000;transition:left .3s ease;border-radius:0 24px 24px 0;background:var(--sidebar-surface);box-shadow:var(--mobile-sidebar-shadow)}.app-container.sidebar-open .sidebar{left:0}.sidebar-overlay{display:block;position:fixed;inset:0;background:var(--overlay-scrim);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease}.app-container.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.nav-links{max-height:none}.main-header{flex-wrap:wrap;align-items:flex-start;padding:12px;gap:10px}.main-content{min-height:0;overflow:visible}.mobile-menu-btn{display:grid!important}.user-profile{display:none}.content-area{flex:initial;min-height:auto;padding:12px;overflow:visible}.content-shell{min-height:0}.content-area-chat{display:block;overflow:visible}.content-shell-chat{display:block;height:auto}.hide-on-mobile{display:none}.header-actions{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.header-pill{padding:6px 10px;font-size:11px;white-space:nowrap}.theme-toggle-label{display:none}.page-title{white-space:normal;line-height:1.15}}@media(max-width:480px){.header-main{width:100%;margin-bottom:0;flex-direction:column;align-items:flex-start;gap:4px}.page-title{font-size:18px;margin-left:0}.header-kicker{display:none}.main-header{padding:8px 10px}.header-actions{width:100%;justify-content:flex-start;flex-wrap:nowrap;gap:8px}}@media(min-width:981px)and (max-width:1560px){.header-actions{flex-wrap:wrap;justify-content:flex-end}}.content-shell{width:100%;max-width:none}.content-area{padding:18px clamp(14px,2vw,28px)}@media(min-width:1700px){.app-container{padding:14px;gap:14px}}.site-filing-footer{flex-shrink:0;border-top:1px solid rgba(224,232,245,.95);padding:10px 18px 12px;display:flex;justify-content:center;background:#ffffff9e}.site-filing-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;font-weight:600}.site-filing-link:hover{color:var(--text-primary)}.site-filing-icon{width:14px;height:14px;object-fit:contain}.site-filing-links{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.auth-page{min-height:100vh;padding:24px;display:grid;place-items:center}.auth-card{width:min(460px,100%);border-radius:24px;border:1px solid var(--border-color);background:linear-gradient(180deg,#fffffffa,#f9fbfffa);box-shadow:var(--shadow-lg);padding:24px;display:flex;flex-direction:column;gap:18px}.auth-card-loading{text-align:center;gap:8px}.auth-card-loading h2{font-size:24px}.auth-card-loading p{color:var(--text-secondary)}.auth-brand{display:flex;align-items:center;gap:12px}.auth-logo{width:52px;height:52px;object-fit:contain}.auth-brand h1{font-size:28px;line-height:1.2}.auth-brand p{color:var(--text-secondary);font-size:13px}.auth-tabs{display:inline-flex;align-items:center;gap:6px;background-color:var(--bg-tertiary);border-radius:999px;border:1px solid var(--border-color);padding:4px}.auth-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;font-size:13px;font-weight:700;color:var(--text-secondary);padding:9px 12px;transition:all .2s ease}.auth-tabs button.active{color:#fff;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 8px 18px rgba(var(--accent-rgb),.25)}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-label{font-size:13px;color:var(--text-secondary);font-weight:600}.auth-input{height:44px;border-radius:12px;border:1px solid var(--border-color);background-color:var(--bg-secondary);padding:0 12px;font-size:14px;transition:all .2s ease}.auth-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12);outline:none}.auth-error{border-radius:10px;border:1px solid rgba(239,68,68,.28);background-color:#ef444414;color:#b91c1c;font-size:13px;padding:10px}.auth-submit-btn{margin-top:6px}.auth-secondary-btn{margin-top:2px}.auth-captcha-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.auth-captcha-row .auth-input{flex:1;min-width:140px}.auth-captcha-question{flex:1;min-height:44px;border-radius:12px;border:1px dashed var(--border-color);background:var(--surface-soft);display:flex;align-items:center;padding:0 12px;font-size:13px;color:var(--text-secondary)}.auth-captcha-refresh{height:44px;min-width:88px;justify-content:center}.password-guide{margin-top:2px;padding:12px;border-radius:14px;border:1px solid rgba(var(--accent-rgb),.16);background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.12),transparent 42%),linear-gradient(160deg,#fffffff0,#f5faffe6);box-shadow:0 10px 22px #0f172a0f;display:flex;flex-direction:column;gap:10px}.password-guide-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.password-guide-head span{font-size:13px;font-weight:700;color:var(--text-primary)}.password-guide-head small{font-size:11px;color:var(--text-muted)}.password-guide-list{display:flex;flex-direction:column;gap:8px}.password-guide-item{display:flex;align-items:center;gap:8px;border-radius:10px;padding:8px 10px;font-size:13px;transition:all .22s ease}.password-guide-item.pass{color:#047857;background:#10b98124;border:1px solid rgba(16,185,129,.22)}.password-guide-item.fail{color:#b91c1c;background:#ef44441f;border:1px solid rgba(239,68,68,.2)}.password-guide-item.idle{color:#64748b;background:#94a3b81f;border:1px solid rgba(148,163,184,.18)}.profile-layout,.admin-layout{display:flex;flex-direction:column;gap:12px;animation:fadeIn .35s ease-out}.profile-card,.password-card,.profile-overview-card,.admin-summary-panel,.admin-table-panel{padding:16px}.password-card{position:relative;z-index:4}.profile-card-head,.admin-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.profile-card-head{justify-content:flex-start}.profile-card-head h2,.admin-summary-head h2{font-size:18px}.admin-summary-head p{color:var(--text-secondary);font-size:14px;margin-top:4px}.profile-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-info-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-info-item{border:1px solid var(--border-color);border-radius:12px;background-color:var(--surface-soft);padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-height:74px}.profile-info-item span{color:var(--text-muted);font-size:12px;font-weight:600}.profile-info-item strong{font-size:15px;line-height:1.5}.profile-overview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.profile-overview-name{display:block;font-size:22px;line-height:1.2;color:var(--text-primary)}.profile-overview-subtitle{margin-top:4px;color:var(--text-secondary);font-size:13px}.profile-overview-badges{display:flex;flex-wrap:wrap;gap:8px}.profile-overview-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(var(--accent-rgb),.08);color:var(--accent-primary);font-size:13px;font-weight:700}.profile-overview-badge.strong{background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.08))}.profile-mono,.admin-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.password-form{display:flex;flex-direction:column;gap:8px;max-width:520px}.password-form.compact{max-width:none;gap:7px}.profile-label{font-size:13px;color:var(--text-secondary);font-weight:600}.profile-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.password-guide-progress{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgba(var(--accent-rgb),.08);color:var(--accent-primary);font-size:11px;font-weight:700}.profile-input{height:42px;border-radius:10px;border:1px solid var(--border-color);background-color:var(--bg-secondary);padding:0 12px;font-size:14px;transition:all .2s ease}.profile-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.password-guide-anchor{position:relative;width:100%}.password-guide-anchor .profile-input{width:100%}.password-guide-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 120px));z-index:20;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.password-guide-popover.visible{opacity:1;transform:translateY(0)}.password-guide-popover .password-guide{margin-top:0;padding:12px;border-radius:16px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile-main-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;align-items:start}.profile-panel-tight{min-height:100%}.profile-section-hint{color:var(--text-secondary);font-size:13px;line-height:1.7}.profile-section-hint+.profile-info-grid,.profile-section-hint+.profile-shortcut-card,.profile-section-hint+.profile-token-ledger-list{margin-top:12px}.profile-message{border-radius:10px;font-size:13px;padding:10px;display:inline-flex;align-items:center;gap:6px}.profile-message.error{border:1px solid rgba(239,68,68,.28);background-color:#ef444414;color:#b91c1c}.profile-message.success{border:1px solid rgba(16,185,129,.26);background-color:#10b9811a;color:#047857}.admin-refresh-btn{min-width:84px}.is-spinning{animation:spin 1s linear infinite}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-stats-grid-rich{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-stat-card{border:1px solid var(--border-color);border-radius:12px;background-color:var(--surface-soft);padding:12px;display:flex;align-items:center;gap:8px}.admin-stat-card span{color:var(--text-secondary);font-size:13px}.admin-stat-card strong{margin-left:auto;font-size:20px}.admin-stats-meta{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;color:var(--text-secondary);font-size:13px}.admin-toolbar{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,.7fr));gap:10px;margin-bottom:14px}.admin-search-field{position:relative;display:flex;align-items:center}.admin-search-field svg{position:absolute;left:12px;color:var(--text-muted)}.admin-search-field .profile-input{width:100%;padding-left:38px}.admin-filter-select{width:100%}.admin-temp-password{justify-content:space-between;width:100%;margin-bottom:14px;flex-wrap:wrap}.admin-temp-password code{padding:2px 8px;border-radius:8px;background:var(--surface-overlay);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.admin-copy-btn{min-width:74px}.admin-users-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:14px;align-items:start}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border-color);border-radius:14px;background:var(--panel-surface)}.admin-table{width:100%;border-collapse:collapse}.admin-table thead th{text-align:left;font-size:12px;color:var(--text-muted);font-weight:700;padding:10px;border-bottom:1px solid var(--border-color)}.admin-table tbody td{font-size:13px;padding:12px 10px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.admin-table-row{cursor:pointer;transition:background-color .2s ease}.admin-table-row:hover{background-color:rgba(var(--accent-rgb),.04)}.admin-table-row.active{background-color:rgba(var(--accent-rgb),.08)}.admin-user-name{color:var(--text-primary);font-weight:700;display:inline-flex;align-items:center;gap:8px}.admin-user-main{display:flex;flex-direction:column;gap:4px}.admin-user-id{color:var(--text-muted)}.admin-self-tag{border-radius:999px;padding:2px 8px;background-color:rgba(var(--accent-rgb),.12);color:var(--accent-primary);font-size:11px;font-weight:700}.admin-role-tag{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.admin-role-tag.admin{background-color:#f973161f;color:#c2410c}.admin-role-tag.user{background-color:#10b9811f;color:#047857}.admin-status-tag{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.admin-status-tag.online{background-color:#10b9811f;color:#047857}.admin-status-tag.offline{background-color:#94a3b829;color:var(--text-secondary)}.admin-user-detail-card{border:1px solid var(--border-color);border-radius:16px;background:var(--panel-surface);padding:16px;display:flex;flex-direction:column;gap:14px}.admin-user-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-user-detail-head h3{font-size:18px;margin-bottom:4px;color:var(--text-primary)}.admin-user-detail-head p{font-size:13px;color:var(--text-secondary)}.admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-action-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-action-btn{justify-content:center}.admin-action-btn.danger{border-color:#ef44443d;color:var(--danger);background:#ef444414}.admin-action-btn.danger:hover{border-color:#ef444461;background:#ef444429}.admin-action-pending{font-size:13px;color:var(--text-secondary)}.admin-action-note{border-radius:12px;background:var(--surface-soft);border:1px solid rgba(var(--accent-rgb),.1);padding:12px;font-size:13px;line-height:1.6;color:var(--text-secondary)}.admin-credit-grant-panel{border-radius:12px;border:1px solid var(--border-color);background:var(--surface-soft);padding:12px;display:flex;flex-direction:column;gap:10px}.admin-credit-grant-head{display:inline-flex;align-items:center;gap:6px;color:var(--accent-primary);font-size:13px;font-weight:700}.admin-credit-grant-row{display:flex;flex-direction:column;gap:6px}.admin-credit-grant-row label{font-size:12px;color:var(--text-secondary);font-weight:600}.admin-audit-section{margin-top:14px;border-top:1px solid var(--border-color);padding-top:14px}.admin-audit-list{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow:auto}.admin-audit-item{border:1px solid var(--border-color);border-radius:12px;background:var(--panel-surface);padding:12px;display:flex;flex-direction:column;gap:8px}.admin-audit-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-audit-time{font-size:12px;color:var(--text-muted)}.admin-audit-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-secondary)}.admin-audit-details{border-radius:10px;border:1px dashed var(--border-color);background:var(--surface-soft);padding:8px 10px;font-size:12px;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0}.admin-api-rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-api-ranking-card{border:1px solid var(--border-color);border-radius:14px;background:var(--panel-surface);padding:14px;display:flex;flex-direction:column;gap:12px}.admin-api-ranking-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.admin-api-ranking-head strong{font-size:15px;color:var(--text-primary)}.admin-api-ranking-head span{font-size:12px;color:var(--text-secondary)}.admin-api-ranking-list{display:flex;flex-direction:column;gap:10px}.admin-api-ranking-item{border:1px solid var(--border-color);border-radius:12px;background:var(--surface-soft);padding:12px;display:flex;flex-direction:column;gap:8px}.admin-api-ranking-main,.admin-api-call-main,.admin-api-user-cell,.admin-api-model-cell{display:flex;flex-direction:column;gap:4px}.admin-api-ranking-main strong,.admin-api-call-main strong,.admin-api-user-cell strong,.admin-api-model-cell strong{color:var(--text-primary);font-size:13px}.admin-api-ranking-main span,.admin-api-call-main span,.admin-api-user-cell span,.admin-api-model-cell span{color:var(--text-secondary);font-size:12px;line-height:1.5;word-break:break-word}.admin-api-ranking-meta,.admin-api-call-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-secondary)}.admin-api-toolbar{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,.7fr))}.admin-api-type-tag,.admin-api-status-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.admin-api-type-tag.text{background:#3b82f61f;color:var(--text-primary)}.admin-api-type-tag.image,.admin-api-status-badge.success{background:#10b9811f;color:#047857}.admin-api-status-badge.failed{background:#ef44441f;color:#b91c1c}.admin-api-status-text.is-error{color:#b91c1c}.profile-inline-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-secret-box{border-radius:14px;border:1px solid rgba(var(--accent-rgb),.18);background:var(--panel-surface);padding:14px;display:flex;flex-direction:column;gap:10px}.profile-secret-head,.profile-api-key-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-secret-box code,.profile-api-key-item code{display:block;border-radius:10px;background:var(--surface-overlay);border:1px solid var(--border-color);padding:10px 12px;font-size:12px;line-height:1.6;word-break:break-all}.profile-api-key-list{display:flex;flex-direction:column;gap:10px}.profile-api-key-list.compact{gap:8px}.profile-api-key-item{border-radius:14px;border:1px solid var(--border-color);background:var(--panel-surface);padding:12px;display:flex;flex-direction:column;gap:8px}.profile-api-key-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.profile-api-key-status.active{background:#10b9811f;color:#047857}.profile-api-key-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-secondary)}.profile-api-key-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-api-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px}.profile-empty-state{border:1px dashed var(--border-color);border-radius:12px;background:var(--surface-soft);color:var(--text-secondary);padding:16px 14px;font-size:13px}.profile-api-doc{margin-top:10px;border-radius:14px;border:1px solid rgba(var(--accent-rgb),.12);background:var(--panel-surface);padding:12px;display:flex;flex-direction:column;gap:10px}.profile-api-doc-subsection{display:flex;flex-direction:column;gap:8px}.profile-api-doc-subsection strong{font-size:13px;color:var(--text-primary)}.profile-api-doc-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.profile-api-doc-head strong{font-size:14px;color:var(--text-primary)}.profile-api-doc-head span{font-size:12px;color:var(--text-secondary)}.profile-api-doc-note code{font-size:12px;word-break:break-all}.profile-api-doc-code{margin:0;border-radius:12px;border:1px solid var(--border-color);background:#0f172a;color:#e2e8f0;padding:12px;font-size:12px;line-height:1.6;overflow-x:auto}.profile-api-doc-note{font-size:12px;color:var(--text-secondary);line-height:1.6}.api-pricing-doc{margin-top:0}.profile-relay-model-table{background:var(--surface-solid)}.profile-relay-model-cell{display:flex;flex-direction:column;gap:4px}.profile-relay-model-cell code{font-size:11px;word-break:break-all}.profile-relay-type-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.profile-relay-type-tag.chat{background:#3b82f61f;color:var(--text-primary)}.profile-relay-type-tag.image{background:#10b9811f;color:#047857}.profile-relay-type-tag.embedding{background:#f973161f;color:#c2410c}.profile-relay-missing-price{color:var(--text-muted);font-size:12px}.password-guide.compact{margin-top:4px}.btn-secondary.danger{border-color:#ef44443d;color:#b91c1c;background:#fef2f2eb}.btn-secondary.danger:hover{border-color:#ef444461;background:#fee2e2eb}.profile-shortcut-card{border-radius:14px;border:1px solid rgba(var(--accent-rgb),.16);background:var(--panel-surface);padding:14px;display:flex;flex-direction:column;gap:12px}.profile-shortcut-card strong{font-size:15px;color:var(--text-primary)}.profile-shortcut-card p{color:var(--text-secondary);font-size:13px;line-height:1.7}.profile-shortcut-action{width:fit-content}.profile-token-ledger-card{overflow:hidden}.profile-token-ledger-list{display:flex;flex-direction:column}@media(max-width:980px){.profile-info-grid,.admin-stats-grid,.admin-stats-grid-rich,.admin-detail-grid,.admin-action-group,.admin-api-rankings{grid-template-columns:1fr}.profile-card,.password-card,.profile-overview-card,.admin-summary-panel,.admin-table-panel{padding:14px}.profile-main-grid,.admin-toolbar,.admin-users-workspace{grid-template-columns:1fr}.profile-info-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-overview-top,.profile-secret-head,.profile-api-key-main,.profile-api-key-foot{flex-direction:column;align-items:flex-start}.password-guide-popover{left:0;right:auto;width:min(100%,calc(100vw - 72px))}.profile-api-toolbar{grid-template-columns:1fr}.profile-api-doc-head{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.profile-info-grid.compact{grid-template-columns:1fr}}.dashboard-home{flex:1 1 auto;display:flex;flex-direction:column;gap:22px;min-height:100%;animation:fadeIn .35s ease-out}.dashboard-home--revamp{padding:22px 24px 26px;background:radial-gradient(circle at top left,rgba(99,102,241,.07),transparent 32%),radial-gradient(circle at bottom right,rgba(56,189,248,.06),transparent 30%)}.home-hero-v2{display:grid;grid-template-columns:minmax(0,.84fr) minmax(860px,1.46fr);gap:36px;align-items:center;min-height:calc(100vh - 180px)}.home-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:10px 8px 10px 24px}.home-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;border:1px solid rgba(var(--accent-rgb),.18);background:#6366f114;color:var(--accent-primary);font-size:26px;font-weight:700}.home-hero-title{max-width:700px;font-size:clamp(58px,6.2vw,92px);line-height:1.08;letter-spacing:-.05em;font-weight:500;color:#16304f}.home-hero-desc{max-width:860px;color:#7788a3;font-size:19px;line-height:1.9}.home-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.home-hero-primary,.home-hero-secondary,.home-hero-link,.workflow-footer-links button,.home-quick-entry{border:none;background:none;font:inherit;cursor:pointer}.home-hero-primary{min-width:520px;height:54px;padding:0 28px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:15px;color:#fff;font-size:22px;font-weight:700;background:linear-gradient(90deg,#5d6bff,#7c35f5);box-shadow:0 18px 32px #6b4cf542}.home-hero-secondary{height:52px;padding:0 22px;border-radius:14px;border:1px solid rgba(99,102,241,.38);color:#5a63f6;background:#ffffffeb;font-weight:700;font-size:16px}.home-hero-link{height:52px;color:#5f6f86;font-weight:700;font-size:16px}.home-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:18px;width:min(100%,900px);border-top:1px solid rgba(22,48,79,.08)}.home-metric-card{padding:18px 24px 0;min-height:108px;display:flex;flex-direction:column;gap:8px;border-right:1px solid rgba(22,48,79,.08)}.home-metric-card:last-child{border-right:none}.home-metric-card span{color:#8c98ab;font-size:18px}.home-metric-card strong{color:#12263f;font-size:20px;line-height:1.55}.home-hero-preview{display:flex;justify-content:center;align-items:center}.workflow-window{width:min(100%,1040px);border-radius:32px;border:1px solid #d9e3f4;background:#fffffff0;box-shadow:0 46px 96px #22386e30;overflow:hidden}.workflow-window-bar{display:flex;align-items:center;gap:12px;padding:26px 36px;border-bottom:1px solid #edf2fb;color:#7b8aa0;font-size:22px;font-weight:700}.workflow-dots{display:flex;gap:7px}.workflow-dots span{width:16px;height:16px;border-radius:50%}.workflow-dots span:nth-child(1){background:#ff6b57}.workflow-dots span:nth-child(2){background:#ffbd2e}.workflow-dots span:nth-child(3){background:#28c840}.workflow-chat{display:flex;flex-direction:column;gap:22px;padding:38px 36px 30px}.workflow-chat-bubble{max-width:90%;padding:32px 36px;border-radius:22px;font-size:24px;line-height:1.6}.workflow-chat-bubble--user{align-self:flex-end;background:linear-gradient(90deg,#696cff,#7a35f5);color:#fff;border-top-right-radius:6px}.workflow-chat-bubble--assistant{background:#f4f8ff;color:#2f4665;border:1px solid #dfe9f7;border-top-left-radius:6px}.workflow-section{padding:0 36px 36px}.workflow-section-title{display:block;margin-bottom:22px;color:#7b8aa0;font-size:16px;font-weight:700}.workflow-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.workflow-output-card{min-height:196px;border-radius:22px;border:1px solid #dfe7f5;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#6a5cf6}.workflow-output-card strong{color:#455972;font-size:18px}.workflow-output-card span{color:#8896ab;font-size:15px}.workflow-footer-links{display:flex;align-items:center;gap:34px;padding:26px 36px 28px;border-top:1px solid #edf2fb;background:#f7faff}.workflow-footer-links button{display:inline-flex;align-items:center;gap:4px;color:#7a84a0;font-size:20px;font-weight:700}.workflow-footer-links button:first-child{color:#1f3350;font-weight:700}.home-quick-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-quick-entry{padding:18px 20px;border-radius:18px;border:1px solid var(--border-color);background:#ffffffbd;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:14px;text-align:left}.home-quick-entry--primary{border-color:#6366f133;background:linear-gradient(135deg,#6366f114,#7c3aed0a)}.home-quick-entry-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#6366f11a;color:#645bff;flex-shrink:0}.home-quick-entry strong{display:block;margin-bottom:4px;color:#18314d;font-size:16px}.home-quick-entry span{color:#7b8aa0;font-size:13px;line-height:1.6}@media(max-width:1200px){.home-hero-v2{grid-template-columns:1fr;min-height:auto}.home-hero-copy{padding-left:0}.home-hero-primary{min-width:0;width:100%}}@media(max-width:860px){.dashboard-home--revamp{padding:6px}.home-hero-title{font-size:clamp(34px,10vw,46px)}.home-hero-metrics,.home-quick-entry-grid,.workflow-output-grid{grid-template-columns:1fr}.home-metric-card{border-right:none;border-bottom:1px solid rgba(22,48,79,.08);padding-left:0;padding-right:0}.home-metric-card:last-child{border-bottom:none}.workflow-footer-links{flex-wrap:wrap;gap:10px 14px}}.workflow-output-card--image{padding:0}.workflow-output-image-wrap{width:100%;height:auto;aspect-ratio:1 / 1;min-height:0;flex:0 0 auto;border-radius:0;overflow:hidden;background:#f8fbff;border:none;margin-bottom:0;display:flex;align-items:center;justify-content:center;padding:6px}.workflow-output-image{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block}.workflow-output-card--image strong,.workflow-output-card--image span{display:none}.panel{background:var(--panel-surface));border:1px solid rgba(220,227,239,.8);border-radius:24px;box-shadow:0 4px 20px #0f172a08,inset 0 2px 4px #fff9;padding:18px;display:flex;flex-direction:column;animation:fadeIn .5s ease-out forwards;min-height:0}.panel-title{font-size:17px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.generator-layout{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(420px,1.4fr) minmax(340px,1fr);gap:20px;min-height:600px;height:calc(100vh - var(--header-height) - 40px);overflow:hidden;transition:grid-template-columns .4s cubic-bezier(.16,1,.3,1)}.generator-layout.preview-expanded{grid-template-columns:minmax(340px,1fr) minmax(840px,2.4fr) minmax(320px,.9fr)}@media(max-width:1680px){.generator-layout{grid-template-columns:minmax(340px,1.15fr) minmax(380px,1.35fr) minmax(320px,.9fr)}.generator-layout.preview-expanded{grid-template-columns:minmax(320px,.9fr) minmax(780px,2.2fr) minmax(300px,.8fr)}}@media(max-width:1320px){.generator-layout,.generator-layout.preview-expanded{grid-template-columns:1fr;height:auto}}.preview-panel,.settings-panel,.results-panel{height:100%;min-height:0}.preview-panel{overflow:hidden;padding:20px}.settings-panel{overflow:hidden;padding:24px}.settings-scroll-area{flex:1;overflow-y:auto;padding-right:6px;margin-right:-6px;padding-bottom:24px;display:flex;flex-direction:column}.settings-scroll-area::-webkit-scrollbar{width:4px}.settings-scroll-area::-webkit-scrollbar-track{background:transparent}.settings-scroll-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.settings-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);flex-shrink:0}.combo-footer{padding-top:0;border-top:none}.generate-action-combo{display:flex;flex-direction:column;background:var(--surface-solid);border-radius:16px;box-shadow:0 4px 16px #0000000f,0 0 0 1px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.generate-action-combo:hover:not(:has(:disabled)){box-shadow:0 8px 24px rgba(var(--accent-rgb),.15),0 0 0 1px rgba(var(--accent-rgb),.2);transform:translateY(-2px)}.combo-precheck-text{padding:10px 16px 14px;color:#dc2626;font-size:12px;line-height:1.5}.combo-model-selector{display:flex;align-items:center;padding:14px 16px;background:var(--surface-solid);border-bottom:1px solid rgba(0,0,0,.04);position:relative;cursor:pointer;transition:background .2s ease;border-top-left-radius:16px;border-top-right-radius:16px}.combo-model-selector:hover{background:var(--surface-soft)}.combo-model-label{font-size:13px;font-weight:700;color:var(--text-muted);margin-right:12px;white-space:nowrap}.current-model-display{display:flex;align-items:center;flex:1;gap:8px;overflow:hidden}.provider-logo{width:16px;height:16px;flex-shrink:0;border-radius:4px;background-size:cover;background-position:center;background-repeat:no-repeat}.gemini-logo{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%232563eb"><path d="M11 2h2v6.5l4-4 1.5 1.5-4 4H21v2h-6.5l4 4-1.5 1.5-4-4V22h-2v-6.5l-4 4-1.5-1.5 4-4H2v-2h6.5l-4-4 1.5-1.5 4 4V2z"/></svg>')}.openai-logo{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2310b981"><path d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12s4.48 10 10 10 10-4.48 10-10zm-10 8c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-2-11h4v6h-4z"/></svg>')}.current-model-name{font-size:14px;font-weight:700;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.current-model-points{font-size:12px;color:#94a3b8;white-space:nowrap}.combo-dropdown-arrow{color:#94a3b8;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.combo-model-dropdown{position:absolute;bottom:100%;left:0;right:0;background:var(--surface-solid);border:1px solid rgba(0,0,0,.08);border-radius:12px;margin-bottom:8px;padding:8px;box-shadow:0 -4px 24px #0000001f,0 0 0 1px #0000000a;z-index:100;animation:dropdownPop .2s cubic-bezier(.16,1,.3,1);transform-origin:bottom center}@keyframes dropdownPop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.combo-model-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.combo-model-dropdown-item:hover{background:var(--surface-soft)}.combo-model-dropdown-item.active{background:rgba(var(--accent-rgb),.08)}.dropdown-item-logo-name{display:flex;align-items:center;gap:10px}.dropdown-model-name{font-size:14px;font-weight:600;color:var(--text-primary)}.combo-model-dropdown-item.active .dropdown-model-name{color:var(--accent-primary)}.dropdown-model-points{font-size:12px;color:var(--text-muted);font-weight:500;background:var(--surface-soft);padding:2px 8px;border-radius:999px}.combo-generate-btn{border-radius:0 0 16px 16px!important;width:100%;padding:16px;font-size:15px;font-weight:700;box-shadow:none!important;background:linear-gradient(135deg,var(--accent-primary) 0%,#3b82f6 100%);color:#fff;border:none;transition:all .3s ease}.combo-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 8px 24px #2563eb59!important}.upload-area{border:2px dashed var(--border-color);border-radius:12px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .3s ease;background-color:var(--bg-tertiary);flex:1;min-height:240px}.upload-area:hover,.upload-area.active{border-color:var(--accent-primary);background-color:rgba(var(--accent-rgb),.05)}.upload-icon{width:54px;height:54px;border-radius:50%;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:12px;box-shadow:0 4px 16px #0000001f;transition:transform .3s ease}.upload-area:hover .upload-icon{transform:scale(1.1)}.upload-title{font-size:18px;font-weight:600;margin-bottom:8px}.upload-subtitle{color:var(--text-secondary);font-size:14px;max-width:460px;line-height:1.6}.preview-publish-btn{margin-left:auto;color:#fff;border-color:var(--border-color);background-color:var(--surface-soft);box-shadow:0 10px 22px #ff500042}.preview-panel-title{justify-content:space-between}.preview-panel-title-main{display:inline-flex;align-items:center;gap:8px}.preview-workspace{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;padding-right:4px}.dual-upload-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex-shrink:0}.unified-upload-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;border:1px solid rgba(220,227,239,.8);background:var(--panel-surface));box-shadow:0 4px 16px #0f172a05;transition:all .2s ease}.unified-upload-card:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 8px 24px #0f172a0d}.unified-upload-media{position:relative;width:80px;height:80px;flex-shrink:0;border-radius:12px;border:1px dashed rgba(148,163,184,.4);background:var(--surface-soft);display:grid;place-items:center;cursor:pointer;overflow:hidden;transition:all .2s ease}.unified-upload-media:hover{border-color:rgba(var(--accent-rgb),.6);background:var(--surface-solid)}.unified-upload-media img{width:100%;height:100%;object-fit:contain}.unified-upload-placeholder{color:var(--text-muted)}.unified-upload-media:hover .unified-upload-placeholder{color:var(--accent-primary);transform:scale(1.1);transition:all .2s}.remove-media-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:999px;background:#0f172aa6;color:#fff;display:grid;place-items:center;opacity:0;transition:all .2s;border:none;cursor:pointer}.unified-upload-media:hover .remove-media-btn{opacity:1}.remove-media-btn:hover{background:#ef4444}.unified-upload-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.unified-upload-header{display:flex;align-items:center;gap:8px}.unified-upload-title{font-size:14px;font-weight:800;color:var(--text-primary)}.status-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.status-badge.required{background:rgba(var(--accent-rgb),.1);color:var(--accent-primary);border:1px solid rgba(var(--accent-rgb),.2)}.status-badge.optional{background:#94a3b81a;color:var(--text-secondary);border:1px solid rgba(148,163,184,.2)}.unified-upload-desc{font-size:11px;color:var(--text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-summary-row{display:flex;align-items:center;gap:12px;margin-top:2px}.unified-summary-item{font-size:11px;color:var(--text-secondary)}.unified-summary-item strong{color:var(--text-primary);font-size:13px;font-family:Outfit,sans-serif}.unified-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;margin-top:4px}.unified-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;min-width:0}.unified-toggle input{display:none}.unified-toggle.disabled{opacity:.5;cursor:not-allowed}.unified-toggle-box{width:16px;height:16px;border-radius:4px;border:1.5px solid rgba(148,163,184,.8);background:var(--surface-solid);position:relative;transition:all .2s}.unified-toggle.checked .unified-toggle-box{background:var(--accent-primary);border-color:var(--accent-primary)}.unified-toggle.checked .unified-toggle-box:after{content:"";position:absolute;left:4.5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.unified-toggle-text{font-size:12px;font-weight:700;line-height:1.45;color:var(--text-primary)}.unified-preview-btn{align-self:flex-start;flex-shrink:0;min-height:30px;padding:0 12px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap}.unified-status-text{font-size:11px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-status-text.warning{color:#d97706}.unified-status-text.error{color:#dc2626}.status-banner{padding:12px 14px;border-radius:14px;border:1px solid var(--border-color);font-size:13px;line-height:1.6}.status-banner-with-action{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-banner{margin-top:0}.status-banner.error{background-color:#ef44441a;border-color:#ef44443d;color:#b91c1c}.status-banner.warning{background-color:#f59e0b1a;border-color:#f59e0b3d;color:#92400e}.status-banner-action{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid currentColor;background:var(--surface-overlay);color:inherit;font-size:12px;font-weight:700;flex-shrink:0}.status-banner-action:hover{background:var(--surface-overlay)}.hover-preview-card{position:fixed;width:320px;border-radius:20px;overflow:hidden;border:1px solid rgba(148,163,184,.35);background:var(--surface-overlay);box-shadow:0 18px 48px #0f172a3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:60;pointer-events:none}.hover-preview-media{aspect-ratio:1 / 1;background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.12),transparent 46%),linear-gradient(180deg,#f8fbff,#eef3fb);padding:14px}.hover-preview-media img{width:100%;height:100%;object-fit:contain;display:block;border-radius:14px;background:var(--surface-solid)}.hover-preview-meta{padding:14px 16px 16px}.hover-preview-title{font-size:15px;font-weight:800;color:var(--text-primary)}.hover-preview-subtitle{margin-top:4px;font-size:12px;color:var(--text-secondary)}.publish-preview-layout{display:flex;flex-direction:column;flex-shrink:0}.publish-preview-phone-col{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:24px;border-top:1px dashed rgba(220,227,239,.8)}.publish-preview-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.publish-preview-title{font-size:15px;font-weight:700;margin-bottom:4px}.publish-preview-caption{font-size:12px;color:var(--text-secondary);line-height:1.5}.preview-zoom-controls{display:inline-flex;align-items:center;gap:8px;padding:4px;border-radius:999px;border:1px solid var(--border-color);background-color:var(--bg-secondary)}.preview-zoom-btn{height:30px;min-width:30px;border-radius:999px;color:var(--text-secondary);padding:0 12px;background-color:transparent;transition:all .2s ease}.preview-zoom-btn:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.preview-zoom-btn:disabled{opacity:.5;cursor:not-allowed}.preview-zoom-value{font-size:12px;font-weight:700;color:var(--text-secondary);min-width:40px;text-align:center}.publish-preview-canvas{min-height:0;overflow:hidden;flex:1}.preview-sort-panel{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:var(--surface-overlay);overflow:hidden;max-height:800px;opacity:1;transform-origin:top;transition:all .4s cubic-bezier(.16,1,.3,1)}.preview-sort-panel.collapsed{max-height:0;padding-top:0;padding-bottom:0;margin:0;opacity:0;border-color:transparent;transform:scaleY(.95);pointer-events:none}.preview-sort-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.preview-sort-title{font-size:13px;font-weight:800;color:var(--text-primary)}.preview-sort-tip{font-size:12px;line-height:1.5;color:var(--text-secondary)}.preview-sort-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.preview-sort-card{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#f8fafcd1;cursor:grab;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.preview-sort-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.preview-sort-card.is-dragging{opacity:.45;transform:scale(.98);cursor:grabbing}.preview-sort-card.is-target{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.12)}.preview-sort-thumb{overflow:hidden;border-radius:10px;background:var(--surface-overlay);border:1px solid rgba(148,163,184,.14)}.preview-sort-thumb img{width:100%;height:100%;object-fit:cover;display:block}.preview-sort-meta{display:flex;flex-direction:column;gap:3px}.preview-sort-index{font-size:11px;font-weight:700;color:var(--accent-primary)}.preview-sort-name{font-size:12px;line-height:1.4;color:var(--text-primary)}.publish-preview-scroll{width:100%;height:100%;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:32px 0 64px;background:radial-gradient(circle at 50% 10%,rgba(var(--accent-rgb),.05) 0%,transparent 50%),linear-gradient(180deg,#eef2f84d,#f8faffe6);border-radius:20px;border:1px dashed rgba(var(--accent-rgb),.12);box-shadow:inset 0 2px 24px #0f172a05}.iphone-mockup{background-color:#000;border:12px solid #1a1a1c;border-radius:56px;box-shadow:0 0 0 1px #4a4a4d,0 18px 48px #00000040;overflow:hidden;transform-origin:top center;flex-shrink:0;position:relative}.iphone-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:124px;height:36px;background-color:#000;border-radius:20px;z-index:50;box-shadow:inset 0 0 4px #ffffff1a}.iphone-status-bar{position:absolute;top:0;left:0;width:100%;height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;font-size:15px;font-weight:600;color:#000;z-index:40}.status-time{margin-top:-2px}.status-icons{display:flex;align-items:center;gap:6px}.iphone-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:140px;height:5px;background-color:#000c;border-radius:10px;z-index:50;pointer-events:none}.iphone-screen-content{width:100%;height:100%;background-color:var(--surface-soft);position:relative;display:flex;flex-direction:column;border-radius:44px;overflow:hidden}.fake-taobao-header{height:48px;padding-top:48px;box-sizing:content-box;background:var(--surface-solid);display:flex;align-items:center;padding-left:16px;padding-right:16px;border-bottom:1px solid rgba(0,0,0,.05);z-index:30}.fake-taobao-header-icon{color:#333}.fake-taobao-title{flex:1;text-align:center;font-weight:600;font-size:17px;color:#000}.fake-taobao-scroll-view{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:34px}.fake-taobao-scroll-view::-webkit-scrollbar{display:none}.iphone-empty-hint{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#b0b0b8;padding:40px 32px;text-align:center}.iphone-empty-title{font-size:18px;font-weight:700;color:#9ca3af}.iphone-empty-desc{font-size:13px;color:#b0b5c0;line-height:1.6}.publish-preview-segment{position:relative;width:100%;background-color:var(--surface-solid);border-bottom:1px solid rgba(0,0,0,.04)}.publish-preview-segment img{width:100%;height:100%;object-fit:cover;display:block}.publish-preview-segment.is-contained{background:var(--surface-soft)}.publish-preview-segment.is-contained img{object-fit:contain}.publish-preview-badge{position:absolute;left:14px;top:14px;background:var(--surface-overlay);color:var(--text-primary);font-weight:600;font-size:12px;padding:6px 12px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000014}.publish-preview-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary);font-size:13px;text-align:center;padding:20px}.publish-preview-sidebar{min-height:0;display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:18px;background-color:var(--bg-tertiary);padding:12px;overflow:hidden}.sidebar-tab-bar{display:flex;gap:6px;background-color:#f8faff99;border:1px solid rgba(220,227,239,.8);box-shadow:inset 0 2px 4px #00000005;border-radius:14px;padding:6px;margin-bottom:16px;flex-shrink:0}.sidebar-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sidebar-tab-btn:hover{color:var(--text-primary);background-color:#00000005}.sidebar-tab-btn.active{color:var(--accent-primary);background-color:var(--surface-solid);box-shadow:0 4px 12px #6366f11f,0 1px 2px #0000000d;border-radius:10px}.mobile-preview-side-title{font-size:14px;font-weight:700;margin-bottom:10px}.mobile-preview-side-empty{border:1px dashed var(--border-color);border-radius:14px;padding:18px;font-size:13px;line-height:1.6;color:var(--text-secondary)}.result-ribbon{display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0;padding-right:2px;width:100%}.result-ribbon-card{border:1px solid rgba(220,227,239,.8);border-radius:20px;overflow:hidden;background:var(--panel-surface));box-shadow:0 4px 16px #0f172a08;display:flex;gap:16px;padding:16px;align-items:stretch;position:relative;width:100%;transition:all .2s ease}.result-ribbon-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a0f,0 0 0 1px rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.25)}.result-ribbon-thumb{width:120px;border-radius:12px;overflow:hidden;background-color:var(--surface-soft);flex-shrink:0;border:1px solid rgba(0,0,0,.04);box-shadow:inset 0 2px 4px #00000003}.result-ribbon-thumb img{width:100%;height:100%;object-fit:contain;display:block}.result-ribbon-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.generation-usage-card{border:1px solid rgba(34,197,94,.18);border-radius:18px;padding:14px 16px;background:linear-gradient(180deg,#f0fdf4f5,#ecfdf5b8)}.generation-usage-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.generation-usage-title{font-size:14px;font-weight:700;color:var(--text-primary)}.generation-usage-sub{font-size:12px;color:var(--text-primary)}.generation-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.generation-usage-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:14px;background:var(--surface-overlay);border:1px solid rgba(34,197,94,.12)}.generation-usage-item span{font-size:11px;color:var(--text-primary)}.generation-usage-item strong{font-size:16px;font-weight:700;color:var(--text-primary)}@media(max-width:640px){.generation-usage-head{flex-direction:column;align-items:flex-start}.generation-usage-grid{grid-template-columns:1fr}}.settings-group{margin-bottom:24px}.settings-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:block}.compact-config-table{display:grid;grid-template-columns:1fr;gap:12px;align-content:start}.compact-config-row{border:1px solid var(--border-color);border-radius:12px;background-color:var(--bg-primary);box-shadow:0 2px 8px #00000005;padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.compact-config-row.enabled{border-color:var(--accent-primary);box-shadow:0 4px 16px rgba(var(--accent-rgb),.08)}.compact-config-row.span-2{grid-column:1 / -1}.compact-config-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.style-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.style-toggle input{display:none}.toggle-indicator{width:32px;height:18px;border-radius:999px;background-color:var(--border-color);position:relative;transition:all .2s ease;flex-shrink:0}.toggle-indicator:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background-color:var(--surface-solid);transition:all .2s ease}.style-toggle input:checked+.toggle-indicator{background-color:var(--accent-primary)}.style-toggle input:checked+.toggle-indicator:after{transform:translate(14px)}.compact-config-title{font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap}.compact-config-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.size-chip,.count-fixed{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600;white-space:nowrap}.size-chip{color:var(--accent-primary);background-color:rgba(var(--accent-rgb),.1)}.count-fixed{color:var(--text-secondary);background-color:var(--bg-tertiary)}.compact-config-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.compact-config-controls{display:grid;grid-template-columns:1fr;gap:16px;margin-top:auto}.inline-count-editor,.inline-prompt-editor{display:flex;flex-direction:column;gap:6px}.inline-count-editor{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:4px}.control-label{font-size:13px;font-weight:600;color:var(--text-primary)}.count-stepper{display:inline-flex;align-items:center;gap:6px}.stepper-btn{width:26px;height:26px;border-radius:8px;background-color:var(--bg-tertiary);color:var(--text-primary);font-size:16px;font-weight:600;transition:all .2s ease;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.stepper-btn:hover:not(:disabled){background-color:rgba(var(--accent-rgb),.1);color:var(--accent-primary);border-color:var(--accent-primary)}.stepper-btn:disabled{opacity:.45;cursor:not-allowed}.stepper-value{min-width:24px;text-align:center;font-size:14px;font-weight:700}.prompt-inline-input{height:36px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);padding:0 12px;font-size:13px;transition:all .2s ease;box-shadow:inset 0 1px 2px #00000005}.prompt-inline-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.prompt-inline-input:disabled{opacity:.6;cursor:not-allowed}.prompt-hint{font-size:12px;color:var(--text-muted);line-height:1.5}.detail-prompt-editor{display:flex;flex-direction:column;gap:10px}.detail-prompt-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.detail-prompt-meta{font-size:12px;color:var(--text-muted)}.detail-prompt-list{display:grid;grid-template-columns:1fr;gap:10px}.detail-prompt-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid var(--border-color);background-color:var(--bg-primary);transition:all .2s ease}.detail-prompt-item.active{border-color:rgba(var(--accent-rgb),.24);background-color:rgba(var(--accent-rgb),.04)}.detail-prompt-item.inactive{opacity:.55}.detail-prompt-label{font-size:13px;font-weight:700;color:var(--text-primary);display:flex;flex-direction:column;gap:2px}.detail-prompt-label-text{font-size:11px;font-weight:600;color:var(--text-muted)}.detail-prompt-content{display:flex;flex-direction:column;gap:6px}.detail-prompt-input{width:100%}.detail-prompt-recommendation{font-size:12px;line-height:1.5;color:var(--text-muted)}.compact-hint{margin-top:6px;padding:6px 10px;background-color:var(--bg-tertiary);border-radius:8px;font-size:11px;color:var(--text-muted);line-height:1.5}.policy-list{display:flex;flex-direction:column;gap:4px}.policy-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:var(--text-secondary)}.policy-item svg{color:var(--success);flex-shrink:0;margin-top:2px}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;box-shadow:0 4px 12px rgba(var(--accent-rgb),.2);width:100%;font-family:Outfit,sans-serif}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(var(--accent-rgb),.4)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 1px 2px #00000005}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.result-actions{display:grid;grid-template-columns:auto 1fr;align-content:center;gap:8px;width:210px;flex-shrink:0}.result-actions .result-action-btn:last-child{grid-column:1 / -1}.compact-actions{margin-top:0}.result-action-btn{min-height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(220,227,239,.8);background:var(--surface-soft);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;transition:all .2s ease;white-space:nowrap;width:100%;flex:0 0 auto;box-shadow:0 1px 2px #00000003}.result-action-btn:hover{background-color:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}.result-action-btn-primary{background:linear-gradient(135deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.06));color:var(--accent-primary);border-color:rgba(var(--accent-rgb),.24)}.result-action-btn-primary:hover{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-color:transparent}.result-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.result-type{font-size:13px;font-weight:600}.result-seq{font-size:11px;color:var(--text-secondary);white-space:nowrap}.result-meta{font-size:11px;color:var(--text-secondary);display:flex;flex-direction:column;gap:2px}.result-prompt{margin-top:8px;color:var(--text-muted);font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:140px}.compact-loader{min-height:100px;margin-top:auto;padding:10px 0}.stop-generate-btn{margin-top:12px}.loading-text-compact{font-size:14px;margin-bottom:4px}.loading-subtext-compact{font-size:11px}.loading-stage-text{margin-top:6px;font-size:12px;line-height:1.6;color:var(--text-secondary);text-align:center;max-width:320px}.loading-stage-text-strong{margin-top:8px;font-size:13px;font-weight:700;color:var(--text-primary)}.compact-progress-bar{margin-top:8px;height:4px}.mobius-spinner-3d{width:56px;height:56px;position:relative;perspective:200px;margin-bottom:16px;transform-style:preserve-3d}.mobius-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:4px solid rgba(var(--accent-rgb),.12)}.mobius-ring-1{border-top-color:var(--accent-primary);border-right-color:var(--accent-primary);animation:rotate-3d-1 1.5s cubic-bezier(.55,.085,.68,.53) infinite}.mobius-ring-2{border-bottom-color:var(--accent-secondary);border-left-color:var(--accent-secondary);animation:rotate-3d-2 2s cubic-bezier(.25,.46,.45,.94) infinite}.mobius-ring-3{border-color:rgba(var(--accent-rgb),.08);border-top-color:rgba(var(--accent-rgb),.3);border-bottom-color:rgba(var(--accent-rgb),.3);transform:rotateX(60deg) rotateY(60deg);animation:rotate-3d-3 2.5s linear infinite;border-width:2px}@keyframes rotate-3d-1{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}@keyframes rotate-3d-2{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}@keyframes rotate-3d-3{0%{transform:rotateX(60deg) rotateY(60deg) rotate(0)}to{transform:rotateX(60deg) rotateY(60deg) rotate(360deg)}}.loading-text{font-size:16px;font-weight:600;margin-bottom:4px}.loading-subtext{color:var(--text-secondary);font-size:12px;text-align:center;line-height:1.4}.progress-bar{width:100%;max-width:300px;height:6px;background-color:var(--bg-tertiary);border-radius:10px;margin-top:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .3s ease}.settings-head{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border-color);justify-content:space-between;gap:12px}.settings-head-main{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}@media(max-width:1320px){.compact-config-table,.policy-list{grid-template-columns:1fr}.preview-topbar{flex-wrap:wrap}.settings-head{flex-direction:column;align-items:flex-start}.mode-toggle-wrapper{width:100%}.mode-toggle-btn{flex:1;min-width:0}.publish-preview-frame,.publish-preview-stage,.publish-preview-sidebar,.settings-panel,.preview-panel{overflow:visible}.settings-panel,.preview-panel,.results-panel,.preview-workspace{height:auto}.settings-scroll-area,.preview-workspace,.result-ribbon{overflow:visible;padding-right:0;margin-right:0}.ingredient-extract-grid,.generator-layout{height:auto}}.mode-toggle-wrapper{display:flex;background-color:var(--surface-soft);border-radius:999px;padding:5px;position:relative;box-shadow:inset 0 2px 6px #0000000a,inset 0 0 0 1px var(--border-color);gap:4px}.mode-toggle-btn{position:relative;overflow:hidden;border:none;background:transparent;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;z-index:1;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;outline:none;display:flex;align-items:center;justify-content:center;min-width:110px}.mode-toggle-btn:hover:not(.active){color:var(--text-primary)}.mode-toggle-btn:active{transform:scale(.95)}.mode-toggle-btn.active{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.22)}.mode-toggle-text{position:relative;z-index:2;font-family:Outfit,sans-serif;letter-spacing:.3px;display:flex;align-items:center;gap:6px}.mode-toggle-icon{margin-top:-1px}.mode-slider-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-primary) 0%,#c026d3 100%);border-radius:999px;z-index:0;box-shadow:0 3px 12px rgba(var(--accent-rgb),.38),inset 0 1px #ffffff59}.mode-slider-bg:after{content:"";position:absolute;top:0;left:0;right:0;height:48%;border-radius:999px 999px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,transparent 100%);pointer-events:none}.mode-tooltip{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(4px);width:max-content;max-width:280px;background-color:var(--bg-primary);border:1px solid var(--border-color);padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.5;color:var(--text-secondary);box-shadow:0 10px 24px #00000014;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:100;text-align:left;white-space:normal}.mode-tooltip:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background-color:var(--bg-primary);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color)}.mode-toggle-btn:hover .mode-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.mode-toggle-btn:last-child .mode-tooltip{left:auto;right:0;transform:translateY(4px)}.mode-toggle-btn:last-child:hover .mode-tooltip{transform:translateY(0)}.mode-toggle-btn:last-child .mode-tooltip:before{left:auto;right:55px;transform:translate(50%) rotate(45deg)}.mode-tooltip strong{color:var(--text-primary);font-weight:700}.history-entry-card{width:100%;display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--border-color);border-radius:12px;background-color:var(--bg-secondary);transition:all .2s ease}.history-entry-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #7c3aed14;transform:translateY(-1px)}.history-entry-main{flex:1;min-width:0;display:flex;gap:12px;align-items:center;text-align:left}.history-entry-delete{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:10px;border:1px solid rgba(239,68,68,.18);background:#fef2f2e6;color:#b91c1c;font-size:12px;font-weight:700;flex-shrink:0;transition:all .2s ease}.history-entry-delete:hover{background:#ef44441f;border-color:#ef444452}.history-entry-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:56px;flex-shrink:0}.history-entry-thumb{width:100%;aspect-ratio:1;border-radius:4px;overflow:hidden;background-color:var(--surface-soft)}.history-entry-thumb img{width:100%;height:100%;object-fit:cover;display:block}.history-entry-info{flex:1;min-width:0}.history-entry-label{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.history-entry-sub{font-size:12px;color:var(--text-secondary)}.history-entry-usage{font-size:12px;color:var(--text-primary);margin-bottom:4px}.continue-edit-modal{width:min(900px,100%);border-color:#e2e8f0f5;background:linear-gradient(180deg,#fffffffb,#f6f9fffa);box-shadow:0 36px 120px #0f172a42,0 18px 52px #0f172a24,inset 0 1px #ffffffbf}.continue-edit-overlay{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.14),transparent 32%),#060c1894;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15)}.continue-edit-modal .modal-description{color:var(--text-secondary)}.continue-edit-modal .close-btn{background:var(--surface-overlay);border-color:var(--border-color);box-shadow:0 12px 26px #0f172a14}.continue-edit-layout{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:18px}.continue-edit-preview,.continue-edit-form{display:flex;flex-direction:column;gap:10px}.continue-edit-label{font-size:13px;font-weight:700;color:var(--text-primary)}.continue-edit-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.continue-edit-selection-clear{border:1px solid rgba(var(--accent-rgb),.22);background:rgba(var(--accent-rgb),.08);color:var(--accent-primary);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.continue-edit-preview-card,.continue-edit-compare-card{border-radius:18px;border:1px solid var(--border-color);background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.08),transparent 42%),var(--panel-surface);padding:12px;box-shadow:0 14px 34px #0f172a14,inset 0 1px #ffffffb8}.continue-edit-selection-stage{position:relative;border-radius:12px;overflow:hidden;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,rgba(15,23,42,.04) 25%,transparent 25%) 0 0 / 20px 20px,linear-gradient(225deg,rgba(15,23,42,.04) 25%,transparent 25%) 0 0 / 20px 20px,linear-gradient(315deg,rgba(15,23,42,.04) 25%,transparent 25%) 10px 10px / 20px 20px,linear-gradient(45deg,rgba(15,23,42,.04) 25%,transparent 25%) 10px 10px / 20px 20px,var(--surface-solid)}.continue-edit-selection-image{width:100%;display:block;border-radius:12px;background:var(--surface-solid);pointer-events:none}.continue-edit-selection-box{position:absolute;border:2px solid rgba(255,255,255,.96);border-radius:12px;box-shadow:0 0 0 999px #0f172a61,0 0 0 1px rgba(var(--accent-rgb),.88) inset,0 10px 24px #0f172a3d;background:rgba(var(--accent-rgb),.14);pointer-events:none}.continue-edit-preview-card img,.continue-edit-compare-card img{width:100%;display:block;border-radius:12px;background:var(--surface-solid)}.continue-edit-selection-hint,.continue-edit-selection-summary{font-size:12px;line-height:1.6;color:var(--text-secondary);font-weight:500}.continue-edit-textarea{min-height:116px;resize:vertical;border-radius:16px;border:1px solid var(--border-color);background-color:var(--surface-solid);color:var(--text-primary);padding:14px 16px;font-size:14px;line-height:1.7;box-shadow:inset 0 1px 1px #94a3b814,0 8px 24px #0f172a0a}.continue-edit-textarea::placeholder{color:var(--text-muted)}.continue-edit-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14),0 10px 26px rgba(var(--accent-rgb),.08)}.continue-edit-compare{display:flex;flex-direction:column;gap:12px}.continue-edit-compare-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.continue-edit-compare-tip{font-size:12px;color:var(--text-secondary);font-weight:500}.continue-edit-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.continue-edit-compare-card{position:relative}.continue-edit-compare-card.is-new{border-color:rgba(var(--accent-rgb),.35);box-shadow:0 14px 30px rgba(var(--accent-rgb),.14),inset 0 1px #ffffffb8}.continue-edit-compare-tag{display:inline-flex;align-items:center;margin-bottom:10px;padding:4px 10px;border-radius:999px;background:var(--surface-overlay);font-size:11px;font-weight:800;color:var(--text-primary);box-shadow:0 6px 18px #0f172a14}.continue-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.continue-edit-confirm-btn{width:auto;min-width:180px;padding-inline:20px}.publish-preview-toolbar{align-items:center}.publish-preview-canvas{min-height:0;overflow:hidden;flex:1;border:1px solid var(--border-color);border-radius:16px;background:var(--panel-surface)}.publish-preview-scroll{width:100%;height:100%;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:18px}.detail-preview-page{transform-origin:top center;border-radius:14px;border:1px solid var(--border-color);background-color:var(--surface-solid);box-shadow:0 14px 32px #0f172a1f;overflow:hidden}@media(max-width:900px){.hover-preview-card{display:none}.result-ribbon-card{gap:12px}.result-ribbon-thumb{width:104px}.result-actions{justify-content:flex-start}.continue-edit-layout{grid-template-columns:1fr}.continue-edit-preview-card{max-width:260px}.continue-edit-compare-grid{grid-template-columns:1fr}}.detail-preview-page-head{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;background-color:var(--surface-soft);border-bottom:1px solid #e2e8f0;font-size:13px;font-weight:700;color:#334155}.detail-preview-stack{display:flex;flex-direction:column}.detail-preview-segment{width:100%;position:relative;border-bottom:1px solid rgba(15,23,42,.06);background-color:var(--surface-solid)}.detail-preview-segment img{width:100%;height:100%;object-fit:cover;display:block}.detail-preview-segment.is-contained{background:var(--surface-soft)}.detail-preview-segment.is-contained img{object-fit:contain}.detail-preview-badge{position:absolute;left:12px;top:12px;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;color:#0f172a;background:var(--surface-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #0f172a1a}.detail-preview-empty{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:#94a3b8;padding:28px}.detail-preview-empty-title{font-size:18px;font-weight:700;color:var(--text-muted)}.detail-preview-empty-desc{max-width:300px;font-size:13px;line-height:1.6}@media(min-width:1700px){.generator-layout{grid-template-columns:minmax(560px,1.2fr) minmax(480px,1.6fr) minmax(420px,1.1fr);gap:24px}}@media(min-width:2000px){.generator-layout{grid-template-columns:minmax(620px,1.15fr) minmax(540px,1.65fr) minmax(460px,1.2fr);gap:28px}}@media(max-width:1320px){.generator-layout{height:auto;min-height:0}.detail-preview-empty{min-height:420px}}.preview-toolbar-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.preview-mode-switch{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border-color);border-radius:999px;background-color:var(--bg-secondary);padding:4px}.preview-mode-btn{border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--text-secondary);transition:all .2s ease}.preview-mode-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.preview-mode-btn.active{color:#fff;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 6px 16px rgba(var(--accent-rgb),.24)}@media(max-width:1320px){.preview-toolbar-right{width:100%;justify-content:space-between}}.model-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.model-option-card{text-align:left;border-radius:12px;border:1px solid var(--border-color);background:var(--panel-surface);padding:10px 12px;transition:all .2s ease;box-shadow:0 2px 8px #0f172a0a}.model-option-card:hover{border-color:rgba(var(--accent-rgb),.35);box-shadow:0 10px 22px rgba(var(--accent-rgb),.08);transform:translateY(-1px)}.model-option-card.active{border-color:var(--accent-primary);background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),#fff 48%);box-shadow:0 14px 28px rgba(var(--accent-rgb),.14)}.model-option-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.model-option-badge,.model-option-provider{border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}.model-option-badge{background-color:rgba(var(--accent-rgb),.1);color:var(--accent-primary)}.model-option-provider.gemini{background-color:#3b82f61a;color:#2563eb}.model-option-provider.openai{background-color:#10b9811f;color:#047857}.model-option-title{font-size:13px;font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:2px}.model-option-subtitle{font-size:12px;color:var(--text-secondary);line-height:1.4}@media(max-width:1320px){.model-option-grid{grid-template-columns:1fr}}.admin-provider-selector{display:flex;gap:20px;margin-top:24px}.provider-card{flex:1;display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:20px;cursor:pointer;text-align:left;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.provider-card:hover{border-color:var(--accent-primary);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 10px 20px #0000000a}.provider-card.active{border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 12px 24px #2d6bff14}.provider-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--surface-soft);color:var(--accent-primary);flex-shrink:0}.provider-icon.relay{background:var(--surface-soft);color:var(--success)}.provider-info h3{font-size:16px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.provider-info p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.active-badge{position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.admin-relay-config{margin-top:28px;padding-top:24px;border-top:1px solid var(--border-color)}.admin-relay-hint{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.admin-relay-section{margin-bottom:24px;padding:18px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px}.admin-relay-section:last-child{margin-bottom:0}.admin-relay-section-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.admin-relay-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-primary)}.admin-relay-toggle input{width:18px;height:18px;accent-color:var(--accent-primary)}.admin-relay-section h3{font-size:15px;font-weight:600;margin:0;color:var(--text-primary)}.admin-relay-section-hint{font-size:12px;color:var(--text-secondary);margin-bottom:14px}.admin-relay-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.admin-relay-group{display:flex;flex-direction:column;gap:6px}.admin-relay-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.admin-relay-group input,.admin-relay-group select{padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);font-size:13px;color:var(--text-primary)}.admin-relay-group input::placeholder{color:var(--text-muted)}.admin-relay-test{display:flex;align-items:center;gap:12px;margin-top:14px}.admin-ocr-model-config{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,420px);gap:18px;align-items:end;padding:16px 18px;margin-bottom:16px;border-radius:16px;border:1px solid rgba(203,213,225,.9);background:var(--surface-soft)}.admin-ocr-model-copy h4{margin:0;font-size:16px;color:var(--text-primary)}.admin-ocr-model-copy p{margin:6px 0 0;font-size:13px;line-height:1.7;color:var(--text-secondary)}.admin-ocr-model-control{display:flex;flex-direction:column;gap:6px}.admin-ocr-model-control label{font-size:12px;font-weight:600;color:var(--text-secondary)}.admin-ocr-model-control select{padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);font-size:13px;color:var(--text-primary)}.admin-ocr-model-state{font-size:12px;line-height:1.6;color:var(--warning)}.admin-relay-test .profile-message{margin:0;padding:6px 10px;font-size:13px}.admin-credit-config{margin-top:16px;padding:16px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-tertiary);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-credit-control{display:flex;flex-direction:column;gap:6px;min-width:200px}.admin-credit-control label{font-size:13px;color:var(--text-secondary);font-weight:600}.admin-credit-control input{height:38px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);padding:0 12px;font-size:14px}.admin-token-pricing-grid{flex:1;min-width:min(100%,560px);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.admin-token-pricing-grid .admin-credit-control{min-width:0}.admin-models-empty-hint{margin-top:16px;padding:14px 18px;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:14px}.admin-models-group-container{display:flex;flex-direction:column;margin-top:20px}.admin-models-filter-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.admin-models-filter-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;cursor:pointer;transition:all .2s ease}.admin-models-filter-tab:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:rgba(var(--accent-rgb),.3)}.admin-models-filter-tab.active{background:rgba(var(--accent-rgb),.1);color:var(--accent-primary);border-color:var(--accent-primary)}.admin-models-filter-tab .count-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;font-size:11px;font-weight:700;border-radius:999px;background:#0000000d;color:var(--text-secondary);transition:all .2s ease}.admin-models-filter-tab.active .count-badge{background:var(--accent-primary);color:#fff}.admin-model-config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;margin-top:16px}.model-config-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;transition:all .2s ease;gap:12px}.model-config-item:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.model-config-item.enabled{border-color:var(--accent-primary);background:var(--surface-solid);box-shadow:0 4px 12px #00000008}.model-config-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.checkbox-wrapper{position:relative;display:flex;align-items:center}.checkbox-wrapper input{width:20px;height:20px;cursor:pointer}.model-info-block{display:flex;flex-direction:column;min-width:0}.model-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.model-title{font-size:14px;font-weight:600;color:var(--text-primary)}.model-state-tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#f59e0b24;color:#b45309}.model-subtitle{font-size:12px;color:var(--text-secondary)}.model-id-tag{font-size:12px;color:var(--text-primary);word-break:break-all}.model-cost-tag{font-size:12px;color:var(--accent-primary);font-weight:600}.badge-tag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;background:var(--surface-soft);color:var(--text-muted);text-transform:uppercase}.badge-tag.gemini{background:var(--surface-soft);color:var(--accent-primary)}.badge-tag.openai{background:#10a37f1a;color:var(--text-primary)}.model-config-item.stale{border-style:dashed}.model-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.model-cost-control{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.model-cost-control label{font-size:11px;color:var(--text-muted)}.model-cost-control input{width:120px;height:34px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);padding:0 10px;font-size:12px;text-align:right}.admin-model-test-btn{min-width:108px}.admin-model-test-result{width:100%;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border-color);background:var(--surface-overlay)}.admin-model-test-result.success{border-color:#10b98138;background:#ecfdf5e6}.admin-model-test-result.error{border-color:#ef444438;background:#fef2f2eb}.admin-model-test-message{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.5;color:var(--text-secondary)}.admin-model-test-message strong{font-size:12px;color:var(--text-primary)}.admin-model-test-preview{display:inline-flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-primary);font-size:12px;font-weight:700;flex-shrink:0}.admin-model-test-preview img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:var(--surface-solid)}.results-panel{padding:14px 12px}.preview-topbar{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(3,minmax(120px,1fr));gap:10px;align-items:stretch}.publish-preview-layout{grid-template-columns:minmax(0,1fr);gap:12px}.publish-preview-canvas{min-height:540px}.combo-model-selector{padding:12px 14px}.combo-generate-btn{min-height:52px}@media(max-width:1680px){.compact-config-table,.model-option-grid{grid-template-columns:1fr}}@media(max-width:1320px){.preview-topbar{grid-template-columns:1fr}}.source-upload-empty{width:100%;height:100%;border:1px dashed rgba(148,163,184,.4);border-radius:18px;background:var(--panel-surface));color:var(--text-secondary);display:grid;place-items:center;gap:8px;font-size:13px;font-weight:700;cursor:pointer}.ingredient-auto-card{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;padding:18px;border-radius:24px;border:1px solid rgba(220,227,239,.8);background:var(--surface-solid);box-shadow:0 4px 20px #0f172a08}.ingredient-auto-upload-col{display:flex;flex-direction:column;gap:10px}.ingredient-auto-label{font-size:13px;font-weight:800;color:var(--text-secondary)}.ingredient-auto-upload{position:relative;display:flex;flex-direction:column;gap:12px;min-height:252px;padding:14px;border-radius:20px;border:1px dashed rgba(148,163,184,.3);background:#f8fafc99;cursor:pointer;transition:all .2s ease}.ingredient-auto-upload:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.5);background:var(--surface-solid);box-shadow:0 12px 32px #0f172a0f}.ingredient-auto-upload.has-image{border-style:solid;border-color:rgba(var(--accent-rgb),.2);background:var(--surface-solid)}.ingredient-auto-media{display:grid;place-items:center;width:100%;aspect-ratio:1.15 / 1;border-radius:16px;background:linear-gradient(180deg,#f8fafcf5,#f1f5f9eb);overflow:hidden;color:var(--text-muted)}.ingredient-auto-media img{width:100%;height:100%;object-fit:cover}.ingredient-auto-copy{display:flex;flex-direction:column;gap:6px}.ingredient-auto-title{font-size:14px;font-weight:800;color:var(--text-primary)}.ingredient-auto-hint{font-size:12px;line-height:1.6;color:var(--text-secondary)}.ingredient-upload-remove{position:absolute;top:10px;right:10px;width:30px;height:30px;border:none;border-radius:999px;display:grid;place-items:center;background:#0f172abd;color:#fff;cursor:pointer}.ingredient-auto-settings{display:flex;flex-direction:column;gap:14px;justify-content:center}.ingredient-auto-toggle{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:18px;border:1px solid rgba(203,213,225,.9);background:#f8fafcb3;cursor:pointer;transition:all .2s ease}.ingredient-auto-toggle input{display:none}.ingredient-auto-toggle:hover:not(.disabled){border-color:rgba(var(--accent-rgb),.35);background:var(--surface-solid)}.ingredient-auto-toggle.checked{border-color:rgba(var(--accent-rgb),.4);background:#eff6ffe6}.ingredient-auto-toggle.disabled{cursor:not-allowed;opacity:.62}.ingredient-auto-toggle-box{width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(148,163,184,.8);background:var(--surface-solid);flex-shrink:0;margin-top:1px;position:relative}.ingredient-auto-toggle.checked .ingredient-auto-toggle-box{border-color:var(--accent-primary);background:var(--accent-primary)}.ingredient-auto-toggle.checked .ingredient-auto-toggle-box:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.ingredient-auto-toggle-text{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:800;color:var(--text-primary)}.ingredient-auto-toggle-sub{font-size:12px;font-weight:500;line-height:1.6;color:var(--text-secondary)}.ingredient-auto-note{font-size:13px;line-height:1.7;color:var(--text-secondary)}.ingredient-preview-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px}.ingredient-extract-grid{display:grid;grid-template-columns:140px 1.5fr 1fr;gap:12px;height:160px;flex-shrink:0}.ingredient-extract-card{display:flex;flex-direction:column;gap:8px;min-height:0;padding:12px;border-radius:16px;border:1px solid rgba(148,163,184,.14);background:var(--surface-overlay);overflow:hidden}.ingredient-preview-card{gap:10px}.ingredient-preview-media{flex:1;min-height:0;overflow:hidden;border-radius:10px;background:#f8fafcf5;border:1px solid rgba(148,163,184,.14)}.ingredient-preview-media img{width:100%;height:100%;object-fit:cover;object-position:top}.ingredient-preview-actions{display:none}.ingredient-extract-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b45309;flex-shrink:0}.ingredient-extract-title{font-size:15px;font-weight:800;color:var(--text-primary);flex-shrink:0}.ingredient-extract-text{font-size:12px;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.ingredient-extract-scroll{flex:1;min-height:0;overflow:auto;padding-right:6px;display:block}.ingredient-extract-meta{margin-top:auto;font-size:11px;color:var(--text-muted)}.ingredient-chip-row{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:2px}.ingredient-chip-row::-webkit-scrollbar{display:none}.ingredient-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#ffedd5e6;color:#9a3412;font-size:11px;font-weight:700;white-space:nowrap}@media(max-width:1320px){.dual-upload-row,.ingredient-extract-grid,.unified-action-row{grid-template-columns:1fr}}@media(max-width:768px){.generator-layout,.generator-layout.preview-expanded{height:auto;overflow:visible}.panel-title{flex-wrap:wrap}.preview-panel,.settings-panel,.results-panel{padding:12px}.settings-scroll-area,.preview-workspace,.result-ribbon{overflow:visible}.settings-head-main{white-space:normal}.mode-toggle-wrapper{width:100%}.mode-toggle-btn{min-width:0;padding:8px 10px;font-size:12px;flex:1 1 0}.mode-toggle-text{justify-content:center;text-align:center;line-height:1.25;white-space:normal}.mode-tooltip{display:none}.dual-upload-row{grid-template-columns:1fr}.preview-panel-title{flex-direction:column;align-items:stretch;gap:10px}.preview-panel-title>div:last-child{display:grid!important;grid-template-columns:1fr;gap:8px;width:100%}.preview-publish-btn{margin-left:0;justify-content:center}.publish-preview-toolbar{flex-direction:column;align-items:stretch}.preview-toolbar-right{flex-direction:column;align-items:stretch;width:100%}.preview-mode-switch{width:100%;justify-content:stretch}.preview-mode-btn{flex:1 1 0;text-align:center}.preview-zoom-controls{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px}.preview-zoom-btn{min-width:0;padding:0 8px}.preview-zoom-value{min-width:0;display:flex;align-items:center;justify-content:center}.publish-preview-scroll{padding:14px 8px 24px}.preview-sort-panel{padding:10px 12px}.preview-sort-strip{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.publish-preview-badge,.detail-preview-badge{left:10px;top:10px;max-width:calc(100% - 20px);padding:4px 8px;white-space:normal;line-height:1.35}.result-ribbon-card{flex-direction:column;padding:12px}.result-ribbon-thumb{width:100%;aspect-ratio:1;max-height:200px}.result-actions{width:100%;grid-template-columns:1fr 1fr}.result-actions .result-action-btn:last-child{grid-column:1 / -1}.compact-config-head{flex-wrap:wrap}.inline-count-editor{flex-wrap:wrap;row-gap:8px}.detail-prompt-item{grid-template-columns:1fr}.detail-prompt-label{gap:4px}.publish-preview-canvas{min-height:320px}.detail-preview-empty{min-height:300px}.ingredient-auto-card{grid-template-columns:1fr;padding:14px;border-radius:18px}.ingredient-auto-upload{min-height:210px}.unified-upload-card{flex-direction:column;align-items:flex-start;gap:12px}.unified-upload-media{width:100%;max-width:none;aspect-ratio:1 / 1;height:auto}.unified-summary-row{flex-wrap:wrap;row-gap:4px}.unified-upload-info{width:100%}.unified-upload-desc,.unified-status-text{white-space:normal;overflow:visible;text-overflow:initial}.unified-preview-btn{width:100%;justify-content:center}.combo-model-selector{flex-wrap:wrap;gap:8px}.combo-model-label{margin-right:0}.current-model-display{width:calc(100% - 24px);flex-wrap:wrap}.current-model-points{white-space:normal}.combo-dropdown-arrow{margin-left:auto}.combo-model-dropdown{max-height:60vh;overflow-y:auto}.result-topline{flex-wrap:wrap}.status-banner-with-action{flex-direction:column;align-items:stretch}.status-banner-action{justify-content:center}.ingredient-extract-grid{height:auto;grid-template-columns:1fr}.ingredient-extract-card{min-height:120px}.history-entry-card{flex-direction:column;align-items:stretch}.history-entry-main{width:100%}.history-entry-delete{width:100%;justify-content:center}.detail-preview-empty-desc{max-width:none}}.modal-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.18),transparent 36%),#0f172a6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .2s ease-out}.modal{width:min(980px,100%);border-radius:36px;border:1px solid rgba(226,232,240,.9);background:var(--panel-surface);box-shadow:0 28px 80px #0f172a2e,0 8px 30px #ff730014;padding:40px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-title{margin:0;font-size:clamp(32px,4vw,44px);line-height:1.08;font-weight:800;letter-spacing:-.04em;color:#111827}.modal-description{color:#475569;font-size:18px;line-height:1.75;margin:0 0 28px;max-width:760px;font-weight:600}.close-btn{width:62px;height:62px;border-radius:20px;border:1px solid #dbe4f0;background:var(--surface-overlay);color:#475569;display:grid;place-items:center;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.close-btn:hover{color:#0f172a;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.platform-list{display:flex;flex-direction:column;gap:18px;margin-bottom:28px}.platform-item{border-radius:28px;border:1px solid rgba(255,124,55,.4);background:#fff4eec2;padding:24px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:inset 0 1px #ffffffa6}.platform-info{display:flex;align-items:center;gap:16px;min-width:0}.platform-logo{width:70px;height:70px;border-radius:20px;font-size:30px;font-weight:800;display:grid;place-items:center;color:#111827;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #d7dfeb;box-shadow:0 6px 20px #0f172a0f;flex-shrink:0}.platform-name{font-size:22px;font-weight:800;color:#111827}.platform-status{font-size:16px;margin-top:6px;font-weight:700;line-height:1.5}.platform-status.online{color:#10b981}.platform-check{color:#ff5a00;flex-shrink:0;width:26px;height:26px}.modal-confirm-btn{width:100%;min-height:90px;border-radius:24px;border:none;background:linear-gradient(180deg,#ff6a00,#ff5a00);box-shadow:0 18px 40px #ff5a0047;font-size:20px;font-weight:800;gap:10px}.modal-confirm-btn:hover:not(:disabled){box-shadow:0 22px 48px #ff5a0057;transform:translateY(-1px)}@media(max-width:900px){.modal{border-radius:28px;padding:24px}.modal-title{font-size:24px}.modal-description{font-size:15px;margin-bottom:20px}.close-btn{width:48px;height:48px;border-radius:16px}.platform-item{border-radius:20px;padding:16px}.platform-logo{width:54px;height:54px;border-radius:16px;font-size:24px}.platform-name{font-size:18px}.platform-status{font-size:14px}.modal-confirm-btn{min-height:64px;border-radius:18px;font-size:18px}}.pricing-container{animation:fadeIn .4s ease-out;display:flex;flex-direction:column;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;padding-bottom:64px}.commercial-layout{max-width:1200px;margin:0 auto;width:100%}.pricing-overview-banner{margin-bottom:20px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:transparent;border-bottom:1px solid #f3f4f6}.overview-user{display:flex;align-items:center;gap:16px}.overview-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#111827}.overview-avatar.tier-gold{background:var(--surface-soft)}.overview-avatar.tier-diamond{background:#6366f1}.overview-user-info{display:flex;flex-direction:column;gap:2px}.overview-name{font-size:16px;font-weight:700;color:var(--text-primary)}.overview-badge{display:flex;align-items:center;gap:8px}.tier-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;color:var(--text-secondary);background:var(--surface-soft)}.tier-badge.gold{color:#b45309;background:var(--surface-soft)}.tier-badge.diamond{color:var(--text-secondary);background:#e0e7ff}.tier-desc,.overview-metrics-divider{display:none}.overview-metrics{display:flex;align-items:center;gap:32px}.metric-box{display:flex;align-items:center;gap:10px}.metric-icon{width:32px;height:32px;border-radius:50%;background:var(--surface-soft);color:var(--text-muted);display:grid;place-items:center}.metric-content{display:flex;flex-direction:column}.metric-label{font-size:11px;color:var(--text-muted);font-weight:500}.metric-value{font-size:14px;font-weight:700;color:var(--text-primary)}.commercial-grid{display:flex;flex-direction:column;gap:40px;align-items:center}.pricing-main{width:100%;max-width:1100px}.pricing-sidebar{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.pricing-section-head.hero-header{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:32px;margin-top:24px}.pricing-section-head.hero-header h3{font-size:36px;font-weight:800;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.02em}.pricing-section-head.hero-header p{color:var(--text-muted);font-size:15px;max-width:600px}.pricing-loading{display:none}.pricing-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin:0 auto 32px;flex-wrap:wrap}.pricing-mode-switch{display:inline-flex;background:var(--surface-soft);border:1px solid var(--border-color);padding:4px;border-radius:999px;gap:4px}.mode-chip{border:none;background:transparent;border-radius:999px;padding:10px 24px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;color:var(--text-muted);font-size:14px;font-weight:600}.mode-chip:hover{color:var(--text-primary)}.mode-chip.active{background:var(--surface-solid);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.pricing-feedback.error{background:var(--surface-soft);color:#991b1b;border-bottom:3px solid #ef4444}.pricing-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1000;animation:fadeIn .15s ease-out}.pricing-modal{background:var(--surface-solid);width:90%;max-width:400px;border-radius:20px;padding:32px;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center}.pricing-modal-icon.success{color:#059669;background:#ecfdf5;width:80px;height:80px;border-radius:50%;display:grid;place-items:center;margin-bottom:20px}.pricing-modal h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.pricing-modal p{font-size:15px;color:var(--text-secondary);margin-bottom:24px}.pricing-modal .pricing-cta{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.billing-cycle-switch{display:inline-flex;background:var(--surface-soft);border:1px solid var(--border-color);padding:4px;border-radius:999px;gap:4px}.billing-cycle-chip{position:relative;border:none;background:transparent;border-radius:999px;padding:10px 24px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;color:var(--text-muted)}.billing-cycle-chip-content{display:flex;align-items:center;gap:8px}.billing-cycle-chip-main{display:flex;align-items:center;gap:6px}.billing-cycle-chip strong{font-size:14px;font-weight:600}.billing-cycle-chip-badge{background:#ecfdf5;color:#059669;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.billing-cycle-chip-corner-badge{position:absolute;top:-10px;right:-8px;background:linear-gradient(145deg,#fff7ed,#ffedd5);color:#9a3412;padding:3px 8px;border-radius:999px;border:1px solid rgba(234,88,12,.45);font-size:11px;font-weight:800;letter-spacing:.02em;box-shadow:0 2px 8px #ea580c2e,0 1px 2px #0f172a14;white-space:nowrap;pointer-events:none;z-index:10}.billing-cycle-chip:hover{color:var(--text-primary)}.billing-cycle-chip.selected{background:var(--surface-solid);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.pricing-card{position:relative;background:var(--surface-solid);border-radius:16px;border:1px solid var(--border-color);padding:32px 24px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000d}.pricing-card.selected{border:2px solid #111827;box-shadow:0 20px 25px -5px #0000000d;margin:-1px}.popular-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#111827;color:#fff;padding:6px 16px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.current-plan-badge{display:none}.pricing-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.pricing-card-icon{width:40px;height:40px;border-radius:50%;background:var(--surface-soft);display:grid;place-items:center;color:var(--text-secondary)}.pricing-card.selected .pricing-card-icon{background:#111827;color:#fff}.pricing-tier{font-size:18px;font-weight:700;color:var(--text-primary)}.pricing-price{display:flex;align-items:baseline;gap:4px;margin-bottom:24px}.currency{font-size:24px;font-weight:800;color:var(--text-primary)}.amount{font-size:46px;font-weight:900;letter-spacing:-.04em;color:var(--text-primary);line-height:1}.period{font-size:14px;color:var(--text-muted);font-weight:500;margin-left:2px}.pricing-price-subline{display:none}.pricing-features{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.feature-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-secondary);line-height:1.5}.feature-icon{flex-shrink:0;margin-top:2px;color:var(--text-muted)}.feature-item.highlighted{font-weight:600;color:var(--text-primary)}.feature-item.highlighted .feature-icon{color:var(--text-primary)}.promo-box{background:var(--surface-solid)beb;border:1px solid var(--border-color);border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:8px;color:#d97706;font-size:13px;font-weight:700}.pricing-cta{margin-top:auto;width:100%;padding:14px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pricing-cta-secondary,.pricing-cta-primary{background:var(--surface-solid);border:1px solid var(--border-color);color:var(--text-primary)}.pricing-cta-secondary:hover:not(:disabled),.pricing-cta-primary:hover:not(:disabled){background:var(--surface-soft);border-color:var(--border-color)}.pricing-cta-diamond{background:#111827;border:1px solid var(--border-color);color:#fff}.pricing-cta-diamond:hover:not(:disabled){background:#1f2937}.pricing-cta:disabled{opacity:.5;cursor:not-allowed}.pricing-section-head.normal{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.pricing-section-head.normal h3{font-size:18px;font-weight:700;color:var(--text-primary)}.pricing-section-head.normal p{font-size:14px;color:var(--text-muted)}.credit-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.credit-pack-card{border:1px solid var(--border-color);border-radius:12px;padding:32px 24px;cursor:pointer;transition:all .2s;background:var(--surface-solid);display:flex;flex-direction:column;gap:16px}.credit-pack-card.selected{border:2px solid #111827;padding:31px 23px;box-shadow:0 10px 15px -3px #0000000d}.credit-pack-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.credit-pack-card p{font-size:14px;color:var(--text-muted);margin:0;line-height:1.5}.credit-pack-meta{display:flex;align-items:baseline;justify-content:space-between;margin-top:8px}.credit-pack-meta strong{font-size:32px;font-weight:900;letter-spacing:-.02em;color:var(--text-primary)}.credit-pack-meta span{font-size:18px;font-weight:800;color:var(--text-primary)}.credit-pack-quantity{display:flex;flex-direction:column;gap:8px}.credit-pack-quantity>span{font-size:13px;color:var(--text-secondary);font-weight:500}.credit-pack-stepper{display:inline-flex;align-items:center;border:1px solid var(--border-color);border-radius:8px;width:fit-content;overflow:hidden}.credit-pack-stepper button{background:var(--surface-solid);border:none;padding:8px 16px;font-size:18px;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all .2s}.credit-pack-stepper button:hover:not(:disabled){background:var(--surface-soft);color:var(--text-primary)}.credit-pack-stepper button:disabled{opacity:.3;cursor:not-allowed}.credit-pack-stepper input{width:56px;text-align:center;border:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:8px 0;font-size:15px;font-weight:600;color:var(--text-primary);appearance:textfield;-moz-appearance:textfield}.credit-pack-stepper input::-webkit-outer-spin-button,.credit-pack-stepper input::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}.checkout-card,.payment-sheet,.usage-card,.orders-card{border:1px solid var(--border-color);border-radius:16px;padding:24px;background:var(--surface-solid);display:flex;flex-direction:column;gap:16px}.checkout-head h3{font-size:16px;font-weight:700;margin-bottom:4px}.checkout-head p{font-size:13px;color:var(--text-muted)}.payment-method-card{border:1px solid var(--border-color);border-radius:10px;padding:16px;display:flex;justify-content:space-between;align-items:center;background:var(--surface-solid);cursor:pointer}.payment-method-card.selected{border-color:var(--text-primary);background:var(--surface-soft)}.method-info{display:flex;align-items:center;gap:12px;text-align:left}.method-text{display:flex;flex-direction:column}.method-text strong{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.method-text span{font-size:13px;color:var(--text-muted)}.payment-native-qr{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;border:1px dashed #d1d5db;border-radius:12px;background:var(--surface-soft)}.payment-native-qr img{width:220px;height:220px;border-radius:12px;background:var(--surface-solid);padding:10px;box-sizing:border-box}.payment-native-qr span{font-size:13px;color:var(--text-secondary)}.method-radio{width:18px;height:18px;border-radius:50%;border:2px solid #d1d5db;position:relative}.method-radio.active{border-color:var(--text-primary)}.method-radio.active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#111827}.checkout-summary{background:var(--surface-soft);border-radius:10px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:12px;font-size:13px}.checkout-summary span{color:var(--text-muted)}.checkout-summary strong{color:var(--text-primary);font-weight:600;text-align:right}.checkout-summary strong:last-child{font-size:16px;font-weight:800;color:var(--text-primary)}.checkout-submit{width:100%;padding:14px;background:#111827;color:#fff;border-radius:10px;font-weight:600;border:none;cursor:pointer}.checkout-submit:disabled{opacity:.5}.pricing-desc,.pricing-price-subline,.pricing-credit-badge{display:none}.order-item{border:1px solid var(--border-color);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:var(--surface-solid)}.order-item-title{font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:4px}.order-item-meta{color:var(--text-muted);font-size:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.order-item-meta span:not(:last-child):after{content:"·";margin-left:8px;color:#d1d5db}.order-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.order-item-side strong{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1}.order-status{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.order-status.paid{background:#ecfdf5;color:#059669}.order-status.pending{background:var(--surface-solid)beb;color:#d97706}.order-status.expired,.order-status.cancelled{background:var(--surface-soft);color:#dc2626}.ledger-list{display:flex;flex-direction:column;gap:12px}.ledger-item{display:flex;gap:16px;align-items:flex-start;padding:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-solid);transition:border-color .2s}.ledger-item:hover{border-color:var(--border-color)}.ledger-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;flex-shrink:0;margin-top:2px}.ledger-icon.earn{background:#ecfdf5;color:#059669}.ledger-icon.spend{background:var(--surface-soft);color:var(--text-primary)}.ledger-content{flex:1;min-width:0}.ledger-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:16px}.ledger-title-row strong{font-size:15px;font-weight:600;color:var(--text-primary);word-break:break-all;line-height:1.4}.ledger-amount{font-size:15px;font-weight:700;white-space:nowrap;flex-shrink:0}.ledger-amount.earn{color:#059669}.ledger-amount.spend{color:var(--text-primary)}.ledger-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 0;font-size:13px;color:var(--text-muted);line-height:1.5}.ledger-meta>span{display:inline-flex;align-items:center}.ledger-meta>span:not(:last-child):after{content:"·";margin:0 8px;color:#d1d5db}@media(max-width:900px){.pricing-grid,.pricing-sidebar{grid-template-columns:1fr}.pricing-section-head.hero-header h3{font-size:28px}.credit-pack-grid{grid-template-columns:1fr}}.redemption-layout{display:flex;flex-direction:column;gap:12px;animation:fadeIn .35s ease-out}.redemption-hero-panel,.redemption-form-panel,.redemption-records-panel{padding:16px}.redemption-form-panel,.redemption-records-panel,.redemption-generator-card,.redemption-admin-item,.redemption-record-card,.redemption-generated-item{border:1px solid var(--border-color);border-radius:16px;background:var(--surface-soft)}.redemption-form-panel,.redemption-records-panel{background:var(--surface-overlay)}.redemption-form-copy h3,.redemption-section-head h3{margin:0;font-size:18px}.redemption-form-copy p,.redemption-section-head p,.redemption-admin-footnote{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.redemption-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;margin-top:14px}.redemption-code-field{min-width:0;display:flex;align-items:center;gap:12px;padding:0 14px;min-height:56px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface-solid)}.redemption-code-label{flex-shrink:0;color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.02em}.redemption-code-input.profile-input{flex:1;min-width:280px;width:100%;height:auto;border:none;background:transparent;padding:0;box-shadow:none}.redemption-code-input.profile-input:focus{box-shadow:none}.redemption-submit-btn,.redemption-generate-btn{min-width:132px}.redemption-submit-btn{width:auto;min-width:168px;height:56px;padding-inline:22px;flex-shrink:0}.redemption-form-hint{margin-top:10px;color:var(--text-secondary);font-size:12px}.redemption-inline-message{margin-top:12px}.redemption-record-list,.redemption-generated-list,.redemption-admin-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.redemption-record-card,.redemption-generated-item,.redemption-admin-item{padding:14px 16px}.redemption-record-card,.redemption-generated-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.redemption-record-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;font-weight:700;color:var(--text-primary)}.redemption-record-time,.redemption-admin-meta,.redemption-admin-submeta{color:var(--text-secondary);font-size:13px}.redemption-empty-state{border:1px dashed var(--border-color);border-radius:14px;padding:18px;margin-top:14px;color:var(--text-secondary);background:var(--surface-overlay)}.redemption-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.redemption-generator-card{padding:16px}.redemption-generator-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.redemption-generator-form .profile-label{display:flex;flex-direction:column;gap:6px}.redemption-generator-form .profile-label:last-of-type{grid-column:1 / -1}.redemption-generate-btn{align-self:end}.redemption-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.redemption-batch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding:14px 16px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface-overlay)}.redemption-filter-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.redemption-filter-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.redemption-filter-label{min-width:220px;display:flex;flex-direction:column;gap:6px}.redemption-filter-label .profile-input{width:100%}.redemption-batch-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary)}.redemption-batch-summary strong{color:var(--text-primary)}.redemption-batch-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.redemption-note-select-group{display:inline-flex;align-items:center;gap:8px}.redemption-note-select.profile-input{min-width:180px;height:40px;padding:0 12px}.redemption-admin-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.redemption-admin-item.selected{border-color:rgba(var(--accent-rgb),.32);background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),#fffffff0)}.redemption-select-box{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.redemption-select-box input{width:16px;height:16px;accent-color:var(--accent-primary)}.redemption-admin-main{min-width:0;display:flex;flex-direction:column;gap:8px}.redemption-admin-meta,.redemption-admin-submeta{display:flex;flex-wrap:wrap;gap:8px 12px}.redemption-admin-actions{display:flex;gap:8px;flex-shrink:0}.redemption-status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700}.redemption-status-pill.active{background:#2563eb1f;color:var(--text-primary)}.redemption-status-pill.used{background:#10b9811f;color:#047857}.btn-secondary.danger{color:#b91c1c;border-color:#ef444447}.btn-secondary.danger:disabled{color:#a1a1aa;border-color:var(--border-color)}@media(max-width:960px){.redemption-form,.redemption-admin-item,.redemption-generated-item,.redemption-record-card,.redemption-admin-grid,.redemption-generator-form{grid-template-columns:1fr}.redemption-code-field,.redemption-admin-actions{width:100%}.redemption-batch-toolbar,.redemption-batch-actions,.redemption-filter-toolbar,.redemption-filter-actions{align-items:stretch}.redemption-batch-actions,.redemption-filter-actions,.redemption-note-select-group,.redemption-filter-label{width:100%}.redemption-note-select.profile-input{flex:1;min-width:0}.redemption-code-field{align-items:flex-start;flex-direction:column;padding:12px 14px}.redemption-code-input.profile-input{min-width:0}.redemption-submit-btn{width:100%}.redemption-admin-item,.redemption-generated-item,.redemption-record-card{display:flex;flex-direction:column;align-items:stretch}.redemption-select-box{width:fit-content}}:root[data-theme=dark] .dashboard-stat-card{background:linear-gradient(180deg,#101b31f5,#0b1528f5)}:root[data-theme=dark] .dashboard-qq-promo-qr{border-color:var(--border-color);box-shadow:0 4px 14px #00000059}:root[data-theme=dark] .panel,:root[data-theme=dark] .auth-card,:root[data-theme=dark] .password-guide,:root[data-theme=dark] .redemption-form-panel,:root[data-theme=dark] .redemption-records-panel,:root[data-theme=dark] .redemption-generator-card,:root[data-theme=dark] .redemption-admin-item,:root[data-theme=dark] .redemption-record-card,:root[data-theme=dark] .redemption-generated-item,:root[data-theme=dark] .generate-action-combo,:root[data-theme=dark] .chat-workspace-panel,:root[data-theme=dark] .workspace-section,:root[data-theme=dark] .pricing-card,:root[data-theme=dark] .credit-pack-card,:root[data-theme=dark] .checkout-card,:root[data-theme=dark] .payment-sheet,:root[data-theme=dark] .usage-card,:root[data-theme=dark] .orders-card,:root[data-theme=dark] .payment-method-card,:root[data-theme=dark] .pricing-modal,:root[data-theme=dark] .order-item,:root[data-theme=dark] .ledger-item{border-color:var(--panel-border);background:var(--panel-surface);box-shadow:var(--panel-shadow)}:root[data-theme=dark] .redemption-code-field,:root[data-theme=dark] .redemption-empty-state,:root[data-theme=dark] .redemption-batch-toolbar,:root[data-theme=dark] .workspace-source-preview,:root[data-theme=dark] .workspace-empty-state,:root[data-theme=dark] .payment-native-qr,:root[data-theme=dark] .checkout-summary,:root[data-theme=dark] .pricing-mode-switch,:root[data-theme=dark] .billing-cycle-switch,:root[data-theme=dark] .credit-pack-stepper,:root[data-theme=dark] .combo-model-selector,:root[data-theme=dark] .combo-model-dropdown,:root[data-theme=dark] .modal,:root[data-theme=dark] .close-btn{border-color:var(--border-color);background:var(--surface-overlay);color:var(--text-primary)}:root[data-theme=dark] .generate-action-combo,:root[data-theme=dark] .combo-model-selector,:root[data-theme=dark] .combo-model-dropdown,:root[data-theme=dark] .combo-model-dropdown-item.active,:root[data-theme=dark] .payment-method-card.selected,:root[data-theme=dark] .pricing-card.selected,:root[data-theme=dark] .credit-pack-card.selected,:root[data-theme=dark] .billing-cycle-chip.selected,:root[data-theme=dark] .mode-chip.active{border-color:rgba(var(--accent-rgb),.36)}:root[data-theme=dark] .pricing-overview-banner{border-bottom-color:var(--border-color)}:root[data-theme=dark] .pricing-container,:root[data-theme=dark] .pricing-container .overview-name,:root[data-theme=dark] .pricing-container .pricing-section-head.hero-header h3,:root[data-theme=dark] .pricing-container .pricing-section-head.normal h3,:root[data-theme=dark] .pricing-container .pricing-tier,:root[data-theme=dark] .pricing-container .currency,:root[data-theme=dark] .pricing-container .amount,:root[data-theme=dark] .pricing-container .credit-pack-title,:root[data-theme=dark] .pricing-container .credit-pack-meta strong,:root[data-theme=dark] .pricing-container .credit-pack-meta span,:root[data-theme=dark] .pricing-container .method-text strong,:root[data-theme=dark] .pricing-container .order-item-title,:root[data-theme=dark] .pricing-container .order-item-side strong,:root[data-theme=dark] .pricing-container .pricing-modal h3,:root[data-theme=dark] .chat-main-header h3,:root[data-theme=dark] .workspace-header h3,:root[data-theme=dark] .workspace-section-title,:root[data-theme=dark] .modal-title,:root[data-theme=dark] .platform-name{color:var(--text-primary)}:root[data-theme=dark] .pricing-container .metric-label,:root[data-theme=dark] .pricing-container .pricing-section-head.hero-header p,:root[data-theme=dark] .pricing-container .pricing-section-head.normal p,:root[data-theme=dark] .pricing-container .period,:root[data-theme=dark] .pricing-container .feature-item,:root[data-theme=dark] .pricing-container .feature-icon,:root[data-theme=dark] .pricing-container .credit-pack-card p,:root[data-theme=dark] .pricing-container .credit-pack-quantity>span,:root[data-theme=dark] .pricing-container .checkout-head p,:root[data-theme=dark] .pricing-container .method-text span,:root[data-theme=dark] .pricing-container .payment-native-qr span,:root[data-theme=dark] .pricing-container .checkout-summary span,:root[data-theme=dark] .pricing-container .order-item-meta,:root[data-theme=dark] .pricing-container .overview-user-info,:root[data-theme=dark] .chat-main-header p,:root[data-theme=dark] .workspace-header p,:root[data-theme=dark] .workspace-batch-count,:root[data-theme=dark] .workspace-text-btn,:root[data-theme=dark] .workspace-control span,:root[data-theme=dark] .workspace-empty-state,:root[data-theme=dark] .modal-description{color:var(--text-secondary)}:root[data-theme=dark] .pricing-container .tier-badge,:root[data-theme=dark] .pricing-container .metric-icon,:root[data-theme=dark] .pricing-container .billing-cycle-chip,:root[data-theme=dark] .pricing-container .mode-chip,:root[data-theme=dark] .pricing-container .credit-pack-stepper button{background:var(--surface-subtle);color:var(--text-secondary)}:root[data-theme=dark] .pricing-container .billing-cycle-chip.selected,:root[data-theme=dark] .pricing-container .mode-chip.active,:root[data-theme=dark] .pricing-container .pricing-card.selected .pricing-card-icon,:root[data-theme=dark] .pricing-container .pricing-cta-diamond,:root[data-theme=dark] .pricing-container .checkout-submit,:root[data-theme=dark] .workspace-generate-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:transparent;color:var(--fixed-white)}:root[data-theme=dark] .pricing-container .pricing-card-icon,:root[data-theme=dark] .pricing-container .overview-avatar,:root[data-theme=dark] .pricing-container .pricing-cta-primary,:root[data-theme=dark] .pricing-container .pricing-cta-secondary,:root[data-theme=dark] .workspace-secondary-btn,:root[data-theme=dark] .workspace-upload-btn,:root[data-theme=dark] .platform-logo{background:var(--surface-subtle);border-color:var(--border-color);color:var(--text-primary)}:root[data-theme=dark] .pricing-container .pricing-cta-primary:hover:not(:disabled),:root[data-theme=dark] .pricing-container .pricing-cta-secondary:hover:not(:disabled),:root[data-theme=dark] .pricing-container .credit-pack-stepper button:hover:not(:disabled),:root[data-theme=dark] .pricing-container .billing-cycle-chip:hover,:root[data-theme=dark] .pricing-container .mode-chip:hover,:root[data-theme=dark] .combo-model-selector:hover,:root[data-theme=dark] .combo-model-dropdown-item:hover,:root[data-theme=dark] .workspace-secondary-btn:hover,:root[data-theme=dark] .workspace-upload-btn:hover{background:var(--surface-hover);color:var(--text-primary)}:root[data-theme=dark] .pricing-container .feature-item.highlighted,:root[data-theme=dark] .pricing-container .feature-item.highlighted .feature-icon,:root[data-theme=dark] .pricing-container .metric-value,:root[data-theme=dark] .pricing-container .checkout-summary strong,:root[data-theme=dark] .pricing-container .pricing-cta-primary,:root[data-theme=dark] .pricing-container .billing-cycle-chip.selected,:root[data-theme=dark] .pricing-container .mode-chip.active,:root[data-theme=dark] .combo-model-label,:root[data-theme=dark] .current-model-name,:root[data-theme=dark] .dropdown-model-name{color:var(--text-primary)}:root[data-theme=dark] .pricing-container .billing-cycle-chip-corner-badge{background:linear-gradient(145deg,#fbbf2447,#f59e0b2e);color:#fde68a;border-color:#fbbf248c;box-shadow:0 2px 10px #00000059,0 0 0 1px #fbbf241f}:root[data-theme=dark] .pricing-container .promo-box{background:#fbbf241f;border-color:#fbbf2442;color:#fbbf24}:root[data-theme=dark] .pricing-container .pricing-feedback.error,:root[data-theme=dark] .pricing-container .order-status.expired,:root[data-theme=dark] .pricing-container .order-status.cancelled{background:#f871711f;color:#fca5a5;border-color:#f871713d}:root[data-theme=dark] .pricing-container .order-status.pending{background:#fbbf241f;color:#fbbf24}:root[data-theme=dark] .pricing-container .order-status.paid,:root[data-theme=dark] .pricing-container .pricing-modal-icon.success{background:#34d3991f;color:#6ee7b7}:root[data-theme=dark] .pricing-container .credit-pack-stepper input,:root[data-theme=dark] .pricing-container input,:root[data-theme=dark] .pricing-container select,:root[data-theme=dark] .chat-panel input,:root[data-theme=dark] .chat-panel textarea,:root[data-theme=dark] .chat-panel select,:root[data-theme=dark] .redemption-layout input,:root[data-theme=dark] .redemption-layout textarea,:root[data-theme=dark] .redemption-layout select{background:var(--surface-solid);color:var(--text-primary);border-color:var(--border-color)}:root[data-theme=dark] .pricing-container .credit-pack-stepper input,:root[data-theme=dark] .pricing-container .credit-pack-stepper button{border-color:var(--border-color)}:root[data-theme=dark] .pricing-container .method-radio,:root[data-theme=dark] .pricing-container .payment-native-qr,:root[data-theme=dark] .workspace-source-preview,:root[data-theme=dark] .workspace-section,:root[data-theme=dark] .workspace-secondary-btn,:root[data-theme=dark] .workspace-upload-btn{border-color:var(--border-color)}:root[data-theme=dark] .pricing-container .method-radio.active,:root[data-theme=dark] .pricing-container .pricing-card.selected,:root[data-theme=dark] .pricing-container .credit-pack-card.selected{border-color:var(--accent-primary)}:root[data-theme=dark] .pricing-container .method-radio.active:after,:root[data-theme=dark] .pricing-container .popular-badge,:root[data-theme=dark] .workspace-credit-chip{background:var(--accent-primary);color:var(--fixed-white)}:root[data-theme=dark] .combo-model-label,:root[data-theme=dark] .current-model-points,:root[data-theme=dark] .dropdown-model-points,:root[data-theme=dark] .combo-dropdown-arrow{color:var(--text-muted)}:root[data-theme=dark] .dropdown-model-points{background:#94a3b81f}:root[data-theme=dark] .combo-precheck-text,:root[data-theme=dark] .auth-error,:root[data-theme=dark] .profile-message.error{color:#fca5a5}:root[data-theme=dark] .workspace-upload-btn{background:rgba(var(--accent-rgb),.12);color:var(--accent-primary)}:root[data-theme=dark] .workspace-source-preview,:root[data-theme=dark] .workspace-empty-state{background:#94a3b814}:root[data-theme=dark] .modal-overlay{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 36%),var(--overlay-scrim)}:root[data-theme=dark] .modal{border-color:var(--modal-border);background:var(--modal-surface);box-shadow:var(--modal-shadow)}:root[data-theme=dark] .close-btn{box-shadow:none}:root[data-theme=dark] .platform-item{border-color:#ff7c3742;background:#ff7c371a;box-shadow:inset 0 1px #ffffff0a}:root[data-theme=dark] .platform-status.online{color:#6ee7b7}.referral-modal-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--overlay-scrim);backdrop-filter:none;-webkit-backdrop-filter:none}.referral-modal{position:relative;width:min(520px,100%);max-height:calc(100vh - 1.5rem);overflow:auto;border-radius:var(--radius-lg, 16px);background:var(--surface-solid);border:1px solid var(--border-color);box-shadow:var(--shadow-lg, 0 24px 48px rgba(0, 0, 0, .12));padding:1.75rem 1.5rem 1.5rem}:root[data-theme=dark] .referral-modal{background:var(--panel-surface);border-color:var(--panel-border);box-shadow:var(--panel-shadow),0 22px 48px #0000008c}:root[data-theme=dark] .admin-referral-stat-card,:root[data-theme=dark] .admin-referral-table-wrap{border-color:var(--panel-border);background:var(--panel-surface)}:root[data-theme=dark] .admin-referral-table th{background:var(--surface-subtle)}.referral-modal-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border:none;border-radius:var(--radius-sm, 8px);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.referral-modal-close:hover{background:var(--surface-soft);color:var(--text-primary)}.referral-modal-hero{text-align:center;margin-bottom:1.25rem}.referral-modal-icon{width:3rem;height:3rem;margin:0 auto .75rem;border-radius:14px;background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px color-mix(in srgb,#2563eb 35%,transparent)}.referral-modal-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.referral-modal-sub{margin:0;font-size:.875rem;line-height:1.55;color:var(--text-secondary)}.referral-modal-card{border-radius:var(--radius-md, 12px);padding:.9rem 1rem;margin-bottom:.75rem;border:1px solid var(--border-color);background:var(--surface-soft)}.referral-modal-card.muted{background:var(--surface-subtle)}.referral-modal-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.35rem}.referral-code-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.referral-code-display{font-size:1.35rem;font-weight:800;letter-spacing:.2em;color:var(--warning, #ea580c);font-variant-numeric:tabular-nums}.referral-link-row{display:flex;gap:.5rem;align-items:stretch}.referral-link-input{flex:1;min-width:0;font-size:.8rem;padding:.5rem .65rem;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-color);background:var(--surface-solid);color:var(--text-primary)}.referral-copy-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-color);background:var(--surface-solid);color:var(--text-primary);font-size:.8125rem;cursor:pointer;white-space:nowrap}.referral-copy-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.referral-copy-btn.icon-only{padding:.45rem}.referral-rules-title{font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin:1rem 0 .65rem}.referral-step{display:flex;gap:.65rem;align-items:flex-start;padding:.65rem 0;border-bottom:1px solid var(--border-color)}.referral-step:last-child{border-bottom:none}.referral-step-icon{flex-shrink:0;width:2rem;height:2rem;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem}.referral-step-icon.blue{background:#3b82f6}.referral-step-icon.purple{background:#8b5cf6}.referral-step-icon.green{background:#22c55e}.referral-step-body{flex:1;min-width:0}.referral-step-body strong{color:var(--text-primary)}.referral-step-body p{margin:.2rem 0 0;font-size:.8125rem;color:var(--text-secondary);line-height:1.45}.referral-step-tag{flex-shrink:0;font-size:.75rem;font-weight:700;padding:.2rem .45rem;border-radius:6px}.referral-step-tag.orange{background:color-mix(in srgb,var(--warning, #ea580c) 18%,transparent);color:var(--warning, #c2410c)}.referral-step-tag.green{background:color-mix(in srgb,#22c55e 18%,transparent);color:#15803d}.referral-modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.referral-stat{text-align:center;padding:.5rem .25rem;border-radius:var(--radius-sm, 8px);background:var(--surface-soft)}.referral-stat-value{font-size:.95rem;font-weight:700;color:var(--text-primary)}.referral-stat-label{font-size:.65rem;color:var(--text-muted);margin-top:.15rem}@media(max-width:380px){.referral-modal-stats{grid-template-columns:1fr}}.admin-referral-dashboard{display:flex;flex-direction:column;gap:1.25rem}.admin-referral-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.admin-referral-stat-card{border-radius:var(--radius-md, 12px);border:1px solid var(--border-color);background:var(--surface-solid);padding:1rem}.admin-referral-stat-card h3{margin:0 0 .35rem;font-size:.75rem;font-weight:500;color:var(--text-muted)}.admin-referral-stat-card .value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.admin-referral-stat-card .hint{margin:.35rem 0 0;font-size:.7rem;color:var(--text-muted);line-height:1.35}.admin-referral-table-wrap{border-radius:var(--radius-md, 12px);border:1px solid var(--border-color);overflow:auto;background:var(--surface-solid)}.admin-referral-table{width:100%;border-collapse:collapse;font-size:.8125rem}.admin-referral-table th,.admin-referral-table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border-color)}.admin-referral-table th{font-weight:600;color:var(--text-secondary);background:var(--surface-soft);white-space:nowrap}.admin-referral-table tr:last-child td{border-bottom:none}.admin-referral-section-title{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.announcements-bubble-layer{position:fixed;inset:0;z-index:1180;pointer-events:none}.announcements-bubble{position:fixed;pointer-events:auto;border-radius:var(--radius-lg, 16px);background:color-mix(in srgb,var(--surface-solid) 88%,white 12%);border:1px solid var(--border-color);box-shadow:0 22px 42px #0f172a24;padding:.85rem .85rem .8rem;max-height:min(70vh,520px);overflow:hidden}.announcements-bubble:before{content:"";position:absolute;top:-7px;right:28px;width:14px;height:14px;background:var(--surface-solid);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);transform:rotate(45deg)}:root[data-theme=dark] .announcements-bubble{background:var(--panel-surface);border-color:var(--panel-border);box-shadow:var(--panel-shadow),0 22px 48px #0000008c}:root[data-theme=dark] .announcements-bubble:before{background:var(--panel-surface);border-left-color:var(--panel-border);border-top-color:var(--panel-border)}.announcements-bubble-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-right:.15rem;margin-bottom:.65rem}.announcements-bubble-title{display:block;font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.2}.announcements-bubble-sub{margin-top:.25rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.announcements-bubble-close{flex:none;width:2rem;height:2rem;border:none;border-radius:var(--radius-sm, 8px);background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.announcements-bubble-close:hover{background:var(--surface-soft);color:var(--text-primary)}.announcements-bubble-body{overflow:auto;max-height:calc(min(70vh,520px) - 4.25rem);padding-right:.15rem}.announcements-bubble-list{gap:.6rem}.announcements-bubble-item{border-radius:12px;padding:.85rem;gap:.75rem;background:color-mix(in srgb,var(--surface-soft) 72%,white 28%);border-color:color-mix(in srgb,var(--border-color) 85%,white 15%)}:root[data-theme=dark] .announcements-bubble-item{background:color-mix(in srgb,var(--surface-soft) 70%,transparent 30%);border-color:color-mix(in srgb,var(--panel-border) 92%,transparent 8%)}.announcements-bubble-item .announcement-tag{white-space:nowrap;align-self:flex-start;line-height:1}.announcements-bubble-item .announcement-content h4{margin-bottom:.35rem;line-height:1.35}.announcements-bubble-item .announcement-content p{margin:0;line-height:1.6}@media(max-width:768px){.announcements-bubble{border-radius:14px;padding:.75rem}.announcements-bubble-title{font-size:1rem}.announcements-bubble-sub{font-size:.85rem}}.announcements-modal-overlay{position:fixed;inset:0;z-index:1180;display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--overlay-scrim);backdrop-filter:none;-webkit-backdrop-filter:none}.announcements-modal{position:relative;width:min(520px,100%);max-height:calc(100vh - 1.5rem);overflow:auto;border-radius:var(--radius-lg, 16px);background:var(--surface-solid);border:1px solid var(--border-color);box-shadow:var(--shadow-lg, 0 24px 48px rgba(0, 0, 0, .12));padding:1.5rem 1.35rem 1.25rem}:root[data-theme=dark] .announcements-modal{background:var(--panel-surface);border-color:var(--panel-border);box-shadow:var(--panel-shadow),0 22px 48px #0000008c}.announcements-modal-close{position:absolute;top:.65rem;right:.65rem;width:2rem;height:2rem;border:none;border-radius:var(--radius-sm, 8px);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.announcements-modal-close:hover{background:var(--surface-soft);color:var(--text-primary)}.announcements-modal-head{margin-bottom:1rem;padding-right:2rem}.announcements-modal-head h2{margin:0 0 .35rem;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.announcements-modal-sub{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.announcements-modal-body{max-height:min(60vh,520px);overflow:auto}.announcements-modal-list{gap:.65rem}.admin-announcements-dashboard{display:flex;flex-direction:column;gap:1.25rem;max-width:800px}.admin-announcements-card{border-radius:var(--radius-md, 12px);border:1px solid var(--border-color);background:var(--surface-solid);padding:1.1rem 1.15rem}:root[data-theme=dark] .admin-announcements-card{border-color:var(--panel-border);background:var(--panel-surface)}.admin-announcements-card-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.admin-announcements-toggle{display:flex;align-items:center;gap:.5rem;margin:.65rem 0 .85rem;font-size:.875rem;color:var(--text-primary);cursor:pointer}.admin-announcements-form{display:flex;flex-direction:column;gap:.35rem}.admin-announcements-textarea{resize:vertical;min-height:6rem;font-family:inherit}.admin-announcements-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.admin-announcements-row{display:flex;gap:.75rem;justify-content:space-between;align-items:flex-start;padding-bottom:.85rem;border-bottom:1px solid var(--border-color)}.admin-announcements-row:last-child{border-bottom:none;padding-bottom:0}.admin-announcements-row-title{display:block;margin:.35rem 0 .15rem;font-size:.9375rem;color:var(--text-primary)}.admin-announcements-row-meta{margin:0;font-size:.7rem;color:var(--text-muted)}.admin-announcements-row-content{margin:.4rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap}@media(max-width:980px){:root{--header-height: 64px}.app-container{padding:10px;gap:10px}.main-content,.dashboard-section,.announcement-section,.profile-card,.password-card,.profile-overview-card,.admin-summary-panel,.admin-table-panel,.redemption-hero-panel,.redemption-form-panel,.redemption-records-panel,.checkout-card,.payment-sheet,.usage-card,.orders-card,.pricing-card,.credit-pack-card{border-radius:16px}.main-header{position:sticky;top:0;z-index:15;padding:10px 10px 8px;border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-main{gap:1px}.page-title{font-size:18px;line-height:1.2}.header-actions{gap:8px;padding-bottom:4px;scrollbar-width:none}.header-pill,.header-icon-btn,.header-logout-btn,.mobile-menu-btn{min-height:40px}.content-area{padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));overflow-x:hidden}.dashboard-home{gap:12px}.hero-panel{padding:14px;gap:12px;border-radius:16px}.hero-main h2{font-size:22px;line-height:1.2}.hero-main p{font-size:13px;line-height:1.6}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:8px}.hero-action-btn{min-height:42px;min-width:0}.dashboard-stat-card,.module-card,.announcement-item{border-radius:14px;padding:12px}.module-card h4{font-size:16px}.module-card p{font-size:13px;line-height:1.55}.pricing-container{padding-bottom:36px}.pricing-overview-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0 14px;margin-bottom:14px}.overview-user{width:100%;gap:10px}.overview-metrics{width:100%;justify-content:space-between;gap:10px}.metric-box{min-width:0}.pricing-section-head.hero-header{margin-top:10px;margin-bottom:16px}.pricing-section-head.hero-header h3{font-size:24px}.pricing-section-head.hero-header p{font-size:13px}.pricing-controls{justify-content:flex-start;gap:10px;margin-bottom:14px}.pricing-mode-switch,.billing-cycle-switch{width:100%;overflow-x:auto;padding:3px;scrollbar-width:none}.mode-chip,.billing-cycle-chip{min-height:40px;padding:8px 12px;white-space:nowrap;flex:0 0 auto}.pricing-grid,.credit-pack-grid{gap:12px}.pricing-card,.credit-pack-card{padding:16px}.amount{font-size:36px}.currency{font-size:20px}.pricing-features{gap:12px;margin-bottom:18px}.feature-item{font-size:13px;line-height:1.5}.credit-pack-meta strong{font-size:28px}.credit-pack-stepper button{min-height:40px;min-width:40px}.credit-pack-stepper input{height:40px}.checkout-summary{grid-template-columns:1fr;gap:6px}.checkout-summary strong{text-align:left}.payment-native-qr img{width:min(72vw,220px);height:min(72vw,220px)}.order-item{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.order-item-side{align-items:flex-start}.ledger-item{gap:10px;padding:12px}.ledger-title-row{flex-direction:column;gap:4px}.profile-layout,.admin-layout,.redemption-layout{gap:10px}.profile-card,.password-card,.profile-overview-card,.admin-summary-panel,.admin-table-panel,.redemption-form-panel,.redemption-records-panel{padding:12px}.profile-info-item,.admin-stat-card,.admin-user-detail-card,.profile-shortcut-card,.profile-secret-box,.profile-api-doc{border-radius:12px}.profile-input,.auth-input,.redemption-code-input.profile-input,.admin-search-field .profile-input{min-height:42px}.profile-overview-name{font-size:19px}.admin-toolbar,.admin-api-toolbar{gap:8px;margin-bottom:10px}.admin-table-wrap,.admin-referral-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table,.admin-referral-table{min-width:720px}.redemption-form{gap:8px}.redemption-code-field{min-height:46px;border-radius:12px}.redemption-submit-btn,.redemption-generate-btn,.admin-action-btn,.profile-shortcut-action{min-height:40px}.modal-overlay,.pricing-modal-overlay,.referral-modal-overlay{padding:10px}.modal{width:100%;max-height:calc(100dvh - 20px);overflow-y:auto;border-radius:18px;padding:14px}.modal-title{font-size:22px;line-height:1.2}.modal-description{font-size:14px;line-height:1.6}.platform-item{border-radius:14px;padding:12px}.modal-confirm-btn{min-height:48px;border-radius:14px;font-size:16px}.auth-page{min-height:100dvh;padding:12px;align-items:flex-start;padding-top:max(12px,env(safe-area-inset-top,0px))}.auth-card{width:100%;border-radius:16px;padding:16px 14px;gap:12px}.auth-brand h1{font-size:24px}.auth-tabs{width:100%}.auth-tabs button,.auth-submit-btn,.auth-secondary-btn,.auth-captcha-refresh,.referral-copy-btn,.pricing-cta,.checkout-submit{min-height:40px}.referral-modal{width:100%;max-height:calc(100dvh - 20px);border-radius:14px;padding:14px 12px}.referral-modal-title{font-size:18px}.referral-modal-sub{font-size:13px}.referral-link-row{flex-direction:column}.referral-copy-btn{justify-content:center;width:100%}.referral-modal-stats{grid-template-columns:1fr}}@media(max-width:640px){.content-area{padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.header-pill{font-size:10px;padding:6px 9px}.dashboard-section-head h3,.pricing-section-head.normal h3,.redemption-form-copy h3,.redemption-section-head h3,.profile-card-head h2,.admin-summary-head h2{font-size:16px}.hero-main h2{font-size:20px}.pricing-card-header{margin-bottom:16px}.pricing-tier,.credit-pack-title{font-size:16px}.amount{font-size:32px}.credit-pack-meta span{font-size:16px}}@media(max-width:980px){.content-shell{padding:0;gap:10px}.generator-layout,.generator-layout.preview-expanded{grid-template-columns:1fr;gap:12px;height:auto}.settings-panel,.preview-panel,.results-panel,.publish-preview-sidebar{height:auto;overflow:visible;padding:14px}.preview-panel-title,.settings-head,.sidebar-tab-bar,.result-actions,.header-actions{flex-wrap:wrap}.dual-upload-row,.ingredient-extract-grid,.compact-config-table,.policy-list{grid-template-columns:1fr}.result-action-btn,.preview-publish-btn,.btn-secondary,.btn-primary{min-height:42px}.result-actions.compact-actions .result-action-btn{flex:1 1 calc(50% - 6px);justify-content:center}.content-shell-chat-mount,.content-shell-chat-mount .chat-panel,.content-shell-chat{min-height:0;height:auto}}@media(max-width:640px){.app-container{grid-template-columns:1fr}.main-header{gap:8px}.page-title{font-size:17px}.panel-title,.preview-panel-title{font-size:15px}.result-actions.compact-actions .result-action-btn{flex:1 1 100%}.unified-upload-card,.history-entry-card,.result-ribbon-card,.compact-config-row{border-radius:14px}}.chat-panel{display:grid;gap:16px;height:100%;min-height:0;grid-template-rows:minmax(0,1fr);width:100%;max-width:none;margin:0;padding:10px 14px 14px;box-sizing:border-box;position:relative;background:transparent;overflow:hidden}.chat-split-panel{grid-template-columns:minmax(0,1.95fr) minmax(620px,1.08fr);grid-template-rows:minmax(0,1fr);align-items:stretch}.chat-split-panel--normal{grid-template-columns:minmax(0,2.35fr) minmax(520px,1fr)}.chat-split-panel--normal .chat-workspace-placeholder{min-width:0;min-height:0;height:100%;pointer-events:none}.chat-split-panel--workflow{grid-template-columns:minmax(0,2.35fr) minmax(520px,1fr)}.chat-workspace-placeholder{min-width:0;min-height:0;height:100%;pointer-events:none}.chat-agent-column{min-width:0;min-height:0;height:100%;display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:16px}.chat-workspace-panel{width:auto;min-width:0;min-height:0;height:100%;border-radius:22px;border:1px solid var(--border-color);background:linear-gradient(165deg,var(--surface-overlay) 0%,var(--surface-soft) 120%);box-shadow:0 4px 28px #0f172a0f,0 0 0 1px rgba(var(--accent-rgb),.04);display:flex;flex-direction:column;gap:14px;padding:18px 18px 20px;overflow-y:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chat-main-header{flex-shrink:0;padding:14px 24px 12px;border-bottom:1px solid var(--border-color);background:var(--surface-soft)}.chat-main-header-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.chat-header-copy{min-width:0;flex:1 1 220px}.chat-mode-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:14px;background:var(--surface-solid);border:1px solid var(--border-color);flex-shrink:0}.chat-mode-btn{border:none;background:transparent;color:var(--text-secondary);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap}.chat-mode-btn-label-short{display:none}.chat-mode-btn:hover{color:var(--text-primary);background:var(--surface-soft)}.chat-mode-btn.active{background:rgba(var(--accent-rgb),.14);color:var(--text-primary);box-shadow:0 1px #0f172a0f}.chat-main-header h3,.workspace-header h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.chat-main-header .chat-header-desc{margin:6px 0 0;font-size:13px;color:var(--text-muted);line-height:1.55}.chat-main-header .chat-header-desc.is-truncate{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-header p{margin:4px 0 0;font-size:12px;color:var(--text-muted);line-height:1.55;max-width:46ch}.workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;margin-bottom:2px;border-bottom:1px solid var(--border-color)}.workspace-header-main{display:flex;gap:12px;align-items:flex-start;min-width:0}.workspace-header-mark{flex-shrink:0;width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb),.14);color:var(--accent-primary, #6366f1);box-shadow:inset 0 1px #ffffff1f}.workspace-header-copy{min-width:0}.workspace-credit-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(var(--accent-rgb),.12);color:var(--text-secondary);font-size:12px;font-weight:700;white-space:nowrap;margin-left:auto;border:1px solid rgba(var(--accent-rgb),.18)}.workspace-section{display:flex;flex-direction:column;gap:12px;border-radius:16px;border:1px solid var(--border-color);background:var(--surface-solid);padding:14px 16px 16px;box-shadow:0 1px #ffffff0a}.workspace-section-model{padding-bottom:14px}.workspace-section-heading{display:flex;flex-direction:column;gap:4px}.workspace-section-heading-split{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px}.workspace-section-heading-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.workspace-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);opacity:.85}.workspace-section-title{margin:0;font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.workspace-batch-count{font-size:12px;font-weight:600;color:var(--text-muted);padding:2px 10px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border-color)}.workspace-text-btn{border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;padding:4px 6px;border-radius:8px;transition:background .15s ease,color .15s ease}.workspace-text-btn:hover:not(:disabled){background:var(--surface-soft);color:var(--text-primary)}.workspace-text-btn:disabled{opacity:.45;cursor:not-allowed}.workspace-text-btn-danger{color:#b91c1c}.workspace-text-btn-danger:hover:not(:disabled){background:#ef444414;color:#991b1b}.workspace-chip-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.08);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .15s ease}.workspace-chip-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.4)}.workspace-chip-btn:disabled{opacity:.45;cursor:not-allowed}.workspace-upload-btn{display:flex;align-items:center;gap:14px;width:100%;text-align:left;min-height:auto;padding:14px 16px;border-radius:14px;border:1px dashed rgba(var(--accent-rgb),.35);background:var(--surface-soft);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.workspace-upload-btn:hover{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.06);box-shadow:0 2px 12px rgba(var(--accent-rgb),.08);transform:none}.workspace-upload-btn-icon{flex-shrink:0;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb),.12);color:var(--accent-primary, #6366f1)}.workspace-upload-btn-text{display:flex;flex-direction:column;gap:2px;min-width:0}.workspace-upload-btn-label{color:var(--text-primary);font-weight:700}.workspace-upload-btn-hint{font-size:12px;font-weight:500;color:var(--text-muted)}.workspace-generate-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:0 20px;border-radius:14px;border:none;font-size:15px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--accent-primary, #6366f1) 0%,#9333ea 100%);box-shadow:0 4px 18px rgba(var(--accent-rgb),.35),inset 0 1px #fff3;transition:filter .2s ease,transform .15s ease,box-shadow .2s ease}.workspace-generate-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 22px rgba(var(--accent-rgb),.4),inset 0 1px #ffffff38}.workspace-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.workspace-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--surface-soft);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.workspace-secondary-btn:hover{background:var(--surface-overlay);border-color:rgba(var(--accent-rgb),.25);transform:none}.workspace-source-preview{border-radius:14px;overflow:hidden;border:1px solid var(--border-color);background:var(--surface-soft);box-shadow:inset 0 0 0 1px #ffffff0a}.workspace-source-image{display:block;width:100%;max-height:200px;object-fit:contain}.workspace-empty-state{border-radius:12px;border:1px solid var(--border-color);background:var(--surface-soft);color:var(--text-muted);font-size:12px;line-height:1.65;padding:12px 14px;display:flex;align-items:center;gap:12px}.workspace-empty-state-compact{min-height:0}.workspace-empty-state-results{flex-direction:column;align-items:center;text-align:center;padding:28px 16px;border-style:dashed;background:transparent}.workspace-empty-state-icon{color:var(--text-muted);opacity:.55;margin-bottom:4px}.workspace-empty-state p{margin:0}.workspace-empty-state-results p{max-width:20rem}.workspace-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.workspace-control{display:flex;flex-direction:column;gap:6px}.workspace-control-inline select{margin-top:2px}.workspace-control span{font-size:11px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.workspace-control select,.workspace-prompt-card textarea,.workspace-plan-textarea,.workspace-edit-form textarea{width:100%;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-overlay);color:var(--text-primary);font:inherit;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.workspace-control select:focus,.workspace-plan-textarea:focus,.workspace-prompt-card textarea:focus,.workspace-edit-form textarea:focus{outline:none;border-color:rgba(var(--accent-rgb),.45);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.workspace-control select{min-height:42px;padding:0 12px}.workspace-prompt-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.workspace-plan-card-list{display:grid;gap:10px}.workspace-plan-card{border-radius:14px;border:1px solid var(--border-color);background:var(--surface-overlay);padding:14px;display:flex;flex-direction:column;gap:12px;border-left:3px solid rgba(var(--accent-rgb),.55);box-shadow:0 2px 10px #0f172a0a}.workspace-plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-plan-card-title{display:flex;align-items:center;gap:10px;min-width:0}.workspace-plan-index{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9px;font-size:13px;font-weight:800;color:var(--text-primary);background:rgba(var(--accent-rgb),.15);flex-shrink:0}.workspace-plan-card-head strong{font-size:14px;color:var(--text-primary);font-weight:700}.workspace-plan-card-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-plan-textarea{min-height:88px;resize:vertical;padding:12px 14px;line-height:1.55;font-size:13px}.workspace-hint-chip{font-size:11px;line-height:1.45;color:var(--text-secondary);padding:8px 10px;border-radius:10px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.12)}.workspace-token-line{font-size:12px;color:var(--text-secondary);text-align:center;padding:4px 0}.workspace-status-banner{border-radius:10px;padding:10px 12px}.workspace-cta-row{margin-top:4px}.workspace-prompt-card{display:flex;flex-direction:column;gap:8px}.workspace-prompt-card span{font-size:12px;color:var(--text-muted);font-weight:600}.workspace-prompt-card textarea,.workspace-edit-form textarea{min-height:132px;resize:vertical;padding:12px;line-height:1.6}.workspace-action-row,.workspace-edit-actions{display:flex;gap:10px;flex-wrap:wrap}.workspace-usage-row{font-size:12px;color:var(--text-secondary)}.workspace-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.workspace-result-card{display:flex;flex-direction:column;gap:10px;border-radius:14px;border:1px solid var(--border-color);background:var(--surface-overlay);padding:10px;box-shadow:0 2px 8px #0f172a0a;transition:border-color .15s ease,box-shadow .15s ease}.workspace-result-card:hover{border-color:rgba(var(--accent-rgb),.22);box-shadow:0 4px 14px rgba(var(--accent-rgb),.08)}.workspace-result-media{cursor:zoom-in}.workspace-result-image{width:100%;aspect-ratio:1 / 1;border-radius:12px;object-fit:cover;background:var(--surface-soft)}.workspace-result-meta{display:flex;flex-direction:column;gap:4px}.workspace-result-meta strong{font-size:13px;color:var(--text-primary)}.workspace-result-meta span{font-size:12px;color:var(--text-muted)}.workspace-result-actions{display:flex;gap:8px;flex-wrap:wrap}.workspace-result-actions button{border:1px solid var(--border-color);border-radius:10px;background:var(--surface-soft);color:var(--text-primary);padding:8px 6px;font-size:11px;font-weight:600;cursor:pointer;flex:1 1 0;min-width:0;transition:background .15s ease,border-color .15s ease}.workspace-result-actions button:hover{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.2)}.workspace-hover-preview-card{position:fixed;width:320px;border-radius:20px;overflow:hidden;border:1px solid rgba(148,163,184,.35);background:var(--surface-overlay);box-shadow:0 18px 48px #0f172a3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1100;pointer-events:none}.workspace-hover-preview-media{aspect-ratio:1 / 1;background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.12),transparent 46%),linear-gradient(180deg,#f8fbff,#eef3fb);padding:14px}.workspace-hover-preview-media img{width:100%;height:100%;object-fit:contain;display:block;border-radius:14px;background:var(--surface-solid)}.workspace-hover-preview-meta{padding:14px 16px 16px}.workspace-hover-preview-title{font-size:15px;font-weight:800;color:var(--text-primary)}.workspace-hover-preview-subtitle{margin-top:4px;font-size:12px;color:var(--text-secondary)}.workspace-history-entry-list{display:flex;flex-direction:column;gap:12px}.workspace-history-entry{border-radius:14px;border:1px solid var(--border-color);background:var(--surface-solid);padding:12px;display:flex;flex-direction:column;gap:10px}.workspace-history-entry-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-history-entry-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workspace-history-entry-head strong{font-size:13px;color:var(--text-primary)}.workspace-danger-btn{border-color:#ef444433;color:#b91c1c}.workspace-danger-btn:hover{background:#ef444414}.workspace-history-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workspace-history-entry-card{display:flex;flex-direction:column;gap:6px;border-radius:12px;border:1px solid var(--border-color);background:var(--surface-soft);padding:8px;text-align:left}.workspace-history-entry-card span{font-size:12px;color:var(--text-secondary);line-height:1.4}.workspace-edit-panel{gap:14px}.workspace-edit-layout{display:grid;grid-template-columns:1fr;gap:14px}.workspace-edit-layout-modal{grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);align-items:start}.workspace-edit-stage-wrap{display:flex;flex-direction:column;gap:8px}.workspace-edit-stage{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border-color);background:var(--surface-soft);touch-action:none}.workspace-edit-stage-image{display:block;width:100%;max-height:300px;object-fit:contain}.workspace-edit-selection-box{position:absolute;border:2px solid #4338ca;box-shadow:0 0 0 9999px #4338ca14;border-radius:12px}.workspace-edit-hint{margin:0;font-size:12px;color:var(--text-muted);line-height:1.6}.workspace-edit-form,.workspace-edit-compare{display:flex;flex-direction:column;gap:12px}.workspace-edit-modal-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.16),transparent 36%),var(--overlay-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.workspace-edit-modal{width:min(1180px,100%);max-height:min(90vh,980px);overflow-y:auto;border-radius:28px;border:1px solid var(--modal-border);background-color:var(--surface-solid);background-image:var(--modal-surface);box-shadow:var(--modal-shadow);padding:22px;position:relative;isolation:isolate}.workspace-edit-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.workspace-edit-modal-header h3{margin:0;font-size:20px;color:var(--text-primary)}.workspace-edit-modal-header p{margin:6px 0 0;font-size:13px;line-height:1.6;color:var(--text-muted)}.workspace-edit-modal-close{width:40px;height:40px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:var(--surface-solid);color:#0f172a;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.workspace-edit-modal-close:hover{background:var(--surface-soft)}.chat-history-panel{width:100%;min-width:0;min-height:0;height:100%;border-radius:24px;border:1px solid var(--border-color);background:var(--surface-overlay);box-shadow:0 4px 24px #0f172a0d;display:flex;flex-direction:column;padding:18px;gap:16px;overflow:hidden}.chat-history-header{display:flex;flex-direction:column;gap:12px}.chat-history-header h3{margin:0;font-size:15px;font-weight:700;color:var(--text-primary)}.chat-history-header p{margin:4px 0 0;font-size:12px;color:var(--text-muted);line-height:1.45}.chat-new-conversation-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:12px;padding:11px 14px;background:linear-gradient(165deg,#1e293b,#0f172a);color:#fff;cursor:pointer;font-size:13px;font-weight:600;box-shadow:0 2px 8px #0f172a1f;transition:transform .15s ease,box-shadow .15s ease}.chat-new-conversation-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0f172a29}.chat-history-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.chat-history-item{display:flex;align-items:center;gap:8px;width:100%;border-radius:14px;border:1px solid transparent;background:var(--surface-soft);transition:background .2s ease,border-color .2s ease,transform .2s ease}.chat-history-item:hover{background:var(--surface-soft);transform:translateY(-1px)}.chat-history-item.active{background:rgba(var(--accent-rgb),.1);border-color:var(--border-color)}.chat-history-open-btn{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:none;background:transparent;text-align:left;cursor:pointer}.chat-history-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:8px;border:none;border-radius:10px;background:transparent;color:#94a3b8;cursor:pointer}.chat-history-delete-btn:hover{background:#ef444414;color:#dc2626}.chat-history-title{color:var(--text-primary);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-history-meta{color:var(--text-muted);font-size:12px}.chat-main{min-width:0;height:100%;display:flex;flex-direction:column;min-height:0;border-radius:24px;border:1px solid var(--border-color);background:var(--surface-overlay);box-shadow:0 4px 24px #0f172a0d;overflow:hidden}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:22px 28px 18px;display:flex;flex-direction:column;gap:18px}.chat-message{display:flex;gap:14px;max-width:100%}.chat-message.assistant{align-self:stretch}.chat-message.user{align-self:flex-end;flex-direction:row-reverse;max-width:min(78%,760px)}.message-avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-2, #f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);flex-shrink:0}.chat-message.user .message-avatar{background:var(--primary, #4f46e5);color:#fff}.message-content{padding:12px 16px;border-radius:12px;background:var(--surface-soft, #f9fafb);color:var(--text-primary, #111827);line-height:1.5;font-size:15px;white-space:normal;word-break:break-word}.message-rich-content{display:flex;flex-direction:column;gap:12px}.message-rich-content code{display:inline-block;padding:1px 6px;border-radius:6px;background:var(--surface-solid);color:var(--text-primary);font-size:.95em}.message-heading{font-weight:700;color:var(--text-primary);line-height:1.35}.message-heading.level-1{font-size:20px}.message-heading.level-2{font-size:18px}.message-heading.level-3,.message-heading.level-4{font-size:16px}.message-paragraph{margin:0}.message-missing-content{color:var(--text-muted)}.message-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.message-list li{margin:0}.message-quote{margin:0;padding:10px 14px;border-left:3px solid rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.06);color:var(--text-secondary);border-radius:10px}.message-divider{border:none;border-top:1px solid var(--border-color);margin:2px 0}.chat-message.user .message-content{background:rgba(var(--accent-rgb),.1);color:var(--text-primary)}.message-body{display:flex;flex-direction:column;gap:10px;min-width:0}.chat-message.assistant .message-body{width:min(100%,1080px)}.chat-quickstart{border:1px solid var(--border-color);border-radius:14px;background:var(--surface-soft);padding:12px;display:flex;flex-direction:column;gap:10px}.chat-quickstart-title{margin:0;font-size:13px;font-weight:700;color:var(--text-primary)}.chat-quickstart-list{display:grid;gap:8px}.chat-quickstart-item{width:100%;text-align:left;border:1px solid rgba(var(--accent-rgb),.18);border-radius:10px;background:var(--surface-solid);color:var(--text-secondary);font-size:13px;line-height:1.45;padding:10px 12px;transition:all .15s ease}.chat-quickstart-item:hover{border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.06);color:var(--text-primary)}.message-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,108px));gap:8px;width:fit-content;max-width:min(100%,224px)}.message-reference-grid.single{grid-template-columns:minmax(0,180px);max-width:min(100%,180px)}.chat-message.user .message-reference-grid{align-self:flex-end}.message-reference-card{border:none;padding:0;overflow:hidden;border-radius:16px;background:var(--surface-soft);box-shadow:0 10px 28px #0f172a14;cursor:zoom-in}.message-reference-preview{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.chat-image-lightbox{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-image-lightbox-dialog{position:relative;max-width:min(92vw,1100px);max-height:88vh;border-radius:28px;background:#0f172a2e;box-shadow:0 30px 80px #00000059;overflow:hidden}.chat-image-lightbox-preview{display:block;max-width:min(92vw,1100px);max-height:88vh;width:auto;height:auto;object-fit:contain;background:#0f172a}.chat-image-lightbox-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-overlay);color:#0f172a;cursor:pointer;box-shadow:0 8px 18px #0f172a29}.message-meta-row{display:flex;flex-wrap:wrap;gap:8px}.message-meta-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:var(--surface-soft);color:var(--text-secondary);font-size:12px;line-height:1}.message-structured-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border-color);border-radius:16px;background:var(--surface-overlay);box-shadow:0 10px 24px #0f172a0f;padding:14px 16px}.message-structured-title{font-size:14px;font-weight:700;color:#0f172a}.message-structured-overview{margin:0;font-size:13px;line-height:1.6;color:#334155}.message-structured-section{display:flex;flex-direction:column;gap:8px}.message-structured-section strong{font-size:13px;color:#0f172a}.message-structured-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-secondary)}.message-structured-meta span{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:var(--surface-soft);border:1px solid rgba(148,163,184,.18)}.message-prompt-preview-list{display:flex;flex-direction:column;gap:8px}.message-prompt-preview{margin:0;white-space:pre-wrap;word-break:break-word;border-radius:12px;background:#0f172a08;border:1px dashed rgba(15,23,42,.12);padding:10px 12px;font-size:12px;line-height:1.55;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.message-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.message-confirm-btn{border:none;border-radius:12px;padding:10px 14px;background:#16a34a;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.message-preview-btn{border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:10px 14px;background:var(--surface-solid);color:#0f172a;font-size:14px;font-weight:600;cursor:pointer}.message-action-preview-panel{display:flex;flex-direction:column;gap:10px}.message-confirm-btn:disabled{cursor:not-allowed;opacity:.7}.message-action-hint{color:#dc2626;font-size:12px;line-height:1.5}.message-pending{color:#52525b}.chat-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;width:min(100%,720px)}.chat-image-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;align-items:stretch}.chat-image-preview-btn{border:0;padding:0;background:transparent;color:inherit;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer}.chat-image-preview{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px;border:1px solid var(--border-color);background:var(--surface-soft)}.chat-image-meta{font-size:12px;color:var(--text-muted)}.chat-image-footer{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:1px}.chat-image-meta-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-image-edit-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--accent-rgb),.42);background:linear-gradient(180deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.1));color:var(--text-primary);border-radius:999px;padding:1px 8px;min-height:20px;font-size:11px;font-weight:600;line-height:1.2;box-shadow:inset 0 1px #ffffff29,0 2px 8px rgba(var(--accent-rgb),.22);cursor:pointer;transition:all .16s ease}.chat-image-edit-btn:hover{border-color:rgba(var(--accent-rgb),.68);background:linear-gradient(180deg,rgba(var(--accent-rgb),.28),rgba(var(--accent-rgb),.14));box-shadow:inset 0 1px #fff3,0 4px 12px rgba(var(--accent-rgb),.3);transform:translateY(-1px)}.chat-image-edit-btn:active{transform:translateY(0)}.chat-image-edit-btn:focus-visible{outline:2px solid rgba(var(--accent-rgb),.65);outline-offset:2px}.chat-input-wrapper{padding:12px 20px 20px;display:flex;justify-content:center;flex-shrink:0;margin-top:auto}.chat-input-container{width:100%;max-width:none;background:var(--surface-solid);border-radius:18px;box-shadow:0 2px 16px #0f172a0a;border:1px solid var(--border-color);padding:14px 16px 12px;display:flex;flex-direction:column;gap:10px;margin-bottom:0}.chat-reference-area{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.reference-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500;width:auto;justify-content:center}.reference-btn:hover{background:var(--surface-soft);border-color:rgba(var(--accent-rgb),.2);color:var(--text-primary)}.chat-file-input{display:none}.reference-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;padding:4px;border-radius:12px;background:rgba(var(--accent-rgb),.1);color:var(--text-secondary);border:1px solid rgba(99,102,241,.16);overflow:hidden;flex-shrink:0}.reference-chip-list{display:flex;flex-wrap:wrap;gap:8px}.reference-chip-preview,.reference-chip-placeholder{width:100%;height:100%;border-radius:10px}.reference-chip-preview{object-fit:cover;display:block}.reference-chip-placeholder{display:flex;align-items:center;justify-content:center;background:#6366f114}.reference-chip-remove{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:999px;background:var(--surface-overlay);color:var(--text-secondary);cursor:pointer;box-shadow:0 4px 12px #4338ca1f}.reference-count-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(var(--accent-rgb),.1);color:var(--text-secondary);font-size:13px;font-weight:600}.chat-textarea{border:none;resize:none;font-size:15px;outline:none;padding:8px 4px;background:transparent;color:var(--text-primary);min-height:24px;line-height:1.5}.chat-textarea::placeholder{color:var(--text-muted)}.chat-toolbar{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-top:16px;gap:12px}.chat-toolbar-left,.chat-toolbar-right{display:flex;align-items:center;gap:8px}.chat-toolbar-left{flex:1 1 100%;min-width:0;flex-wrap:wrap}.chat-toolbar-right{margin-left:auto;flex-shrink:0}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:transparent;border:none;color:#52525b;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500;max-width:220px;min-width:0}.toolbar-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-toolbar-btn{align-items:center;justify-content:flex-start;max-width:min(100%,440px);min-width:0}.model-toolbar-btn span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.25;text-align:left}.toolbar-btn:hover,.toolbar-btn.active{background:var(--surface-soft);color:var(--text-primary)}.toolbar-dropdown{position:relative;max-width:100%}.resolution-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface-solid);border-radius:16px;box-shadow:0 10px 40px #0000001f,0 0 0 1px #0000000d;padding:8px;width:120px;z-index:100;display:flex;flex-direction:column}.model-menu{width:min(420px,calc(100vw - 48px));left:0;right:auto;transform:none}.style-menu{width:320px}.menu-header{font-size:12px;color:#a1a1aa;padding:8px 12px;font-weight:500}.menu-item-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.menu-item-label{white-space:normal;word-break:break-word;text-align:left}.menu-item-desc{color:var(--text-muted);font-size:12px;line-height:1.4;text-align:left;white-space:normal}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:14px;cursor:pointer;border-radius:8px;transition:background .2s}.menu-item:hover{background:var(--surface-soft)}.menu-item svg{color:var(--text-primary)}.menu-item-switch{position:relative;width:34px;height:20px;border-radius:999px;background:#d4d4d8;box-shadow:inset 0 0 0 1px #0f172a0f;transition:background .2s ease;flex-shrink:0}.menu-item-switch.on{background:#22c55e}.menu-item-switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface-solid);box-shadow:0 2px 6px #0f172a29;transition:transform .2s ease}.menu-item-switch.on .menu-item-switch-thumb{transform:translate(14px)}.balance-text{display:flex;align-items:center;gap:6px;padding:6px 12px;color:var(--text-muted);font-size:14px;border-radius:20px;background:var(--surface-soft);font-weight:500}.submit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--text-primary);color:var(--surface-solid);border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0f172a33}.submit-btn:disabled{background:var(--surface-soft);color:var(--text-muted);cursor:not-allowed}.chat-status{color:var(--text-muted);font-size:13px;line-height:1.5}.chat-status.error{color:#dc2626}span.toolbar-sep{color:#d4d4d8}@media(max-width:900px){.chat-panel,.chat-agent-column,.chat-split-panel{flex-direction:column;height:auto;grid-template-columns:1fr;gap:12px;overflow:visible}.chat-history-panel,.chat-workspace-panel,.chat-main{width:100%;min-width:0;height:auto;min-height:0;overflow:visible}.chat-history-panel,.chat-workspace-panel{padding:12px;gap:12px;border-radius:20px}.chat-workspace-placeholder{display:none}.chat-main{width:100%;height:auto;min-width:0;min-height:auto;border-radius:20px}.chat-history-header{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.chat-history-header p{display:none}.chat-new-conversation-btn{width:auto;min-width:132px;padding:10px 14px;border-radius:12px}.chat-history-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;gap:10px;scroll-snap-type:x proximity}.chat-history-item{min-width:min(72vw,220px);scroll-snap-align:start}.chat-history-open-btn{gap:4px;padding:10px 12px}.chat-history-title{font-size:13px}.chat-history-meta{font-size:11px}.chat-history-delete-btn{width:32px;height:32px;margin-right:6px}.chat-messages{flex:initial;overflow:visible;padding:10px 12px 0;gap:10px}.chat-message.user{max-width:100%}.chat-message.assistant .message-body{width:100%}.message-content{font-size:14px}.chat-message{max-width:100%;gap:10px}.message-avatar{width:32px;height:32px}.chat-input-wrapper{padding:10px 12px 12px}.chat-input-container{margin-bottom:0;border-radius:16px;padding:12px;gap:8px}.workspace-controls-grid,.workspace-result-grid,.workspace-history-entry-grid,.workspace-prompt-list,.workspace-plan-card-controls,.workspace-edit-layout{grid-template-columns:1fr}.workspace-edit-modal{width:100%;max-height:86dvh;border-radius:20px;padding:16px}.chat-toolbar{flex-direction:column;align-items:stretch}.chat-toolbar-left,.chat-toolbar-right{width:100%;flex-wrap:wrap}.chat-toolbar-right{justify-content:space-between}.toolbar-btn{max-width:none;width:100%;justify-content:space-between}.toolbar-dropdown{width:100%}.chat-toolbar-left .toolbar-dropdown{width:auto;max-width:100%}.chat-toolbar-left .model-toolbar-btn{width:auto;max-width:min(100%,420px);justify-content:flex-start}.resolution-menu,.model-menu{left:0;right:0;transform:none;width:auto;max-width:none}.chat-main{min-height:360px}.chat-main-header{padding:12px 16px 10px}.chat-main-header-inner{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}.chat-header-copy{flex:0 0 auto}.chat-main-header h3{font-size:16px}.chat-main-header .chat-header-desc{margin-top:4px;font-size:12px;line-height:1.6}.chat-mode-toggle{width:100%;justify-content:stretch}.chat-mode-btn{flex:1 1 0;text-align:center;justify-content:center;font-size:12px;padding:8px 10px}.chat-quickstart{padding:12px;gap:8px}.chat-quickstart-title{font-size:12px}.chat-quickstart-item{padding:12px 14px;font-size:14px;border-radius:12px}.chat-mode-btn-label-full{display:none}.chat-mode-btn-label-short{display:inline}.chat-main-header .chat-header-desc.is-truncate{white-space:normal;overflow:visible;text-overflow:initial;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.workspace-header{flex-direction:column;align-items:stretch}.workspace-credit-chip{align-self:flex-start;margin-left:0}.workspace-section{padding:12px 13px 14px}.workspace-section-heading-split,.workspace-plan-card-head,.workspace-history-entry-head{flex-direction:column;align-items:stretch}.workspace-chip-btn,.workspace-history-entry-actions{width:100%}.workspace-history-entry-actions .workspace-secondary-btn{flex:1 1 0}.workspace-action-row,.workspace-edit-actions{flex-direction:column}.workspace-action-row>*,.workspace-edit-actions>*{width:100%}.message-reference-grid,.message-reference-grid.single{max-width:min(100%,180px)}.chat-image-lightbox{padding:16px}.reference-btn{width:100%;min-height:40px;padding:9px 12px;font-size:13px}.reference-chip-list{width:100%}.reference-count-chip{width:100%;justify-content:center}.chat-textarea{min-height:72px;font-size:14px;padding:6px 2px}.balance-text{font-size:12px;padding:4px 10px}.submit-btn{width:40px;height:40px}.chat-status{font-size:12px}.workspace-edit-modal-overlay{align-items:flex-end;padding:12px}}@media(max-width:640px){.chat-panel{padding:0 0 6px}.chat-history-item{min-width:82vw}.chat-history-header{align-items:flex-start}.chat-main-header{padding:10px 12px}.chat-main-header h3{font-size:15px}.chat-mode-btn{padding:10px 8px}.chat-quickstart-item{font-size:13px}.chat-image-grid{grid-template-columns:1fr;width:100%}.message-action-row>button,.message-action-row>.message-confirm-btn,.message-action-row>.message-preview-btn{flex:1 1 100%}.balance-text{flex:1 1 auto;min-width:0;justify-content:center}.workspace-upload-btn{flex-direction:column;align-items:flex-start}.workspace-upload-btn-icon{width:42px;height:42px}.workspace-result-actions button{flex:1 1 calc(50% - 4px)}.workspace-edit-modal-overlay{padding:0}.workspace-edit-modal{border-radius:22px 22px 0 0;max-height:88dvh}}@media(min-width:1560px){.chat-split-panel--workflow,.chat-split-panel--normal{grid-template-columns:minmax(0,2.45fr) minmax(560px,1fr)}.workspace-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.chat-panel{padding:0;gap:10px;overflow:visible}.chat-agent-column{gap:10px}.chat-history-panel{border-radius:18px;padding:10px;gap:10px;background:color-mix(in srgb,var(--surface-overlay) 92%,transparent 8%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px #0f172a1a}.chat-history-header{gap:8px}.chat-history-header h3{font-size:13px}.chat-history-header p{font-size:11px}.chat-new-conversation-btn{min-height:40px;padding:8px 12px;font-size:12px;border-radius:10px}.chat-history-list{gap:6px;padding-bottom:2px}.chat-history-item{min-width:min(72vw,240px);border-radius:12px;border-color:rgba(var(--accent-rgb),.12);background:color-mix(in srgb,var(--surface-soft) 88%,transparent 12%)}.chat-history-open-btn{padding:10px;gap:4px}.chat-history-title{font-size:12px}.chat-history-meta{font-size:10px}.chat-history-delete-btn{width:32px;height:32px;margin-right:4px;border-radius:9px}.chat-main{border-radius:18px;border-color:rgba(var(--accent-rgb),.12);background:color-mix(in srgb,var(--surface-overlay) 94%,transparent 6%);min-height:0;height:calc(100dvh - 240px);box-shadow:0 14px 28px #0f172a1a}.chat-main-header{position:sticky;top:0;z-index:3;padding:10px 12px 9px;border-bottom-color:rgba(var(--accent-rgb),.12);background:color-mix(in srgb,var(--surface-soft) 92%,transparent 8%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chat-main-header h3{font-size:15px;line-height:1.3}.chat-main-header .chat-header-desc{font-size:12px;line-height:1.45}.chat-mode-toggle{min-height:40px;border-radius:12px;padding:3px;gap:3px;background:color-mix(in srgb,var(--surface-solid) 92%,transparent 8%)}.chat-mode-btn{min-height:34px;border-radius:9px;font-size:12px;font-weight:700;padding:0 8px}.chat-messages{padding:10px 10px 6px;gap:10px}.chat-message{gap:8px}.chat-message.user{max-width:92%}.message-avatar{width:30px;height:30px}.message-content{padding:10px 12px;border-radius:11px;font-size:13px;line-height:1.5}.chat-quickstart{border-radius:12px;padding:10px;gap:8px;background:color-mix(in srgb,var(--surface-soft) 92%,transparent 8%);border-color:rgba(var(--accent-rgb),.18)}.chat-quickstart-title{font-size:12px}.chat-quickstart-item{min-height:40px;display:flex;align-items:center;font-size:12px;padding:8px 10px;border-radius:9px}.chat-input-wrapper{position:sticky;bottom:0;z-index:4;padding:12px 8px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface-overlay);border-radius:0 0 18px 18px}.chat-input-container{border-radius:14px;padding:8px 9px 7px;gap:8px;border-color:rgba(var(--accent-rgb),.2);background:color-mix(in srgb,var(--surface-solid) 94%,transparent 6%);box-shadow:0 4px 20px #0f172a14}.chat-reference-area{gap:6px}.reference-btn{min-height:40px;padding:0 11px;border-radius:10px;font-size:12px;font-weight:700}.reference-chip{width:54px;height:54px;border-radius:10px}.reference-count-chip{min-height:30px;padding:0 9px;font-size:11px}.chat-textarea{min-height:64px;max-height:24dvh;font-size:14px;line-height:1.45;padding:4px 2px}.chat-toolbar{gap:8px;margin-top:12px;flex-wrap:nowrap;align-items:center}.chat-toolbar-left{gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;flex:1;min-width:0}.chat-toolbar-left::-webkit-scrollbar{display:none}.toolbar-btn{min-height:40px;border-radius:10px;padding:0 10px;font-size:12px;flex:0 0 auto;background:color-mix(in srgb,var(--surface-soft) 88%,transparent 12%);border:1px solid rgba(var(--accent-rgb),.12)}.model-toolbar-btn{max-width:100%;min-width:0}.chat-toolbar-left .model-toolbar-btn{width:auto;max-width:min(100%,320px)}.chat-toolbar-right{width:auto;justify-content:flex-end;align-items:center;gap:8px;flex-shrink:0}.balance-text{display:none}.submit-btn{width:40px;height:40px;flex-shrink:0}.resolution-menu.model-menu,.style-menu{width:min(92vw,360px)}}.chat-reference-area{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chat-hard-planning-pill{border:1px solid rgba(var(--accent-rgb),.22);background:rgba(var(--accent-rgb),.08);color:var(--accent-primary);border-radius:999px;min-height:40px;padding:0 14px;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.chat-hard-planning-pill:hover{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.34);transform:translateY(-1px)}.chat-history-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-history-toggle-btn{display:none;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border-radius:10px;border:1px solid rgba(var(--accent-rgb),.14);background:var(--surface-soft);color:var(--text-primary);font-size:12px;font-weight:700}.chat-history-toggle-btn svg{transition:transform .2s ease}.chat-history-toggle-btn svg.is-open{transform:rotate(180deg)}@media(max-width:900px){.chat-history-toggle-btn{display:inline-flex}.chat-history-header-actions{width:100%;justify-content:space-between}.chat-history-list{display:none}.chat-history-list.is-open{display:flex}.chat-main{height:auto;min-height:min(68dvh,720px)}.chat-messages{padding-bottom:10px}.chat-input-container{gap:10px}.chat-toolbar-right{position:sticky;bottom:0}}@media(max-width:640px){.chat-history-header-actions{flex-direction:row}.chat-history-toggle-btn,.chat-new-conversation-btn{flex:1 1 calc(50% - 4px);width:auto;min-width:0}.chat-main{min-height:min(72dvh,780px)}.chat-input-container{border-radius:16px}.chat-textarea{min-height:76px}}@media(max-width:900px){.chat-toolbar-left.has-open-menu{overflow:visible}.chat-toolbar-left.has-open-menu .toolbar-dropdown{flex:1 1 100%;min-width:0}.chat-toolbar-left.has-open-menu .model-toolbar-btn{width:100%;max-width:none}.chat-toolbar-left.has-open-menu .resolution-menu.model-menu{position:relative;inset:auto;width:100%;margin-top:8px;transform:none;z-index:6}}