@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: #f4faf6;--surface-solid: #ffffff;--surface-hover: #f8fafd;--surface-subtle: #f1f5f9;--surface-card: #fcfcfd;--surface-overlay: rgba(255, 255, 255, .92);--text-primary: #0f1f16;--text-secondary: #4b5b52;--text-muted: #8a9c91;--accent-primary: #00a849;--accent-secondary: #00c853;--accent-rgb: 0, 168, 73;--accent-glow: rgba(0, 200, 83, .32);--success: #00a849;--warning: #f59e0b;--danger: #ef4444;--border-color: #dbe7df;--border-strong: #c0d3c7;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .65);--shadow-sm: 0 2px 8px rgba(15, 42, 24, .06);--shadow-md: 0 10px 24px rgba(15, 42, 24, .08);--shadow-lg: 0 22px 50px rgba(15, 42, 24, .12);--page-glow-top: rgba(0, 200, 83, .14);--page-glow-bottom: rgba(0, 110, 42, .08);--sidebar-surface: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 252, 249, .98));--main-content-surface: rgba(255, 255, 255, .86);--avatar-gradient: linear-gradient(145deg, #d9f1e2, #b7e5c8);--placeholder-surface: linear-gradient(145deg, #ffffff, #f1faf4);--panel-surface: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(246, 252, 248, .95));--panel-border: rgba(219, 231, 223, .85);--panel-shadow: 0 4px 20px rgba(15, 23, 42, .03), inset 0 2px 4px rgba(255, 255, 255, .6);--overlay-scrim: rgba(10, 32, 18, .4);--modal-surface: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 251, 246, .98));--modal-border: rgba(216, 231, 222, .9);--modal-shadow: 0 28px 80px rgba(10, 40, 22, .18), 0 8px 30px rgba(0, 168, 73, .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: #071812;--bg-primary: #0b1f16;--bg-secondary: #0f251b;--bg-tertiary: #163121;--surface-soft: #0d2218;--surface-solid: #0f251b;--surface-hover: #16321f;--surface-subtle: #163121;--surface-card: #0d2218;--surface-overlay: rgba(13, 34, 24, .92);--text-primary: #ecfdf4;--text-secondary: #b8dcca;--text-muted: #7fa793;--accent-primary: #34d399;--accent-secondary: #6ee7b7;--accent-rgb: 52, 211, 153;--accent-glow: rgba(52, 211, 153, .36);--success: #34d399;--warning: #fbbf24;--danger: #f87171;--border-color: rgba(148, 200, 171, .18);--border-strong: rgba(148, 200, 171, .3);--glass-bg: rgba(7, 24, 18, .82);--glass-border: rgba(148, 200, 171, .12);--shadow-sm: 0 10px 24px rgba(2, 12, 8, .22);--shadow-md: 0 18px 36px rgba(2, 12, 8, .28);--shadow-lg: 0 28px 70px rgba(2, 12, 8, .4);--page-glow-top: rgba(0, 200, 83, .2);--page-glow-bottom: rgba(52, 211, 153, .08);--sidebar-surface: linear-gradient(180deg, rgba(8, 30, 22, .98), rgba(13, 34, 24, .98));--main-content-surface: rgba(7, 24, 18, .88);--avatar-gradient: linear-gradient(145deg, #1a4832, #0f2c1e);--placeholder-surface: linear-gradient(145deg, #133d2a, #0c2318);--panel-surface: linear-gradient(145deg, rgba(14, 38, 26, .98), rgba(11, 30, 20, .96));--panel-border: rgba(72, 110, 88, .42);--panel-shadow: 0 18px 32px rgba(2, 12, 8, .36), inset 0 1px 0 rgba(148, 200, 171, .06);--overlay-scrim: rgba(2, 12, 8, .58);--modal-surface: linear-gradient(180deg, rgba(11, 30, 20, .98), rgba(14, 38, 26, .98));--modal-border: rgba(72, 110, 88, .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 rgba(var(--accent-rgb),0)}to{box-shadow:0 0 rgba(var(--accent-rgb),0)}}@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;display:flex;flex-direction:column;gap:10px}.sidebar-qq-card{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:10px;padding:12px;border-radius:18px;border:1px solid rgba(var(--accent-rgb),.18);background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.12),transparent 36%),linear-gradient(180deg,rgba(var(--accent-rgb),.05),transparent 72%),var(--surface-soft);color:var(--text-primary);box-shadow:0 10px 26px rgba(var(--accent-rgb),.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.sidebar-qq-card:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.26);box-shadow:0 14px 30px rgba(var(--accent-rgb),.12)}.sidebar-qq-card-copy{min-width:0}.sidebar-qq-card-title{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-primary)}.sidebar-qq-card-copy p{margin:6px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}.sidebar-qq-card img{width:72px;height:72px;border-radius:12px;object-fit:cover;background:#fff}.sidebar-qq-preview{position:fixed;z-index:1200;pointer-events:none}.sidebar-qq-preview-card{width:320px;padding:12px;border-radius:22px;border:1px solid rgba(var(--accent-rgb),.18);background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.12),transparent 34%),linear-gradient(180deg,rgba(var(--accent-rgb),.05),transparent 70%),var(--surface-solid);box-shadow:0 24px 54px #0f172a33;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.sidebar-qq-preview-card img{display:block;width:100%;height:auto;border-radius:16px;background:#fff}.sidebar-qq-preview-caption{margin-top:10px;color:var(--text-secondary);font-size:12px;font-weight:600;text-align:center}.sidebar-footer-item{width:100%;margin:0}.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:#0d6a31;background-color:#00c85329;border-color:#006e2a4d}.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);max-width:min(220px,42vw)}.credits-amount{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.header-pill.image-task-pill{font:inherit;cursor:pointer;gap:6px;padding:8px 12px;color:#047857;background:linear-gradient(135deg,#10b9811f,#ecfdf5eb);border-color:#10b9813d;box-shadow:inset 0 1px #ffffffb8;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}button.header-pill.image-task-pill:hover{transform:translateY(-1px);border-color:#10b98166;box-shadow:0 10px 24px #10b98124,inset 0 1px #ffffffd1}.image-task-title{white-space:nowrap;font-size:12px;font-weight:700}.image-task-counts{display:inline-flex;align-items:center;gap:5px;margin-left:0}.image-task-count{display:inline-flex;align-items:center;gap:2px;color:var(--text-secondary);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.image-task-dot{width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 12%,transparent),0 0 6px color-mix(in srgb,currentColor 34%,transparent),0 0 12px color-mix(in srgb,currentColor 18%,transparent)}.image-task-count.is-completed{color:#10b981}.image-task-count.is-running{color:#f59e0b}.image-task-count.is-failed{color:#ef4444}.image-task-pill.has-tasks .image-task-count.is-running .image-task-dot{animation:image-task-pulse 1.6s ease-in-out infinite}.image-task-pill.image-task-pill-catch{animation:image-task-catch .72s cubic-bezier(.18,.86,.2,1)}.image-task-source-pack{position:relative;animation:image-task-source-pack .52s cubic-bezier(.18,.86,.2,1);box-shadow:0 0 0 6px #10b9811a,0 18px 36px #10b9811f!important}.image-task-fly-orb{position:fixed;left:0;top:0;z-index:9999;width:128px;height:56px;pointer-events:none;transform-origin:center;filter:drop-shadow(0 22px 32px rgba(15,118,110,.34));will-change:transform,opacity}.image-task-fly-trail{position:absolute;left:-76px;top:50%;width:96px;height:20px;border-radius:999px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(16,185,129,.12),rgba(16,185,129,.36));filter:blur(2px);animation:image-task-trail .34s ease-in-out infinite alternate}.image-task-fly-core{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;border:1px solid rgba(16,185,129,.52);color:#03684f;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,1),rgba(255,255,255,.48) 30%,transparent 54%),radial-gradient(circle at 88% 78%,rgba(52,211,153,.32),transparent 46%),linear-gradient(135deg,#ecfdf5fa,#a7f3d0eb);font-size:13px;font-weight:800;letter-spacing:.02em;box-shadow:inset 0 1px #fffffff2,0 0 0 8px #10b98114,0 12px 36px #10b98147;animation:image-task-orb-wobble .42s ease-in-out infinite alternate}.image-task-fly-icon{color:#10b981;font-size:17px;line-height:1}.image-task-fly-sparks{position:absolute;inset:0}.image-task-fly-sparks i{position:absolute;width:6px;height:6px;border-radius:999px;background:#f59e0b;opacity:.85;animation:image-task-spark .5s ease-in-out infinite alternate}.image-task-fly-sparks i:nth-child(1){left:8px;top:-5px;width:8px;height:8px;background:#10b981}.image-task-fly-sparks i:nth-child(2){right:12px;top:0;background:#f59e0b;animation-delay:.12s}.image-task-fly-sparks i:nth-child(3){right:24px;bottom:-6px;width:7px;height:7px;background:#ef4444;animation-delay:.22s}.image-task-fly-sparks i:nth-child(4){left:34px;bottom:-7px;width:5px;height:5px;background:#22d3ee;animation-delay:.32s}@keyframes image-task-pulse{0%,to{transform:scale(1);opacity:.72}50%{transform:scale(1.28);opacity:1}}@keyframes image-task-catch{0%{transform:scale(1)}20%{transform:scale(.94)}48%{transform:scale(1.14);box-shadow:0 14px 32px #10b9813d,0 0 0 12px #10b9811f}to{transform:scale(1)}}@keyframes image-task-source-pack{0%{transform:scale(1)}34%{transform:scale(.96);filter:saturate(1.2)}68%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes image-task-trail{0%{opacity:.42;transform:translateY(-50%) scaleX(.72)}to{opacity:.82;transform:translateY(-50%) scaleX(1)}}@keyframes image-task-orb-wobble{0%{transform:rotate(-1.5deg) scale(1)}to{transform:rotate(1.5deg) scale(1.035)}}@keyframes image-task-spark{0%{transform:translateZ(0) scale(.82);opacity:.55}to{transform:translate3d(0,-5px,0) scale(1.18);opacity:1}}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}.image-task-drawer-backdrop{position:fixed;inset:0;z-index:1200;display:flex;justify-content:flex-end;background:#081b123d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.image-task-drawer{width:min(420px,calc(100vw - 24px));height:100%;padding:22px;background:var(--modal-surface);border-left:1px solid var(--modal-border);box-shadow:-24px 0 48px #0f172a2e;display:flex;flex-direction:column;gap:18px;animation:image-task-drawer-in .24s ease-out}.image-task-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.image-task-drawer-kicker{display:block;margin-bottom:4px;font-size:12px;font-weight:800;color:var(--accent-primary)}.image-task-drawer-head h2{margin:0;font-size:22px;color:var(--text-primary)}.image-task-drawer-close{width:34px;height:34px;border-radius:999px;border:1px solid var(--border-color);background:var(--surface-overlay);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer}.image-task-drawer-list{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding-right:2px}.image-task-empty,.image-task-row{border:1px solid var(--border-color);border-radius:18px;background:var(--surface-overlay);box-shadow:0 14px 34px #0f172a12}.image-task-empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;color:var(--text-muted);text-align:center}.image-task-empty strong{color:var(--text-primary)}.image-task-row{padding:14px;display:flex;flex-direction:column;gap:10px}.image-task-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.image-task-row-status,.image-task-row-time,.image-task-progress{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-secondary)}.image-task-row-status i{width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 12%,transparent),0 0 8px color-mix(in srgb,currentColor 24%,transparent)}.image-task-row.is-succeeded .image-task-row-status{color:#10b981}.image-task-row.is-running .image-task-row-status,.image-task-row.is-queued .image-task-row-status{color:#f59e0b}.image-task-row.is-failed .image-task-row-status{color:#ef4444}.image-task-row-title{font-size:14px;font-weight:800;color:var(--text-primary)}.image-task-row-meta{font-size:12px;color:var(--text-muted)}.image-task-progress svg{animation:image-task-spin 1s linear infinite}.image-task-progress-block{padding:10px;border:1px solid rgba(245,158,11,.18);border-radius:14px;background:#f59e0b14}.image-task-progress-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.image-task-progress-line strong{font-size:12px;color:#b45309}.image-task-progress-track{height:8px;overflow:hidden;border-radius:999px;background:#94a3b838}.image-task-progress-fill{height:100%;min-width:6px;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#22c55e);transition:width .24s ease}.image-task-progress-hint{margin-top:6px;font-size:11px;color:var(--text-muted)}.image-task-error{padding:9px 10px;border-radius:12px;background:#ef44441a;color:#b91c1c;font-size:12px;line-height:1.5}.image-task-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-task-result{border-radius:14px;overflow:hidden;border:1px solid var(--border-color);background:#ffffffb3}.image-task-result img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.image-task-video-result{display:grid;gap:10px}.image-task-video-result video{background:#020617;border-radius:14px;display:block;max-height:260px;width:100%}.image-task-video-actions{display:flex;flex-wrap:wrap;gap:8px}.image-task-video-actions a,.image-task-video-actions button{align-items:center;background:#10b9811f;border:1px solid rgba(16,185,129,.24);border-radius:999px;color:#047857;cursor:pointer;display:inline-flex;font-size:12px;font-weight:800;gap:6px;padding:7px 10px;text-decoration:none}.image-task-result button{width:100%;border:0;border-top:1px solid var(--border-color);background:var(--surface-overlay);color:var(--accent-primary);font-size:12px;font-weight:800;padding:8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}@keyframes image-task-drawer-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes image-task-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.image-task-drawer{width:100%;padding:18px}}.image-task-drawer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(16,185,129,.16);border-radius:14px;background:#10b9810f;color:var(--text-secondary);font-size:12px;font-weight:700}.image-task-drawer-toolbar button,.image-task-delete-btn,.image-task-copy-btn,.image-task-retry-btn{border:1px solid rgba(239,68,68,.16);background:#ef444414;color:#dc2626;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;font:inherit;font-weight:800;transition:transform .18s ease,opacity .18s ease,background .18s ease}.image-task-drawer-toolbar button{padding:7px 10px;border-radius:999px;white-space:nowrap;font-size:12px}.image-task-drawer-toolbar button:hover:not(:disabled),.image-task-delete-btn:hover:not(:disabled),.image-task-copy-btn:hover:not(:disabled),.image-task-retry-btn:hover:not(:disabled){transform:translateY(-1px);background:#ef44441f}.image-task-drawer-toolbar button:disabled,.image-task-delete-btn:disabled,.image-task-copy-btn:disabled,.image-task-retry-btn:disabled{cursor:not-allowed;opacity:.45}.image-task-row-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.image-task-row-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.image-task-delete-btn,.image-task-copy-btn,.image-task-retry-btn{width:30px;height:30px;border-radius:999px;flex-shrink:0}.image-task-copy-btn{border-color:#0ea5e933;background:#0ea5e91a;color:#0284c7;white-space:nowrap}.image-task-copy-btn.is-copied{width:auto;min-width:54px;padding:0 9px;border-color:#10b98138;background:#10b9811f;color:#059669;font-size:12px}.image-task-retry-btn{border-color:#10b98133;background:#10b9811a;color:#059669}.image-task-retry-btn:hover:not(:disabled){background:#10b98124}.image-task-prompt-preview{display:grid;gap:6px;padding:9px 10px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),.12);background:color-mix(in srgb,var(--surface-soft) 88%,transparent 12%)}.image-task-prompt-preview span{display:inline-flex;align-items:center;gap:5px;color:var(--accent-primary);font-size:12px;font-weight:800}.image-task-prompt-preview p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.image-task-drawer-toolbar{align-items:flex-start;flex-direction:column}}.image-task-info-grid{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.image-task-cost-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 10px;border-radius:999px;border:1px solid rgba(16,185,129,.16);background:#10b98114;color:var(--text-secondary);font-size:12px;font-weight:800}.image-task-cost-chip strong{color:var(--accent-primary);font-size:13px}.image-task-duration-chip{border-color:#3b82f629;background:#3b82f614}.image-task-duration-chip strong{color:#2563eb}.image-task-model-chip{max-width:100%}.image-task-model-chip strong{color:#0f172a;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-task-reference-count-chip,.image-task-option-chip{border-color:#0ea5e929;background:#0ea5e914}.image-task-reference-count-chip strong,.image-task-option-chip strong{color:#0284c7}.image-task-reference-block{display:grid;gap:8px;padding:9px 10px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:#f8fafcb8}.image-task-reference-title{color:var(--text-secondary);font-size:12px;font-weight:800}.image-task-reference-strip{display:flex;flex-wrap:wrap;gap:8px}.image-task-reference-thumb{width:46px;height:46px;overflow:hidden;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-overlay)}.image-task-reference-thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-task-reference-more{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;border-radius:12px;background:#0f172a0f;color:var(--text-secondary);font-size:12px;font-weight:900}.image-task-summary-btn{flex:1 1 auto;min-width:0;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.image-task-row-summary-meta{margin-top:4px;font-size:11px;line-height:1.35;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.image-task-expand-btn{width:30px;height:30px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#94a3b814;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,background .18s ease}.image-task-row.is-expanded .image-task-expand-btn svg{transform:rotate(180deg)}.image-task-expand-btn:hover{background:#94a3b824}.image-task-thumbnail-strip{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden}.image-task-thumbnail-strip img,.image-task-thumbnail-strip span{width:42px;height:42px;border-radius:10px;flex:0 0 auto;border:1px solid var(--border-color);background:var(--surface-soft)}.image-task-thumbnail-strip img{object-fit:cover;display:block}.image-task-thumbnail-strip span{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:12px;font-weight:800}.image-task-row.is-collapsed{gap:8px}.image-task-group-child-list{display:flex;flex-direction:column;gap:9px}.image-task-group-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid var(--border-color);border-radius:14px;background:var(--surface-soft);padding:10px}.image-task-group-child-main{min-width:0;display:grid;gap:5px}.image-task-group-child-main strong{min-width:0;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-task-group-child-main p{margin:0;color:#b91c1c;font-size:12px;line-height:1.45}.image-task-group-child-actions{display:inline-flex;align-items:center;gap:7px}.image-task-group-child .image-task-thumbnail-strip{grid-column:1 / -1}.image-task-group-row .image-task-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:520px){.image-task-group-row .image-task-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.auth-page{min-height:100vh;padding:24px;display:grid;place-items:center}.auth-card{width:min(460px,100%);max-height:calc(100dvh - 48px);min-height:0;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;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.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}.admin-summary-panel{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--surface-solid, #ffffff) 92%,transparent)}.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}.admin-summary-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-modal-backdrop{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.admin-modal{width:min(880px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;background:var(--surface-solid);border:1px solid var(--surface-border);border-radius:20px;box-shadow:0 24px 60px #0f172a47;padding:22px}.admin-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--surface-border);margin-bottom:14px}.admin-modal-head-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.admin-modal-import{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:12px;border:1px dashed var(--surface-border);border-radius:12px;background:var(--surface-muted)}.admin-modal-import-textarea{width:100%;min-height:96px;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;line-height:1.55;resize:vertical}.admin-modal-import-actions{display:inline-flex;align-items:center;gap:8px}.admin-modal-head h3{margin:0 0 4px;font-size:16px;font-weight:600}.admin-modal-head p{margin:0;font-size:13px;color:var(--text-secondary)}.admin-modal-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--surface-border);background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.admin-modal-close:hover{color:var(--text-primary);background:var(--surface-muted)}.admin-modal-body{flex:1;overflow-y:auto;padding-right:2px}.profile-card-head{justify-content:flex-start}.tutorial-suite-tabs{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;gap:8px}.tutorial-suite-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--surface-border);background:rgba(var(--accent-rgb),.04);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,transform .12s ease}.tutorial-suite-chip:hover:not(.is-active){border-color:rgba(var(--accent-rgb),.28);color:var(--text-primary);transform:translateY(-1px)}.tutorial-suite-chip.is-active{border-color:rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.12);color:var(--accent-primary)}.tutorial-suite-chip:focus-visible{outline:2px solid rgba(var(--accent-rgb),.28);outline-offset:2px}.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)}.profile-textarea{height:auto;min-height:120px;padding-top:12px;padding-bottom:12px;resize:vertical;line-height:1.6}.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}.account-settings-layout{gap:16px}.account-settings-tabs{display:inline-flex;align-self:center;align-items:center;gap:4px;padding:4px;background:var(--surface-muted, rgba(148, 163, 184, .12));border:1px solid var(--surface-border, var(--border-color));border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none}.account-settings-tabs::-webkit-scrollbar{display:none}.account-settings-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap}.account-settings-tab:hover{color:var(--text-primary)}.account-settings-tab.is-active{background:var(--surface-solid, #ffffff);color:var(--text-primary);box-shadow:0 1px 2px #0f172a0f,0 4px 12px #0f172a0d}:root[data-theme=dark] .account-settings-tab.is-active{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14}.account-settings-form-actions{display:flex;justify-content:flex-end;margin-top:8px}.account-settings-notifications{display:flex;flex-direction:column;gap:12px}.notification-channel-card{padding:16px}.notification-channel-head{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.notification-channel-title{display:inline-flex;align-items:center;gap:8px}.notification-channel-title h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.notification-channel-head p{margin:0;color:var(--text-secondary);font-size:13px}.notification-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 0;cursor:pointer}.notification-toggle-row-label{font-size:14px;font-weight:600;color:var(--text-primary)}.notification-scene-card{padding:16px}.notification-scene-list{display:flex;flex-direction:column;margin-top:4px}.notification-scene-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--surface-border, var(--border-color));cursor:pointer}.notification-scene-row:first-child{border-top:none}.notification-scene-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.notification-scene-row-text strong{font-size:14px;font-weight:600;color:var(--text-primary)}.notification-scene-row-text span{font-size:13px;color:var(--text-secondary);line-height:1.5}.notification-switch{position:relative;display:inline-block;flex-shrink:0;width:38px;height:22px;border-radius:999px;background:#94a3b859;cursor:pointer;transition:background .2s ease;outline:none}.notification-switch:focus-visible{box-shadow:0 0 0 3px rgba(var(--accent-rgb),.25)}.notification-switch.is-on{background:var(--text-primary, #111827)}:root[data-theme=dark] .notification-switch.is-on{background:var(--accent-primary, #3b82f6)}.notification-switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a33;transition:transform .2s ease}.notification-switch.is-on .notification-switch-thumb{transform:translate(16px)}@media(max-width:720px){.account-settings-tabs{width:100%;justify-content:space-between}.account-settings-tab{padding:8px 12px;flex:1;justify-content:center}.notification-scene-row,.notification-toggle-row{flex-wrap:wrap}}.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-recharge-toolbar{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,.8fr))}.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;table-layout:fixed}.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;overflow:hidden}.admin-table tbody td.admin-api-usage-cell{position:relative;overflow:visible}.admin-api-col-time{width:124px}.admin-api-col-user{width:220px}.admin-api-col-request{width:190px}.admin-api-col-model{width:140px}.admin-api-col-usage{width:180px}.admin-api-col-cache{width:228px}.admin-api-col-status{width:248px}.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.sub_admin{background-color:#3b82f61f;color:#1d4ed8}.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-call-main{min-width:0}.admin-api-status-toggle{display:flex;flex-direction:column;gap:6px;width:100%}.admin-api-status-toggle-head{display:flex;align-items:center;gap:8px;min-width:0}.admin-api-status-toggle .admin-api-status-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;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.45fr) repeat(4,minmax(0,.58fr))}.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{background:#10b9811f;color:#047857}.admin-api-type-tag.video{background:#ec489924;color:#be185d}.admin-api-type-tag.api-key{background:#3b82f61f;color:#1d4ed8}.admin-api-type-tag.ai-chat{background:#a855f71f;color:#7c3aed}.admin-api-status-badge.success{background:#10b9811f;color:#047857}.admin-api-status-badge.pending{background:#f59e0b1f;color:#b45309}.admin-api-status-badge.warning{background:#f59e0b1f;color:#a16207}.admin-api-status-badge.failed{background:#ef44441f;color:#b91c1c}.admin-api-status-text.is-error{color:#b91c1c}.admin-api-request-id{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:6px;background:var(--surface-soft);border:1px solid var(--border-color);color:var(--text-muted);font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em;-webkit-user-select:all;user-select:all;cursor:text}.admin-recharge-breakword{word-break:break-all;line-height:1.35}.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-openai-hint{margin:0 0 14px;padding:12px 14px;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface-soft);font-size:13px;line-height:1.55;color:var(--text-secondary)}.profile-api-openai-hint code{font-size:12px;word-break:break-all}.profile-api-openai-hint-sub{margin:8px 0 0;font-size:12px;color:var(--text-muted)}.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;flex-wrap:wrap;align-items:center;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-image2-resolution-shortcut{border:1px solid rgba(16,185,129,.36);border-radius:999px;background:#10b9811a;color:#047857;cursor:pointer;font-size:12px;font-weight:800;padding:7px 12px}.profile-image2-resolution-shortcut:hover,.profile-image2-resolution-shortcut.is-active{background:#10b981;color:#fff}.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}.profile-api-doc-tabs{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.profile-api-doc-tab{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-solid);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:border-color .12s ease,color .12s ease,background-color .12s ease,box-shadow .12s ease}.profile-api-doc-tab:hover:not(.is-active){border-color:rgba(var(--accent-rgb),.36);color:var(--text-primary)}.profile-api-doc-tab.is-active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 6px 16px -8px rgba(var(--accent-rgb, 59, 130, 246),.6)}.profile-tutorial-shell{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:12px;align-items:stretch}.profile-tutorial-stage{min-width:0}.profile-tutorial-loading-panel{display:flex;align-items:center;justify-content:center;min-width:0;height:min(620px,calc(100vh - 220px));min-height:480px;border:1px solid var(--surface-border);border-radius:18px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.04),var(--surface-solid));color:var(--text-secondary);font-size:13px;font-weight:600}.profile-tutorial-api-layout{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:12px;align-items:stretch}.profile-tutorial-methods{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:0;min-height:0;border:1px solid var(--surface-border);border-radius:18px;overflow:hidden;background:var(--surface-solid)}.profile-tutorial-rail{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:0;min-height:0;border:1px solid var(--surface-border);border-radius:18px;overflow:hidden;background:var(--surface-solid)}.profile-tutorial-method{position:relative;width:100%;min-width:0;border:0;border-bottom:1px solid var(--surface-border);border-left:4px solid transparent;background:linear-gradient(180deg,rgba(var(--accent-rgb),.04),var(--surface-solid));padding:13px 14px 13px 16px;text-align:left;color:var(--text-primary);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background-color .12s ease,box-shadow .12s ease,color .12s ease;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden;isolation:isolate}.profile-tutorial-method:last-child{border-bottom:0}.profile-tutorial-rail-button{position:relative;width:100%;min-width:0;border:0;border-bottom:1px solid var(--surface-border);border-left:4px solid transparent;background:linear-gradient(180deg,rgba(var(--accent-rgb),.04),var(--surface-solid));padding:15px 16px 15px 18px;text-align:left;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background-color .12s ease,box-shadow .12s ease,color .12s ease;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;box-sizing:border-box;overflow:hidden;isolation:isolate}.profile-tutorial-rail-button:visited{color:var(--text-primary)}.profile-tutorial-rail-button:last-child{border-bottom:0}.profile-tutorial-rail-button-title{display:block;font-size:14px;line-height:1.4;font-weight:800}.profile-tutorial-rail-button-desc{display:block;font-size:12px;color:var(--text-muted);line-height:1.4;font-weight:500}.profile-tutorial-rail-button-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.profile-tutorial-rail-button.is-active .profile-tutorial-rail-button-desc{color:rgba(var(--accent-rgb),.65)}.profile-tutorial-rail-button svg{color:var(--text-muted);flex-shrink:0;transition:color .12s ease;width:30px;height:30px;padding:8px;border-radius:14px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.14)}.profile-tutorial-rail-button:hover svg,.profile-tutorial-rail-button.is-active svg{color:var(--accent-primary)}.profile-tutorial-method:hover:not(.is-active){transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.36);background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),var(--surface-solid));box-shadow:0 12px 26px #0f172a1f}.profile-tutorial-method.is-active{border-color:rgba(var(--accent-rgb),.48);background:linear-gradient(180deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.08));box-shadow:0 14px 28px #0f172a1f;border-left-color:rgba(var(--accent-rgb),.9)}.profile-tutorial-rail-button:hover:not(.is-active){transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.36);background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),var(--surface-solid));box-shadow:0 12px 26px #0f172a1f;color:var(--text-primary)}.profile-tutorial-rail-button.is-active{background:linear-gradient(180deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.1));border-color:rgba(var(--accent-rgb),.52);color:var(--accent-primary);box-shadow:0 14px 28px rgba(var(--accent-rgb),.16),inset 0 0 0 1px rgba(var(--accent-rgb),.06);border-left-color:rgba(var(--accent-rgb),.9)}.profile-tutorial-rail-button.is-active:visited{color:var(--accent-primary)}.profile-tutorial-method-title{display:block;font-size:15px;font-weight:800}.profile-tutorial-method-summary{display:block;margin-top:6px;color:var(--text-secondary);font-size:13px;line-height:1.55}.profile-tutorial-method-endpoint{display:inline-flex;align-items:center;width:fit-content;padding:3px 8px;border-radius:999px;border:1px solid rgba(37,99,235,.24);background:#2563eb14;color:#1d4ed8;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;line-height:1.4;margin-bottom:3px}:root[data-theme=dark] .profile-tutorial-method-endpoint{border-color:#60a5fa52;background:#60a5fa29;color:#bfdbfe}.profile-tutorial-code-panel{border:1px solid rgba(var(--accent-rgb),.12);border-radius:18px;background:linear-gradient(180deg,#0f172afa,#111827);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.profile-api-call-code-panel{height:min(620px,calc(100vh - 220px));min-height:480px}.profile-api-call-code-body{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1;overflow:auto}.profile-tutorial-content-panel{border:1px solid var(--surface-border);border-radius:18px;background:var(--surface-solid);min-width:0;height:min(620px,calc(100vh - 220px));min-height:480px;overflow:hidden}.profile-tutorial-configured-panel{min-width:0;height:min(620px,calc(100vh - 220px));min-height:480px;overflow:hidden}.profile-tutorial-embedded-scroll{height:100%;overflow:auto;padding:16px}.profile-tutorial-embedded-scroll .tutorial-panel{border:0;border-radius:0;box-shadow:none;background:transparent;padding:0}.profile-image-api-layout{height:100%;padding:16px;box-sizing:border-box}.profile-image-api-layout .profile-tutorial-methods{grid-template-rows:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.profile-image-api-layout .profile-tutorial-method{flex:0 0 auto;min-height:108px}.profile-image-api-detail-panel{border:1px solid var(--surface-border);border-radius:14px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.04),var(--surface-solid));padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;overflow:auto}.profile-image-api-detail-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.profile-image-api-detail-head strong{font-size:15px;color:var(--text-primary)}.profile-image-api-note-list{margin:0;padding-left:18px;color:var(--text-secondary);font-size:13px;line-height:1.7}.profile-image-api-code-section{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0}.profile-image-api-code-section strong{color:var(--text-primary);font-size:13px}.profile-image-api-detail-panel .profile-api-doc-code{margin:0;flex:1;min-height:0;overflow:auto}.profile-image-api-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;flex:1}.profile-tool-tutorial-layout{height:100%;padding:16px;box-sizing:border-box}.profile-tool-tutorial-detail-panel{border:1px solid var(--surface-border);border-radius:14px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.04),var(--surface-solid));padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.profile-tool-tutorial-intro{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.profile-tool-tutorial-scroll{min-height:0;overflow:auto;padding-right:4px}.profile-tool-tutorial-scroll .tutorial-os-section{padding-bottom:4px}.profile-tutorial-code-head{display:flex;align-items:center;justify-content:flex-end;gap:8px}.profile-tutorial-code-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:999px;background:#60a5fa29;color:#bfdbfe;font-size:11px;font-weight:700;flex-shrink:0}.profile-tutorial-copy-btn{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;border:1px solid rgba(96,165,250,.3);background:#60a5fa1f;color:#93c5fd;font-size:11px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .12s ease,border-color .12s ease,color .12s ease}.profile-tutorial-copy-btn:hover{background:#60a5fa38;border-color:#60a5fa80;color:#bfdbfe}.profile-tutorial-copy-btn.is-copied{background:#34d39933;border-color:#34d39966;color:#6ee7b7;pointer-events:none}.profile-tutorial-code-panel .profile-api-doc-code{margin:0;font-size:14px;flex-shrink:0}.profile-tutorial-code-panel .profile-api-doc-note{color:#e2e8f0c2}.profile-tutorial-page{display:flex;flex-direction:column;gap:12px}.profile-tutorial-hero{border:1px solid rgba(var(--accent-rgb),.16);border-radius:18px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));padding:18px;display:flex;flex-direction:column;gap:10px}.profile-tutorial-kicker{font-size:12px;font-weight:700;color:var(--accent-primary);letter-spacing:.04em;text-transform:uppercase}.profile-tutorial-hero strong{font-size:18px;color:var(--text-primary)}.profile-tutorial-hero p{margin:0;max-width:72ch;color:var(--text-secondary);font-size:13px;line-height:1.7}.profile-tutorial-page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.profile-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.profile-guide-card{border:1px solid rgba(var(--accent-rgb),.26);border-radius:14px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.08));padding:16px 14px;min-height:96px;text-decoration:none;display:flex;flex-direction:column;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.profile-guide-card strong{font-size:16px;color:var(--text-primary)}.profile-guide-card span{font-size:13px;color:var(--text-secondary)}.profile-guide-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 12px 24px #0f172a1f}.api-pricing-doc{margin-top:0}.profile-relay-model-table{background:var(--surface-solid)}.profile-relay-model-cell{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.profile-relay-category-tag-group{display:inline-flex;flex-wrap:wrap;gap:6px}.profile-relay-model-cell .profile-relay-category-tag{flex-shrink:0}.profile-relay-model-cell code{font-size:11px;word-break:break-all}.profile-relay-wire-api-tags{display:flex;flex-wrap:wrap;gap:6px}.profile-relay-wire-api-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid rgba(37,99,235,.24);background:#2563eb14;color:#1d4ed8;font-size:11px;line-height:1.4;white-space:nowrap}:root[data-theme=dark] .profile-relay-wire-api-tag{border-color:#60a5fa52;background:#60a5fa29;color:#bfdbfe}.profile-relay-category-tag{--tag-rgb: 100, 116, 139;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;letter-spacing:.02em;width:fit-content;color:rgb(var(--tag-rgb));background:rgba(var(--tag-rgb),.12);border:1px solid rgba(var(--tag-rgb),.24)}.profile-relay-category-tag.is-text{--tag-rgb: 37, 99, 235}.profile-relay-category-tag.is-image{--tag-rgb: 22, 163, 74}.profile-relay-category-tag.is-video{--tag-rgb: 124, 58, 237}:root[data-theme=dark] .profile-relay-category-tag{background:rgba(var(--tag-rgb),.2);border-color:rgba(var(--tag-rgb),.45)}:root[data-theme=dark] .profile-relay-category-tag.is-text{--tag-rgb: 147, 197, 253}:root[data-theme=dark] .profile-relay-category-tag.is-image{--tag-rgb: 134, 239, 172}:root[data-theme=dark] .profile-relay-category-tag.is-video{--tag-rgb: 196, 181, 253}.profile-relay-platform-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.profile-relay-discount-tag{--discount-rgb: 100, 116, 139;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1.4;color:rgba(var(--discount-rgb),1);background:rgba(var(--discount-rgb),.12);border:1px solid rgba(var(--discount-rgb),.28)}.profile-relay-discount-tag.is-slight{--discount-rgb: 37, 99, 235;color:rgba(var(--discount-rgb),1);background:linear-gradient(180deg,#dbeafef2,#eff6ffe6),linear-gradient(120deg,rgba(var(--discount-rgb),.8),rgba(var(--discount-rgb),.4),rgba(var(--discount-rgb),.8)) border-box;border:1px solid transparent;background-clip:padding-box,border-box;box-shadow:0 0 6px rgba(var(--discount-rgb),.18),inset 0 0 0 1px #ffffff8c}.profile-relay-discount-tag.is-good{--discount-rgb: 22, 163, 74;color:rgba(var(--discount-rgb),1);background:linear-gradient(180deg,#dcfce7f2,#f0fdf4e6),linear-gradient(120deg,rgba(var(--discount-rgb),.85),rgba(var(--discount-rgb),.45),rgba(var(--discount-rgb),.85)) border-box;border:1px solid transparent;background-clip:padding-box,border-box;box-shadow:0 0 7px rgba(var(--discount-rgb),.22),inset 0 0 0 1px #ffffff8c}.profile-relay-discount-tag.is-great{--discount-rgb: 217, 119, 6;color:rgba(var(--discount-rgb),1);background:linear-gradient(180deg,#feebc8f2,#fff7e0e6),linear-gradient(120deg,rgba(var(--discount-rgb),.9),rgba(var(--discount-rgb),.5),rgba(var(--discount-rgb),.9)) border-box;border:1px solid transparent;background-clip:padding-box,border-box;box-shadow:0 0 8px rgba(var(--discount-rgb),.28),inset 0 0 0 1px #fff9}.profile-relay-discount-tag.is-extreme{--discount-rgb: 220, 38, 38;position:relative;color:#8b1d1d;font-weight:700;background:linear-gradient(180deg,#ffececfa,#fff6f6f0),linear-gradient(120deg,#f6c35c,#fff1b3 45%,#f6c35c 55%,#c88f2f) border-box;border:1.5px solid transparent;background-clip:padding-box,border-box;box-shadow:0 0 0 1px #d4af3759,0 0 10px #eab30873,0 0 18px #eab30840,inset 0 0 0 1px #fff9;overflow:hidden;isolation:isolate;animation:profile-discount-glow 2.4s ease-in-out infinite}.profile-relay-discount-tag.is-extreme:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 20%,rgba(255,236,170,.85) 45%,rgba(255,255,255,.9) 50%,rgba(255,236,170,.85) 55%,transparent 80%);transform:translate(-120%);animation:profile-discount-shimmer 2.8s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen;z-index:1}.profile-relay-discount-tag.is-extreme>*{position:relative;z-index:2}@keyframes profile-discount-glow{0%,to{box-shadow:0 0 0 1px #d4af3759,0 0 10px #eab30873,0 0 18px #eab30840,inset 0 0 0 1px #fff9}50%{box-shadow:0 0 0 1px #eab30899,0 0 14px #facc15b3,0 0 26px #facc1566,inset 0 0 0 1px #ffffffb3}}@keyframes profile-discount-shimmer{0%{transform:translate(-120%)}55%{transform:translate(140%)}to{transform:translate(140%)}}@media(prefers-reduced-motion:reduce){.profile-relay-discount-tag.is-extreme,.profile-relay-discount-tag.is-extreme:before{animation:none}}.profile-relay-discount-tag.is-markup{--discount-rgb: 148, 115, 80;color:rgba(var(--discount-rgb),1);background:rgba(var(--discount-rgb),.12);border:1px solid rgba(var(--discount-rgb),.28);background-clip:border-box;box-shadow:none}.profile-relay-discount-tag.is-markup.is-good{--discount-rgb: 180, 96, 56}.profile-relay-discount-tag.is-markup.is-great{--discount-rgb: 202, 72, 56}.profile-relay-discount-tag.is-markup.is-extreme{--discount-rgb: 185, 28, 28}.profile-relay-discount-tag.is-equal{--discount-rgb: 100, 116, 139;color:rgba(var(--discount-rgb),1);background:rgba(var(--discount-rgb),.12);border:1px solid rgba(var(--discount-rgb),.28);background-clip:border-box;box-shadow:none}:root[data-theme=dark] .profile-relay-discount-tag{background:rgba(var(--discount-rgb),.2);border-color:rgba(var(--discount-rgb),.45)}:root[data-theme=dark] .profile-relay-discount-tag.is-slight{--discount-rgb: 147, 197, 253;color:rgba(var(--discount-rgb),1);background:linear-gradient(180deg,#1e3a8a73,#1e40af59),linear-gradient(120deg,rgba(var(--discount-rgb),.9),rgba(var(--discount-rgb),.4),rgba(var(--discount-rgb),.9)) border-box;border:1px solid transparent;background-clip:padding-box,border-box;box-shadow:0 0 8px rgba(var(--discount-rgb),.25),inset 0 0 0 1px rgba(var(--discount-rgb),.2)}:root[data-theme=dark] .profile-relay-discount-tag.is-good{--discount-rgb: 134, 239, 172;color:rgba(var(--discount-rgb),1);background:linear-gradient(180deg,#14532d80,#16653466),linear-gradient(120deg,rgba(var(--discount-rgb),.9),rgba(var(--discount-rgb),.45),rgba(var(--discount-rgb),.9)) border-box;border:1px solid transparent;background-clip:padding-box,border-box;box-shadow:0 0 9px rgba(var(--discount-rgb),.28),inset 0 0 0 1px rgba(var(--discount-rgb),.22)}:root[data-theme=dark] .profile-relay-discount-tag.is-great{--discount-rgb: 251, 191, 36;color:rgba(var(--discount-rgb),1);background:linear-gradient(180deg,#78350f8c,#92400e73),linear-gradient(120deg,rgba(var(--discount-rgb),.95),rgba(var(--discount-rgb),.5),rgba(var(--discount-rgb),.95)) border-box;border:1px solid transparent;background-clip:padding-box,border-box;box-shadow:0 0 10px rgba(var(--discount-rgb),.32),inset 0 0 0 1px rgba(var(--discount-rgb),.25)}:root[data-theme=dark] .profile-relay-discount-tag.is-extreme{--discount-rgb: 252, 165, 165;color:#fde68a;background:linear-gradient(180deg,#7f1d1de6,#991b1bd1),linear-gradient(120deg,#facc15,#fff1b3 45%,#facc15 55%,#b45309) border-box;border:1.5px solid transparent;background-clip:padding-box,border-box;box-shadow:0 0 0 1px #facc158c,0 0 12px #facc158c,0 0 22px #facc154d,inset 0 0 0 1px #fde68a80}:root[data-theme=dark] .profile-relay-discount-tag.is-extreme:before{background:linear-gradient(115deg,transparent 20%,rgba(250,204,21,.8) 45%,rgba(254,240,138,.95) 50%,rgba(250,204,21,.8) 55%,transparent 80%)}:root[data-theme=dark] .profile-relay-discount-tag.is-markup{--discount-rgb: 202, 161, 122;color:rgba(var(--discount-rgb),1);background:rgba(var(--discount-rgb),.2);border:1px solid rgba(var(--discount-rgb),.45);background-clip:border-box;box-shadow:none}:root[data-theme=dark] .profile-relay-discount-tag.is-markup.is-good{--discount-rgb: 235, 150, 97}:root[data-theme=dark] .profile-relay-discount-tag.is-markup.is-great{--discount-rgb: 248, 113, 113}:root[data-theme=dark] .profile-relay-discount-tag.is-markup.is-extreme{--discount-rgb: 248, 113, 113}:root[data-theme=dark] .profile-relay-discount-tag.is-equal{--discount-rgb: 148, 163, 184;color:rgba(var(--discount-rgb),1);background:rgba(var(--discount-rgb),.2);border:1px solid rgba(var(--discount-rgb),.45);background-clip:border-box;box-shadow:none}.profile-relay-missing-price{color:var(--text-muted);font-size:12px}.profile-relay-producer-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.profile-relay-producer-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-solid);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .12s ease}.profile-relay-producer-chip:hover{border-color:var(--accent-primary);color:var(--text-primary)}.profile-relay-producer-chip.is-active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 6px 16px -8px rgba(var(--accent-rgb, 59, 130, 246),.6)}.profile-relay-producer-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:700;background:#64748b29;color:var(--text-muted)}.profile-relay-producer-chip.is-active .profile-relay-producer-chip-count{background:#ffffff3d;color:#fff}:root[data-theme=dark] .profile-relay-producer-chip-count{background:#94a3b82e;color:var(--text-secondary)}.profile-relay-th-inline{display:inline-flex;align-items:center;gap:10px}.hover-tooltip{position:relative;display:inline-flex;align-items:center;flex-shrink:0;z-index:2}.hover-tooltip-trigger{display:inline-flex;align-items:center}.hover-tooltip-panel{position:absolute;z-index:40;width:max-content;min-width:420px;max-width:min(760px,calc(100vw - 24px));padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.24);background:#fffffffa;box-shadow:0 16px 36px #0f172a29;color:var(--text-primary);font-size:12px;line-height:1.6;white-space:pre;overflow-x:auto;overflow-y:hidden;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.hover-tooltip-panel.is-fixed{position:fixed;z-index:9999}:root[data-theme=dark] .hover-tooltip-panel{border-color:#94a3b829;background:#0f172afa;box-shadow:0 18px 42px #02061761;color:var(--text-primary)}.hover-tooltip--top .hover-tooltip-panel{bottom:calc(100% + 8px)}.hover-tooltip--bottom .hover-tooltip-panel{top:calc(100% + 8px)}.hover-tooltip--start .hover-tooltip-panel{left:0}.hover-tooltip--center .hover-tooltip-panel{left:50%;transform:translate(-50%) translateY(6px)}.hover-tooltip--end .hover-tooltip-panel{right:0}.hover-tooltip:hover .hover-tooltip-panel,.hover-tooltip:focus-within .hover-tooltip-panel{opacity:1}.hover-tooltip--top:hover .hover-tooltip-panel,.hover-tooltip--top:focus-within .hover-tooltip-panel{transform:translateY(0)}.hover-tooltip--bottom:hover .hover-tooltip-panel,.hover-tooltip--bottom:focus-within .hover-tooltip-panel{transform:translateY(0)}.hover-tooltip--start:hover .hover-tooltip-panel,.hover-tooltip--start:focus-within .hover-tooltip-panel,.hover-tooltip--end:hover .hover-tooltip-panel,.hover-tooltip--end:focus-within .hover-tooltip-panel{transform:translateY(0)}.hover-tooltip--center:hover .hover-tooltip-panel,.hover-tooltip--center:focus-within .hover-tooltip-panel{transform:translate(-50%) translateY(0)}.usage-help-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#94a3b81f;color:var(--text-muted);font-size:11px;font-weight:700;line-height:1;cursor:help;-webkit-user-select:none;user-select:none}.usage-cost-value{cursor:help}.usage-cost-value .hover-tooltip-trigger{text-decoration:underline dotted;text-underline-offset:2px}.profile-currency-toggle{display:inline-flex;align-items:center;padding:2px;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-muted, rgba(148, 163, 184, .12));box-shadow:inset 0 1px 2px #0f172a0a}.profile-currency-toggle-option{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 8px;border:none;border-radius:999px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:all .12s ease}.profile-currency-toggle-option:hover:not(.is-active){color:var(--text-primary)}.profile-currency-toggle-option.is-active{background:var(--surface-solid);color:var(--accent-primary);box-shadow:0 1px 3px #0f172a1f}:root[data-theme=dark] .profile-currency-toggle{background:#94a3b824}:root[data-theme=dark] .profile-currency-toggle-option.is-active{background:#0f172a8c;box-shadow:0 1px 3px #00000073}.profile-relay-model-groups{display:flex;flex-direction:column;gap:18px}.profile-relay-model-group{display:flex;flex-direction:column;gap:10px}.profile-relay-model-group-head{display:flex;align-items:baseline;gap:10px;padding:0 2px}.profile-relay-model-group-head strong{font-size:14px;font-weight:700;color:var(--text-primary)}.profile-relay-model-group-count{font-size:12px;color:var(--text-muted)}.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}.profile-api-doc-tabs{justify-content:flex-start}.profile-tutorial-shell,.profile-tutorial-api-layout{grid-template-columns:1fr}.profile-tutorial-methods{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1fr}.profile-tutorial-rail{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:1fr}.profile-tutorial-method,.profile-tutorial-rail-button{border-bottom:0;border-right:1px solid var(--surface-border);min-height:68px;align-items:center;text-align:center;padding:10px 8px}.profile-tutorial-method{border-right:0;border-bottom:1px solid var(--surface-border);align-items:flex-start;text-align:left}.profile-tutorial-rail-button{text-align:left;justify-content:flex-start;gap:10px}.profile-tutorial-method:last-child,.profile-tutorial-rail-button:last-child{border-right:0}.profile-tutorial-rail-button-content{align-items:flex-start}.profile-tutorial-rail-button-desc,.profile-tutorial-method-endpoint{display:none}.profile-image-api-code-grid,.profile-guide-grid{grid-template-columns:1fr}.profile-tutorial-page-actions{width:100%}.profile-tutorial-page-actions .btn-primary,.profile-tutorial-page-actions .btn-secondary{width:100%;justify-content:center}}@media(max-width:640px){.profile-info-grid.compact{grid-template-columns:1fr}.profile-tutorial-code-panel{padding:12px}.profile-api-call-code-panel,.profile-tutorial-content-panel{height:520px;min-height:520px}.profile-tutorial-hero{padding:14px}}:root{--usage-card-bg: var(--surface-solid, #ffffff);--usage-card-border: var(--surface-border, rgba(15, 23, 42, .08));--usage-card-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .05);--usage-axis-label: #94a3b8;--usage-grid-line: rgba(148, 163, 184, .22);--usage-accent-official: #60a5fa;--usage-accent-actual: #2563eb;--usage-accent-savings: #22c55e;--usage-accent-tokens: #8b5cf6;--usage-accent-duration: #2563eb;--usage-accent-requests: #8b5cf6;--usage-donut-track: rgba(148, 163, 184, .18);--usage-savings-bg: linear-gradient(135deg, #fef3c7 0%, #fde68a 60%, #fbbf24 100%);--usage-savings-surface: #fffbeb;--usage-cost-negative: #dc2626;--usage-fold-tag-bg: rgba(37, 99, 235, .1);--usage-fold-tag-color: #1d4ed8}:root[data-theme=dark]{--usage-card-shadow: 0 1px 2px rgba(0, 0, 0, .24), 0 12px 28px rgba(0, 0, 0, .28);--usage-savings-bg: linear-gradient(135deg, rgba(253, 224, 71, .22), rgba(245, 158, 11, .18));--usage-savings-surface: rgba(251, 191, 36, .08);--usage-cost-negative: #f87171;--usage-fold-tag-bg: rgba(59, 130, 246, .2);--usage-fold-tag-color: #93c5fd;--usage-donut-track: rgba(148, 163, 184, .25)}.usage-records-layout{display:flex;flex-direction:column;gap:20px;animation:fadeIn .35s ease-out}.usage-records-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.usage-records-topbar .usage-toolbar-row{justify-content:flex-end;flex-shrink:0}.usage-toolbar-row{display:flex;justify-content:flex-end;align-items:center}.usage-date-range{position:relative;display:inline-flex;align-items:center;gap:8px}.usage-date-trigger,.usage-date-refresh{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid var(--usage-card-border);background:var(--usage-card-bg);color:var(--text-primary, #0f172a);font-size:13px;cursor:pointer;box-shadow:0 1px 2px #0f172a08;transition:transform .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.usage-date-trigger:hover,.usage-date-refresh:hover{border-color:#2563eb66;color:#2563eb;box-shadow:0 6px 14px #2563eb14;transform:translateY(-1px)}.usage-date-trigger.is-open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.usage-date-refresh .is-spinning{animation:usage-spin 1s linear infinite}@keyframes usage-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.usage-date-popover{position:absolute;top:calc(100% + 8px);right:0;width:min(720px,92vw);background:var(--usage-card-bg);border:1px solid var(--usage-card-border);border-radius:16px;box-shadow:0 20px 48px #0f172a29;padding:16px;display:grid;grid-template-columns:160px 1fr;gap:16px;z-index:40}.usage-date-popover-presets{display:flex;flex-direction:column;gap:8px;padding-right:14px;border-right:1px solid var(--usage-card-border)}.usage-date-popover-title{font-size:12px;color:var(--text-muted, #64748b);letter-spacing:.04em}.usage-date-popover-preset{padding:8px 10px;border-radius:10px;border:1px solid transparent;background:transparent;text-align:left;font-size:13px;color:var(--text-primary, #0f172a);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.usage-date-popover-preset:hover{background:#94a3b81f}.usage-date-popover-preset.is-active{background:#0f172a;color:#fff}:root[data-theme=dark] .usage-date-popover-preset.is-active{background:#f8fafc;color:#0f172a}.usage-date-popover-inputs{display:flex;flex-direction:column;gap:12px}.usage-date-popover-inputs label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted, #64748b)}.usage-date-popover-inputs label span{min-width:44px}.usage-date-popover-inputs input[type=date]{flex:1;padding:8px 12px;border-radius:10px;border:1px solid var(--usage-card-border);background:transparent;color:inherit;font-size:13px}.usage-date-popover-actions{display:flex;justify-content:flex-end;gap:8px}.usage-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.usage-summary-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:16px;align-items:stretch}.usage-metric-card{background:linear-gradient(180deg,#fffffff2,#ffffffe0);border:1px solid rgba(15,23,42,.06);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px #0f172a08;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.usage-metric-card:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0f172a0f}.usage-metric-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),.16));opacity:.35}.usage-metric-card.is-savings{background:linear-gradient(180deg,#fffbebc2,#fffbeb99);border-color:#f59e0b29}.usage-metric-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.usage-metric-title{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted, #64748b);font-weight:600}.usage-metric-title svg{color:#2563eb}.usage-metric-card.is-savings .usage-metric-title svg{color:#d97706}.usage-metric-card.is-tokens .usage-metric-title svg{color:#7c3aed}.usage-metric-card.is-duration .usage-metric-title svg{color:#059669}.usage-metric-card.is-requests .usage-metric-title svg{color:#db2777}.usage-metric-badge{padding:2px 7px;border-radius:999px;background:#94a3b81f;color:#8a5a00;font-size:10.5px;font-weight:600}:root[data-theme=dark] .usage-metric-badge{color:#fde68a;background:#fbbf241f}.usage-metric-value{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.usage-metric-value strong{font-size:24px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary, #0f172a);font-variant-numeric:tabular-nums}.usage-metric-subline{font-size:11.5px;color:var(--text-muted, #64748b);display:inline-flex;align-items:center;gap:6px}.usage-metric-subline .dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.usage-metric-card footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:8px;border-top:1px dashed rgba(15,23,42,.08);font-size:11.5px}.usage-metric-card footer span{display:flex;flex-direction:column;gap:2px}.usage-metric-card footer em{color:var(--text-muted, #94a3b8);font-style:normal;font-size:10.5px}.usage-metric-card footer b{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary, #0f172a);font-size:12px}.usage-sparkline{overflow:visible}.usage-chart-row{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.98fr);gap:16px}.usage-chart-card{background:var(--usage-card-bg);border:1px solid var(--usage-card-border);border-radius:20px;padding:18px 20px;box-shadow:var(--usage-card-shadow);display:flex;flex-direction:column;gap:14px}.usage-model-card{min-height:100%;justify-content:flex-start}.usage-chart-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.usage-chart-title{display:inline-flex;align-items:flex-start;gap:10px}.usage-chart-title svg{color:#2563eb;margin-top:2px}.usage-chart-title strong{display:block;font-size:15px;font-weight:700;color:var(--text-primary, #0f172a)}.usage-chart-title span{display:block;font-size:12.5px;color:var(--text-muted, #64748b);margin-top:2px}.usage-model-total{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#2563eb14;color:#1d4ed8;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.usage-chart-tabs{display:inline-flex;padding:3px;background:#94a3b81f;border-radius:999px;gap:2px}.usage-chart-tabs button{border:none;background:transparent;color:var(--text-muted, #64748b);font-size:12.5px;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.usage-chart-tabs button.is-active{background:var(--usage-card-bg);color:var(--text-primary, #0f172a);box-shadow:0 1px 2px #0f172a1a}.usage-trend-chart-wrapper{position:relative}.usage-trend-chart{width:100%;height:auto;display:block}.usage-trend-legend{display:flex;gap:16px;justify-content:center;font-size:12px;color:var(--text-secondary, #64748b);flex-wrap:wrap;margin-top:4px}.usage-trend-legend-item{display:inline-flex;align-items:center;gap:6px;font-weight:600}.usage-trend-legend-dot{width:11px;height:11px;border-radius:3px;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffffb3}.usage-trend-legend-dot.is-official{background:var(--usage-accent-official)}.usage-trend-legend-dot.is-actual{background:var(--usage-accent-actual)}.usage-trend-legend-dot.is-savings{background:var(--usage-accent-savings)}.usage-trend-legend-dot.is-total{background:var(--usage-accent-official)}.usage-trend-legend-dot.is-duration{background:var(--usage-accent-duration)}.usage-trend-legend-dot.is-requests{background:var(--usage-accent-requests)}.usage-chart-model-body{display:grid;grid-template-columns:minmax(200px,220px) minmax(0,1fr);gap:18px;align-items:center}.usage-donut-wrapper{position:relative;width:224px;height:224px;display:grid;place-items:center;justify-self:center;align-self:start}.usage-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding-top:2px;pointer-events:none}.usage-donut-center strong{font-size:18px;line-height:1;color:var(--text-primary, #0f172a);font-variant-numeric:tabular-nums}.usage-donut-center span{font-size:12px;color:var(--text-muted, #94a3b8)}.usage-model-bars{display:flex;flex-direction:column;gap:10px;min-width:0;align-self:center;justify-content:center}.usage-model-bars-empty{color:var(--text-muted, #94a3b8);font-size:13px;padding:24px 16px;text-align:center;min-height:160px;border-radius:16px;border:1px dashed var(--usage-card-border);background:#94a3b80d}.usage-model-bar-row{display:grid;grid-template-columns:minmax(96px,1fr) minmax(0,1.7fr) minmax(72px,88px);gap:12px;align-items:center}.usage-model-bar-label{font-size:13.5px;font-weight:600;color:var(--text-primary, #0f172a);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;justify-self:center}.usage-model-bar-track{height:12px;background:#94a3b82e;border-radius:999px;overflow:hidden}.usage-model-bar-fill{height:100%;border-radius:999px;transition:width .3s ease}.usage-model-bar-value{font-size:12.5px;color:var(--text-muted, #64748b);font-variant-numeric:tabular-nums;white-space:nowrap}.usage-model-bar-meta{display:flex;flex-direction:row;align-items:center;gap:6px;min-width:80px;justify-self:center}.usage-model-bar-share{font-size:11px;color:var(--text-muted, #94a3b8);font-variant-numeric:tabular-nums}.usage-records-page-head{align-items:flex-start}@media(max-width:1100px){.usage-records-topbar{gap:12px}.usage-records-topbar .usage-toolbar-row{width:100%;justify-content:flex-start}}.usage-records-panel{background:var(--usage-card-bg);border:1px solid var(--usage-card-border);border-radius:20px;padding:18px 20px;box-shadow:var(--usage-card-shadow);display:flex;flex-direction:column;gap:12px}.usage-records-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.usage-records-filters{display:inline-flex;gap:8px;flex-wrap:wrap}.usage-records-actions{position:relative;display:inline-flex;gap:8px;align-items:center}.usage-columns-menu{left:auto;right:0;min-width:240px}.usage-filter-dropdown{position:relative}.usage-filter-trigger{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--usage-card-border);background:var(--usage-card-bg);color:var(--text-primary, #0f172a);font-size:12.5px;cursor:pointer;box-shadow:0 1px 2px #0f172a08;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.usage-filter-trigger:hover{border-color:#2563eb66;color:#2563eb;box-shadow:0 6px 14px #2563eb14;transform:translateY(-1px)}.usage-filter-trigger.is-active{border-color:#2563eb;background:#2563eb14;color:#1d4ed8}.usage-filter-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;max-height:320px;overflow-y:auto;background:var(--usage-card-bg);border:1px solid var(--usage-card-border);border-radius:12px;box-shadow:0 12px 32px #0f172a29;padding:4px;z-index:30}.usage-filter-item{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:var(--text-primary, #0f172a);font-size:13px;cursor:pointer;text-align:left}.usage-filter-item:hover{background:#94a3b81f}.usage-filter-item.is-active{background:#2563eb1a;color:#1d4ed8}.usage-filter-item em{font-style:normal;font-size:11px;color:var(--text-muted, #94a3b8)}.usage-filter-empty{padding:10px;font-size:12px;color:var(--text-muted, #94a3b8);text-align:center}.usage-records-heading{display:flex;justify-content:space-between;align-items:baseline}.usage-records-heading h3{font-size:17px;margin:0;color:var(--text-primary, #0f172a)}.usage-records-heading span{font-size:12.5px;color:var(--text-muted, #94a3b8)}.usage-records-table-wrapper{overflow-x:auto;border:1px solid var(--usage-card-border);border-radius:14px}.usage-records-table{width:100%;border-collapse:collapse;font-size:12px;min-width:1260px}.usage-records-table thead th{background:#94a3b814;color:var(--text-muted, #64748b);font-weight:600;text-align:left;padding:10px 12px;border-bottom:1px solid var(--usage-card-border);position:sticky;top:0;z-index:1;white-space:nowrap}.usage-records-table tbody td{padding:10px 12px;border-bottom:1px solid var(--usage-card-border);vertical-align:middle;color:var(--text-primary, #0f172a);white-space:nowrap}.usage-records-table th.is-cache-token,.usage-records-table td.is-cache-token{width:216px}.usage-records-table th.is-cache-price,.usage-records-table td.is-cache-price{width:132px}.usage-records-table tbody tr:last-child td{border-bottom:none}.usage-records-table tbody tr:hover{background:#94a3b80f}.usage-records-table .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;color:var(--text-primary, #0f172a)}.usage-records-table .is-end{text-align:right}.usage-records-table .is-end.is-cost{color:var(--usage-cost-negative);font-weight:600}.usage-records-table tr.is-failed td{background:#ef44440d}.usage-records-table .usage-muted{color:var(--text-muted, #94a3b8)}.usage-fold-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--usage-fold-tag-bg);color:var(--usage-fold-tag-color);font-size:11px;font-weight:600}.usage-source-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em}.usage-source-tag.is-ai-chat{background:#2563eb1f;color:#1d4ed8}.usage-source-tag.is-api-key{background:#10b9811f;color:#047857}:root[data-theme=dark] .usage-source-tag.is-ai-chat{background:#3b82f62e;color:#93c5fd}:root[data-theme=dark] .usage-source-tag.is-api-key{background:#10b98129;color:#6ee7b7}.usage-model-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis}.usage-table-empty{padding:40px 12px;text-align:center;color:var(--text-muted, #94a3b8)}.usage-records-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:12.5px;color:var(--text-muted, #64748b)}@media(max-width:1100px){.usage-summary-grid{grid-template-columns:1fr}.usage-model-card{min-height:auto}.usage-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.usage-metric-grid{grid-template-columns:1fr}.usage-summary-grid{gap:12px}.usage-date-popover{grid-template-columns:1fr}.usage-date-popover-presets{flex-direction:row;flex-wrap:wrap;border-right:none;padding-right:0;padding-bottom:12px;border-bottom:1px solid var(--usage-card-border)}.usage-chart-model-body{grid-template-columns:1fr;align-items:center}.usage-donut-wrapper{width:188px;height:188px;justify-self:center}.usage-model-bar-row{grid-template-columns:minmax(0,1fr);gap:6px;justify-items:center}}.usage-status-cell{white-space:nowrap}.usage-status-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em}.usage-status-tag.is-success{background:#10b9811f;color:#047857}.usage-status-tag.is-failed{background:#ef44441a;color:#dc2626}:root[data-theme=dark] .usage-status-tag.is-success{background:#10b98129;color:#6ee7b7}:root[data-theme=dark] .usage-status-tag.is-failed{background:#ef444424;color:#f87171}.usage-pagination-info{color:var(--text-muted, #64748b);font-variant-numeric:tabular-nums}.key-mgmt-page{display:flex;flex-direction:column;gap:16px;animation:fadeIn .35s ease-out;position:relative;isolation:isolate}.key-mgmt-hero,.key-mgmt-card{border:1px solid var(--surface-border);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.92),var(--surface-solid));box-shadow:0 16px 36px #0f172a0d}.key-mgmt-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:18px;padding:22px;background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.08),transparent 42%),linear-gradient(135deg,rgba(var(--accent-rgb),.04),#0f172a04),var(--surface-solid)}.key-mgmt-hero-copy{min-width:0}.key-mgmt-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.key-mgmt-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:rgba(var(--accent-rgb),.12);color:var(--accent-primary)}.key-mgmt-title{margin:12px 0 0;font-size:28px;font-weight:700;line-height:1.15;color:var(--text-primary)}.key-mgmt-subtitle{margin:10px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.7}.key-mgmt-subtitle code{padding:2px 7px;border-radius:8px;background:var(--surface-muted);border:1px solid var(--surface-border);color:var(--text-primary);word-break:break-all}.key-mgmt-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.key-mgmt-hero-meta span{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-muted);color:var(--text-secondary);font-size:12px;font-weight:600}.key-mgmt-hero-rail{display:flex;flex-direction:column;justify-content:flex-start;padding-top:44px;gap:12px}.key-mgmt-create{min-height:46px;width:100%;justify-content:center}.key-mgmt-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:820px){.key-mgmt-stats{grid-template-columns:1fr}}.key-mgmt-stat-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;border:1px solid var(--surface-border);background:linear-gradient(180deg,rgba(255,255,255,.84),var(--surface-solid)),var(--surface-solid);position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a0a}.key-mgmt-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px}.key-mgmt-stat-card.accent-blue:before{background:linear-gradient(180deg,#3b82f6,#6366f1)}.key-mgmt-stat-card.accent-purple:before{background:linear-gradient(180deg,#a855f7,#d946ef)}.key-mgmt-stat-card.accent-amber:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.key-mgmt-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;flex-shrink:0}.key-mgmt-stat-card.accent-blue .key-mgmt-stat-icon{background:#3b82f61f;color:#3b82f6}.key-mgmt-stat-card.accent-purple .key-mgmt-stat-icon{background:#a855f71f;color:#a855f7}.key-mgmt-stat-card.accent-amber .key-mgmt-stat-icon{background:#f59e0b24;color:#d97706}[data-theme=dark] .key-mgmt-stat-card.accent-amber .key-mgmt-stat-icon{color:#fbbf24}.key-mgmt-stat-body{display:flex;flex-direction:column;gap:2px;min-width:0}.key-mgmt-stat-value{font-size:24px;font-weight:700;line-height:1.2;color:var(--text-primary)}.key-mgmt-stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.key-mgmt-card{padding:20px}.key-mgmt-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--surface-border)}.key-mgmt-card-head-copy{min-width:0}.key-mgmt-card-eyebrow{display:inline-block;margin-bottom:8px;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.22em}.key-mgmt-card-head h3{margin:0;font-size:18px;color:var(--text-primary)}.key-mgmt-filter{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;border:1px solid var(--surface-border);background:var(--surface-muted)}.key-mgmt-filter select{min-width:136px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--surface-border);background:var(--surface-solid);color:var(--text-primary);font-size:13px;cursor:pointer}.key-mgmt-filter-label{color:var(--text-muted);font-size:12px;font-weight:600}.key-mgmt-table-wrap{overflow-x:auto;border-radius:18px;border:1px solid var(--surface-border);background:var(--surface-solid);box-shadow:0 10px 22px #0f172a0a}.key-mgmt-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0}.key-mgmt-table thead th{padding:14px 16px;text-align:left;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),rgba(var(--accent-rgb),.04));border-bottom:1px solid var(--surface-border);white-space:nowrap}.key-mgmt-table thead th.is-num,.key-mgmt-table tbody td.is-num{text-align:right;font-variant-numeric:tabular-nums}.key-mgmt-table thead th.is-action,.key-mgmt-table tbody td.is-action{text-align:right}.key-mgmt-table tbody td{padding:14px 16px;border-bottom:1px solid var(--surface-border);vertical-align:middle;color:var(--text-secondary);background:var(--surface-solid)}.key-mgmt-table tbody tr:last-child td{border-bottom:none}.key-mgmt-table tbody tr:nth-child(2n) td{background:var(--surface-muted)}.key-mgmt-table tbody tr:hover td{background:rgba(var(--accent-rgb),.06)}.key-mgmt-name-cell{display:flex;flex-direction:column;gap:6px;min-width:0}.key-mgmt-name-cell strong{font-size:15px;font-weight:700;color:var(--text-primary)}.key-mgmt-name-cell code{display:inline-block;padding:7px 10px;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface-muted);color:var(--text-secondary);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.5;word-break:break-all}.key-mgmt-status{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap}.key-mgmt-status.active{color:#0f766e;background:#10b98124;border:1px solid rgba(16,185,129,.3)}.key-mgmt-status:not(.active){color:var(--text-secondary);background:#94a3b81f;border:1px solid rgba(148,163,184,.22)}.key-mgmt-empty{text-align:center;padding:28px 18px;border-radius:18px;border:1px dashed var(--surface-border);background:rgba(var(--accent-rgb),.03);color:var(--text-secondary);font-size:13px}.key-mgmt-actions{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end;flex-shrink:0}.key-mgmt-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--surface-border);background:var(--surface-solid);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.key-mgmt-icon-btn:hover{color:var(--text-primary);background:var(--surface-muted);border-color:var(--accent-primary)}.key-mgmt-icon-btn:disabled{opacity:.45;cursor:not-allowed}.key-mgmt-icon-btn.is-danger:hover{color:#dc2626;border-color:#dc262673;background:#dc262614}.key-mgmt-switch{position:relative;display:inline-flex;align-items:center;width:34px;height:20px;border-radius:999px;background:#94a3b866;border:1px solid var(--surface-border);transition:background .15s ease,border-color .15s ease;cursor:pointer;padding:0;appearance:none;font:inherit;flex:0 0 auto}.key-mgmt-switch.is-on{background:#10b981d1;border-color:#10b9811f}.key-mgmt-switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000001f}.key-mgmt-switch.is-on .key-mgmt-switch-knob{left:16px}.key-mgmt-switch:disabled{cursor:wait;opacity:.7}.key-mgmt-muted{color:var(--text-muted)}.key-mgmt-desc{color:var(--text-secondary);line-height:1.6}.key-mgmt-textarea{min-height:84px;resize:vertical}.key-mgmt-modal{width:min(480px,100%)}.key-mgmt-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.key-mgmt-field label{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.key-mgmt-field-hint{font-size:11px;line-height:1.4;color:var(--text-tertiary)}:root[data-theme=dark] .key-mgmt-hero,:root[data-theme=dark] .key-mgmt-card,:root[data-theme=dark] .key-mgmt-stat-card{background:linear-gradient(180deg,#111827f5,#0f172af5);border-color:var(--panel-border);box-shadow:var(--panel-shadow)}:root[data-theme=dark] .key-mgmt-filter,:root[data-theme=dark] .key-mgmt-table-wrap,:root[data-theme=dark] .key-mgmt-name-cell code,:root[data-theme=dark] .key-mgmt-empty{background:#ffffff0a;border-color:var(--border-color)}:root[data-theme=dark] .key-mgmt-status.active{color:#34d399;background:#10b98124;border-color:#34d39957}:root[data-theme=dark] .key-mgmt-switch{background:#10b981e6}@media(max-width:1100px){.key-mgmt-hero{grid-template-columns:1fr}.key-mgmt-hero-rail{padding-top:0;gap:10px}}@media(max-width:720px){.key-mgmt-hero,.key-mgmt-card{border-radius:18px;padding:14px}.key-mgmt-title{font-size:22px}.key-mgmt-hero-meta,.key-mgmt-card-head{gap:10px}.key-mgmt-card-head{align-items:flex-start;flex-direction:column}.key-mgmt-filter{width:100%;justify-content:space-between}.key-mgmt-filter select{width:100%;min-width:0}.key-mgmt-stats{grid-template-columns:1fr}.key-mgmt-card-head{margin-bottom:12px;padding-bottom:12px}}.admin-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;margin-top:8px;border-top:1px solid var(--surface-border)}.pricing-mimic-layout{--foreground: var(--text-primary);--muted-foreground: var(--text-secondary);--surface-border: var(--border-color);--primary: var(--accent-primary);--primary-rgb: var(--accent-rgb);padding:6px 0 32px;background-image:linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px);background-size:32px 32px}.pricing-mimic-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;background:linear-gradient(90deg,#fffffffa,#fff5eefa);border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:28px 32px;box-shadow:0 16px 34px #0f172a0d}.pricing-mimic-hero-title h1{font-size:54px;line-height:1.1;margin:0 0 24px}.pricing-mimic-hero-meta{display:flex;justify-content:flex-end;gap:28px;align-items:flex-start;font-size:15px;color:var(--muted-foreground)}.pricing-mimic-hero-notice{grid-column:1 / -1;border-top:1px solid rgba(15,23,42,.08);padding-top:20px;display:grid;gap:12px;color:var(--muted-foreground)}.pricing-mimic-hero-notice h3{margin:0;font-size:16px;color:var(--foreground)}.pricing-mimic-body{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(320px,.9fr);gap:32px;align-items:start;margin-top:36px}.pricing-mimic-section-head{margin-bottom:18px}.pricing-mimic-section-head span{display:inline-block;color:var(--accent-primary);font-size:14px;font-weight:700;letter-spacing:.28em;margin-bottom:10px}.pricing-mimic-section-head h2{margin:0;font-size:48px;line-height:1.08}.pricing-mimic-card{background:#fffffffa;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:24px;box-shadow:0 14px 28px #0f172a0a}.pricing-mimic-topup-card{margin-bottom:24px}.pricing-mimic-card-header span{display:inline-block;font-size:14px;color:var(--muted-foreground);margin-bottom:8px}.pricing-mimic-card-header h3{margin:0 0 12px;font-size:42px;line-height:1.08}.pricing-mimic-topup-copy{color:var(--muted-foreground);margin-bottom:18px;line-height:1.6}.pricing-mimic-topup-copy p{margin:0}.pricing-mimic-amounts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.pricing-mimic-amount-btn{border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:14px;min-width:104px;padding:14px 18px;font-size:16px;font-weight:700;color:var(--foreground);transition:all .18s ease}.pricing-mimic-amount-btn.is-active{border-color:rgba(var(--accent-rgb),.3);color:var(--accent-primary);background:rgba(var(--accent-rgb),.06)}.pricing-mimic-topup-action{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.pricing-mimic-payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.pricing-mimic-payment-method{border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:16px;padding:14px 16px;text-align:left;display:grid;gap:6px;transition:all .18s ease}.pricing-mimic-payment-method strong{font-size:16px;color:var(--foreground)}.pricing-mimic-payment-method span{font-size:13px;color:var(--muted-foreground);line-height:1.45}.pricing-mimic-payment-method em{font-style:normal;font-size:12px;color:var(--accent-primary);opacity:.85}.pricing-mimic-payment-method.is-active{border-color:rgba(var(--accent-rgb),.38);background:rgba(var(--accent-rgb),.06);box-shadow:0 10px 20px rgba(var(--accent-rgb),.08)}.pricing-mimic-payment-method.is-setup-required{opacity:.82}.pricing-mimic-input{height:56px;border-radius:16px}.pricing-mimic-submit{height:56px;border:1px solid transparent;border-radius:16px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--fixed-white);font-size:18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 14px 24px rgba(var(--accent-rgb),.22);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.pricing-mimic-submit:hover:not(:disabled){filter:brightness(1.02);box-shadow:0 16px 28px rgba(var(--accent-rgb),.26);transform:translateY(-1px)}.pricing-mimic-submit:disabled{opacity:.72;cursor:not-allowed}.pricing-mimic-qq-contact{display:flex;flex-direction:column;gap:6px;padding:14px 18px;border-radius:16px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.18)}.pricing-mimic-qq-contact strong{font-size:15px;color:var(--foreground)}.pricing-mimic-qq-contact span{font-size:13px;color:var(--muted-foreground)}.pricing-mimic-qq-contact b{color:var(--accent-primary);font-size:15px;-webkit-user-select:all;user-select:all}.pricing-mimic-ldxp-button{height:56px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:16px;background:#fffffff5;color:var(--foreground);font-size:17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 12px 24px rgba(var(--accent-rgb),.14);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.pricing-mimic-ldxp-button:hover{filter:brightness(1.01);box-shadow:0 16px 28px rgba(var(--accent-rgb),.18);transform:translateY(-1px)}.pricing-mimic-ldxp-button:focus-visible{outline:2px solid rgba(var(--accent-rgb),.45);outline-offset:2px}.pricing-mimic-ldxp-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0;border-radius:6px}.pricing-mimic-footnote{margin-top:14px;font-size:13px;color:var(--muted-foreground)}.pricing-mimic-side-head{margin-bottom:18px}.pricing-mimic-tabs{display:flex;gap:12px;margin-bottom:18px}.pricing-mimic-tab{cursor:pointer}.pricing-mimic-tab,.pricing-mimic-filter{border:1px solid rgba(15,23,42,.1);background:#fff;border-radius:14px;padding:10px 18px;font-weight:600;color:var(--muted-foreground)}.pricing-mimic-tab.is-active,.pricing-mimic-filter.is-active{color:var(--accent-primary);border-color:rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.06)}.pricing-mimic-search-wrap{position:relative;margin-bottom:16px}.pricing-mimic-search-wrap svg{position:absolute;left:14px;top:14px;color:var(--muted-foreground)}.pricing-mimic-search{padding-left:40px;border-radius:16px;height:48px}.pricing-mimic-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.pricing-mimic-order-list{display:grid;gap:16px}.pricing-mimic-order-card{border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:20px;background:#fff}.pricing-mimic-order-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.pricing-mimic-order-meta{margin-top:14px;display:grid;gap:8px;color:var(--muted-foreground);font-size:14px}.pricing-mimic-order-meta p{margin:0;display:flex;gap:8px;align-items:center}.pricing-mimic-order-total{border-top:1px solid rgba(15,23,42,.08);margin-top:16px;padding-top:16px;display:flex;justify-content:space-between;align-items:center}.pricing-mimic-order-total strong:last-child{font-size:18px}.pricing-mimic-order-countdown{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(var(--accent-rgb),.06);color:var(--muted-foreground);font-size:14px}.pricing-mimic-order-countdown strong{color:var(--accent-primary);font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.pricing-mimic-qr-card{margin-top:18px}.pricing-action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.pricing-action-row>.pricing-cta{flex:1 1 180px;margin-top:0}.pricing-mimic-payment-meta{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:center;padding:16px;border-radius:16px;border:1px solid rgba(var(--accent-rgb),.14);background:rgba(var(--accent-rgb),.05);margin-bottom:16px}.pricing-mimic-payment-meta span{color:var(--muted-foreground);font-size:13px}.pricing-mimic-payment-meta strong{justify-self:end;text-align:right;overflow-wrap:anywhere}.pricing-mimic-payment-actions{display:flex;gap:12px;flex-wrap:wrap}.pricing-mimic-payment-actions .pricing-cta{flex:1 1 180px;margin-top:0}.pricing-mimic-ledger-panel{display:grid;gap:16px}.pricing-mimic-ledger-head span{display:inline-block;color:var(--accent-primary);font-size:14px;font-weight:700;letter-spacing:.28em;margin-bottom:10px}.pricing-mimic-ledger-head h3{margin:0 0 10px;font-size:28px;line-height:1.08}.pricing-mimic-ledger-head p{margin:0;color:var(--muted-foreground);line-height:1.6}@media(max-width:1200px){.pricing-mimic-hero,.pricing-mimic-body,.pricing-mimic-topup-action{grid-template-columns:1fr}}.usage-trend-chart-live{position:relative;min-height:302px}.usage-trend-svg{position:absolute;inset:18px 12px 42px 44px;width:calc(100% - 56px);height:calc(100% - 60px);overflow:visible}.usage-trend-grid{position:absolute;inset:18px 12px 42px 44px;background:linear-gradient(to right,transparent 0,transparent 24%,rgba(148,163,184,.12) 24%,rgba(148,163,184,.12) 24.6%,transparent 24.6% 49.2%,rgba(148,163,184,.12) 49.2%,rgba(148,163,184,.12) 49.8%,transparent 49.8% 74.4%,rgba(148,163,184,.12) 74.4%,rgba(148,163,184,.12) 75%,transparent 75% 100%),linear-gradient(to bottom,rgba(148,163,184,.16) 1px,transparent 1px);background-size:100% 100%,100% 25%;background-position:0 0,0 0;border-radius:14px;pointer-events:none}.usage-trend-axis-y{position:absolute;left:0;top:6px;bottom:42px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;width:38px;padding-right:6px;color:var(--usage-axis-label);font-size:11.5px;font-variant-numeric:tabular-nums;pointer-events:none}.usage-trend-axis-x{position:absolute;left:44px;right:12px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--usage-axis-label);font-size:11.5px;font-variant-numeric:tabular-nums;pointer-events:none}.usage-trend-axis-y span{line-height:1}.usage-trend-axis-x span{flex:1 1 0;text-align:center;white-space:nowrap}.usage-trend-hover-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.usage-trend-hover-guide{position:absolute;width:1px;background:#94a3b852}.usage-trend-hover-point{position:absolute;width:11px;height:11px;margin-left:-5.5px;margin-top:-5.5px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 8px #0f172a29}.usage-trend-hover-point.is-official{background:var(--usage-accent-official)}.usage-trend-hover-point.is-actual{background:var(--usage-accent-actual)}.usage-trend-hover-point.is-savings{background:var(--usage-accent-savings)}.usage-trend-hover-point.is-total{background:var(--usage-accent-official)}.usage-trend-hover-point.is-duration{background:var(--usage-accent-duration)}.usage-trend-hover-point.is-requests{background:var(--usage-accent-requests)}.usage-trend-tooltip{position:absolute;min-width:200px;max-width:260px;padding:12px 14px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#fffffffa;box-shadow:0 14px 30px #0f172a1f;color:var(--text-primary, #0f172a)}:root[data-theme=dark] .usage-trend-tooltip{background:#0f172af5;border-color:#94a3b829}.usage-trend-tooltip-title{font-size:18px;font-weight:700;line-height:1.2}.usage-trend-tooltip-list{display:grid;gap:8px;margin-top:10px}.usage-trend-tooltip-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;font-size:13px;line-height:1.3}.usage-trend-tooltip-label{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--text-secondary, #64748b);font-weight:600}.usage-trend-tooltip-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffffb3}.usage-trend-tooltip-swatch.is-official{background:var(--usage-accent-official)}.usage-trend-tooltip-swatch.is-actual{background:var(--usage-accent-actual)}.usage-trend-tooltip-swatch.is-savings{background:var(--usage-accent-savings)}.usage-trend-tooltip-swatch.is-total{background:var(--usage-accent-official)}.usage-trend-tooltip-swatch.is-duration{background:var(--usage-accent-duration)}.usage-trend-tooltip-swatch.is-requests{background:var(--usage-accent-requests)}.usage-trend-tooltip-value{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-primary, #0f172a)}.usage-trend-stroke{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.usage-trend-area{opacity:.18}.usage-trend-svg.is-official .usage-trend-stroke{stroke:var(--usage-accent-official)}.usage-trend-svg.is-actual .usage-trend-stroke{stroke:var(--usage-accent-actual)}.usage-trend-svg.is-savings .usage-trend-stroke,.usage-trend-svg.is-savings .usage-trend-area{stroke:var(--usage-accent-savings);fill:var(--usage-accent-savings)}.usage-trend-svg.is-total .usage-trend-stroke,.usage-trend-svg.is-total .usage-trend-area{stroke:var(--usage-accent-official);fill:var(--usage-accent-official)}.usage-trend-svg.is-duration .usage-trend-stroke,.usage-trend-svg.is-duration .usage-trend-area{stroke:var(--usage-accent-duration);fill:var(--usage-accent-duration)}.usage-trend-svg.is-requests .usage-trend-stroke,.usage-trend-svg.is-requests .usage-trend-area{stroke:var(--usage-accent-requests);fill:var(--usage-accent-requests)}.usage-donut-ring{width:176px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--usage-accent-actual) 0 var(--donut-progress),var(--usage-donut-track) var(--donut-progress) 100%);display:grid;place-items:center;position:relative}.usage-donut-ring:after{content:"";width:122px;height:122px;border-radius:50%;background:var(--usage-card-bg);box-shadow:inset 0 0 0 1px var(--usage-card-border)}.usage-donut-wrapper{position:relative}.usage-donut-wrapper .usage-donut-center{position:absolute;inset:0}.tutorial-panel{display:flex;flex-direction:column;gap:18px}.tutorial-panel .profile-card-head h2{margin:0}.tutorial-intro{margin:0;color:var(--text-secondary);line-height:1.7;font-size:14px}.tutorial-note{margin:0;padding:10px 14px;border-radius:10px;background:rgba(var(--accent-rgb, 59, 130, 246),.08);border:1px solid rgba(var(--accent-rgb, 59, 130, 246),.2);color:var(--text-secondary);font-size:13px;line-height:1.65}.tutorial-note code{padding:1px 6px;border-radius:4px;background:var(--surface-solid);border:1px solid var(--surface-border);font-size:12px}.tutorial-os-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tutorial-os-content{display:flex;flex-direction:column}.tutorial-os-section{display:flex;flex-direction:column;gap:12px}.tutorial-os-section h3{margin:18px 0 0;font-size:16px;color:var(--text-primary)}.tutorial-os-section h3:first-child{margin-top:4px}.tutorial-os-section p{margin:0;line-height:1.7;color:var(--text-primary);font-size:14px}.tutorial-os-section p code{padding:1px 6px;border-radius:4px;background:var(--surface-solid);border:1px solid var(--surface-border);font-size:12px}.tutorial-faq{display:flex;flex-direction:column;gap:14px;margin-top:8px;padding-top:18px;border-top:1px solid var(--surface-border)}.tutorial-faq h3{margin:0;font-size:16px;color:var(--text-primary)}.tutorial-faq-item{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:10px;border:1px solid var(--surface-border);background:var(--surface-solid)}.tutorial-faq-item h4{margin:0;font-size:14px;color:var(--text-primary)}.tutorial-faq-item p{margin:0;font-size:13px;line-height:1.65;color:var(--text-secondary)}.tutorial-faq-item code{padding:1px 6px;border-radius:4px;background:var(--surface-muted, var(--surface-solid));border:1px solid var(--surface-border);font-size:12px}.ldxp-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ldxp-modal{width:90vw;max-width:480px;height:85vh;max-height:780px;background:var(--color-surface, #fff);border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;overflow:hidden}.ldxp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border, #e5e5e5);flex-shrink:0}.ldxp-modal-header h3{margin:0;font-size:15px;font-weight:600}.ldxp-modal-close{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;color:var(--color-text-secondary, #666)}.ldxp-modal-close:hover{background:var(--color-hover, #f0f0f0)}.ldxp-modal-iframe{flex:1;width:100%;border:none}.usage-upstream-modal{width:min(1040px,96vw)}.usage-upstream-json{margin:0;padding:14px;max-height:min(70vh,720px);overflow:auto;border:1px solid var(--usage-card-border, var(--surface-border));border-radius:14px;background:#0f172a0a;color:var(--text-primary, #0f172a);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word}:root[data-theme=dark] .usage-upstream-json{background:#0f172a5c}.admin-quickstart-list,.admin-quickstart-item-list,.admin-quickstart-code-list{display:flex;flex-direction:column;gap:14px}.admin-quickstart-group-card,.admin-quickstart-item-card,.admin-quickstart-code-card{border:1px solid var(--surface-border);border-radius:14px;background:var(--surface-solid);padding:14px;display:flex;flex-direction:column;gap:12px}.admin-quickstart-item-card{background:rgba(var(--accent-rgb, 59, 130, 246),.035)}.admin-quickstart-code-card{background:#0f172a06}.admin-quickstart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-quickstart-toolbar strong{color:var(--text-primary);font-size:14px}.admin-quickstart-code-textarea{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;line-height:1.55}.profile-config-guide-layout{height:100%;padding:16px;box-sizing:border-box;grid-template-columns:minmax(180px,220px) minmax(0,1fr)}.profile-config-guide-layout .profile-tutorial-methods{display:flex;flex-direction:column;gap:10px;align-self:flex-start;border:0;border-radius:0;background:transparent;overflow:visible}.profile-config-guide-layout .profile-tutorial-method{min-height:92px;border:1px solid rgba(var(--accent-rgb),.12);border-left:4px solid transparent;border-radius:16px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.05),#ffffffbd);padding:14px 16px;justify-content:flex-start}.profile-config-guide-layout .profile-tutorial-method.is-active{border-color:rgba(var(--accent-rgb),.22);border-left-color:rgba(var(--accent-rgb),.9);background:linear-gradient(180deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.06))}.profile-config-guide-detail-panel{border:1px solid rgba(var(--accent-rgb),.12);border-radius:18px;background:linear-gradient(180deg,#0f172afa,#111827);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow:auto}.profile-config-guide-detail-panel .profile-image-api-detail-head strong{color:#f8fafc}.profile-config-guide-detail-panel .profile-image-api-note-list,.profile-config-guide-detail-panel .profile-api-doc-note{color:#e2e8f0c2}.profile-config-guide-detail-panel .profile-api-doc-note code{color:#bfdbfe}.profile-config-guide-code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;min-height:0;align-items:stretch}.profile-config-guide-code-grid .profile-image-api-code-section{min-height:0}.profile-config-guide-detail-panel .profile-api-doc-code{margin:0;flex:0 1 auto;min-height:220px;max-height:410px;overflow:auto;font-size:14px;line-height:1.58;white-space:pre-wrap;overflow-wrap:anywhere}.profile-config-guide-detail-panel .profile-image-api-code-section strong{color:#f8fafc}.pricing-mimic-channel-grid{margin-top:0;margin-bottom:18px;grid-template-columns:repeat(4,minmax(160px,1fr))}.pricing-mimic-channel-entry{margin-top:6px}.pricing-mimic-channel-panel{min-height:126px;justify-content:center}.pricing-mimic-crypto-panel{display:flex;flex-direction:column;gap:4px}@media(max-width:980px){.pricing-mimic-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.pricing-mimic-channel-grid{grid-template-columns:1fr}}.admin-quickstart-tabbed{display:flex;flex-direction:column;gap:14px}.admin-quickstart-group-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-quickstart-group-chip{cursor:grab;-webkit-user-select:none;user-select:none}.admin-quickstart-group-chip:active{cursor:grabbing}.admin-quickstart-group-chip.is-dragging{opacity:.55;transform:scale(.98)}.admin-revenue-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.admin-revenue-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:999px;padding:9px 16px;font-weight:700;cursor:pointer}.admin-revenue-tab.is-active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.admin-revenue-overview{display:grid;gap:18px}.admin-revenue-expense-form,.admin-revenue-card{border:1px solid var(--border);border-radius:18px;background:var(--surface-muted);padding:18px}.admin-revenue-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-revenue-form-grid label,.admin-revenue-description-field{display:grid;gap:6px;color:var(--text-secondary);font-size:13px;font-weight:700}.admin-revenue-description-field{margin-top:12px}.admin-revenue-submit{margin-top:14px;display:inline-flex;align-items:center;gap:8px}.admin-revenue-columns{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:18px}.admin-revenue-category-list,.admin-revenue-expense-list{display:grid;gap:10px}.admin-revenue-category-item,.admin-revenue-expense-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:12px 14px}.admin-revenue-category-item span,.admin-revenue-expense-item span,.admin-revenue-expense-item small{color:var(--text-secondary)}.admin-revenue-category-item small{color:var(--text-tertiary)}.admin-revenue-expense-item>div{display:grid;gap:4px}.admin-revenue-search{margin-bottom:12px}.admin-revenue-delete{min-width:auto;padding:8px 10px}.admin-stat-card.is-danger strong{color:var(--danger)}@media(max-width:980px){.admin-revenue-form-grid,.admin-revenue-columns{grid-template-columns:1fr}}.admin-revenue-layout{gap:18px}.admin-revenue-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#2563eb1f,#0ea5e914),var(--surface);border-color:#2563eb38}.admin-revenue-kicker{display:inline-flex;margin-bottom:8px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-revenue-hero-copy h2{margin:0 0 8px;font-size:28px}.admin-revenue-hero-copy p{margin:0;color:var(--text-secondary)}.admin-revenue-range-toolbar{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:56px}.admin-revenue-range-picker-wrap{position:relative}.admin-revenue-range-trigger,.admin-revenue-refresh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border-radius:999px;background:#fff;font-size:15px;font-weight:800;cursor:pointer}.admin-revenue-range-trigger{min-width:260px;border:1px solid rgba(37,99,235,.42);color:#2563eb;box-shadow:0 0 0 4px #2563eb1a,0 14px 38px #0f172a14}.admin-revenue-refresh-btn{border:1px solid rgba(148,163,184,.24);color:var(--text-primary);padding:0 24px;box-shadow:0 12px 32px #0f172a0f}.admin-revenue-range-popover{position:absolute;z-index:20;top:calc(100% + 14px);right:0;display:grid;grid-template-columns:180px minmax(320px,1fr);gap:0;width:min(620px,calc(100vw - 48px));padding:18px;border:1px solid rgba(148,163,184,.22);border-radius:24px;background:#fff;box-shadow:0 28px 70px #0f172a24}.admin-revenue-range-quick{display:grid;align-content:start;gap:12px;padding-right:18px;border-right:1px solid rgba(148,163,184,.24)}.admin-revenue-range-quick span,.admin-revenue-range-fields span{color:var(--text-secondary);font-size:13px;font-weight:800}.admin-revenue-range-quick button{border:0;border-radius:14px;background:transparent;color:var(--text-primary);padding:10px 14px;text-align:left;font-size:15px;font-weight:800;cursor:pointer}.admin-revenue-range-quick button.is-active{background:#111827;color:#fff}.admin-revenue-range-fields{display:grid;gap:16px;padding-left:18px}.admin-revenue-range-fields label{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:16px}.admin-revenue-range-fields input{width:100%;min-height:44px;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:#fff;color:var(--text-primary);padding:0 18px;font-size:15px;font-weight:800}.admin-revenue-range-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:6px}.admin-revenue-range-actions .btn-secondary{min-width:86px;border-radius:999px}.admin-revenue-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-revenue-metric-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--surface);padding:18px;box-shadow:var(--shadow-sm)}.admin-revenue-metric-card:after{content:"";position:absolute;inset:auto -30px -42px auto;width:110px;height:110px;border-radius:999px;background:#2563eb14}.admin-revenue-metric-card.is-revenue:after{background:#10b98124}.admin-revenue-metric-card.is-expense:after,.admin-revenue-metric-card.is-negative:after{background:#ef44441f}.admin-revenue-metric-card.is-profit:after{background:#f59e0b24}.admin-revenue-metric-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:14px;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.admin-revenue-metric-card span,.admin-revenue-metric-card small{display:block;color:var(--text-secondary)}.admin-revenue-metric-card span{font-weight:700}.admin-revenue-metric-card strong{display:block;margin:8px 0 6px;font-size:26px;letter-spacing:-.03em}.admin-revenue-metric-card small{font-size:12px}.admin-revenue-metric-card.is-negative strong{color:var(--danger)}.admin-revenue-dashboard-panel{padding:18px}.admin-revenue-overview-v2{display:grid;gap:18px}.admin-revenue-insight-grid,.admin-revenue-workbench{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px}.admin-revenue-insight-card,.admin-revenue-expense-form-v2{border:1px solid var(--border);border-radius:20px;background:var(--surface-muted);padding:18px}.admin-revenue-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-revenue-card-head h3{margin:0 0 6px}.admin-revenue-card-head p{margin:0;color:var(--text-secondary)}.admin-revenue-bars,.admin-revenue-kpi-list,.admin-revenue-category-list-v2,.admin-revenue-expense-table{display:grid;gap:12px}.admin-revenue-bar-row{display:grid;grid-template-columns:86px 1fr 120px;align-items:center;gap:12px;color:var(--text-secondary);font-size:13px}.admin-revenue-bar{height:10px;overflow:hidden;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.admin-revenue-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#16a34a)}.admin-revenue-bar-row.is-expense i{background:linear-gradient(90deg,#fb7185,#ef4444)}.admin-revenue-bar-row.is-profit i{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.admin-revenue-bar-row strong{color:var(--text-primary);text-align:right}.admin-revenue-formula{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.admin-revenue-formula span,.admin-revenue-kpi-list span{color:var(--text-secondary)}.admin-revenue-kpi-list div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.admin-revenue-kpi-list div:last-child{border-bottom:0}.admin-revenue-category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.admin-revenue-category-chips button{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);padding:7px 11px;cursor:pointer}.admin-revenue-category-chips button.is-active{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.admin-revenue-category-item-v2{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.admin-revenue-category-item-v2 span,.admin-revenue-expense-row span{color:var(--text-secondary);font-size:12px}.admin-revenue-category-item-v2 em,.admin-revenue-expense-row em{color:var(--text-primary);font-style:normal;font-weight:800}.admin-revenue-category-item-v2 i{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--primary),#22c55e)}.admin-revenue-cost-empty{display:grid;min-height:260px;place-items:center;border-radius:18px;background:#f8fafcad}.admin-revenue-cost-chart{display:grid;gap:18px;align-items:center}.admin-revenue-cost-pie-wrap{display:flex;justify-content:center;padding:8px 0 2px}.admin-revenue-cost-pie{position:relative;display:grid;width:min(240px,72vw);aspect-ratio:1;place-items:center;border-radius:999px;box-shadow:inset 0 0 0 1px #0f172a14,0 18px 44px #0f172a1f}.admin-revenue-cost-pie:before{content:"";position:absolute;inset:18%;border-radius:inherit;background:#fff;box-shadow:inset 0 0 0 1px #94a3b82e}.admin-revenue-cost-pie>div{position:relative;z-index:1;display:grid;gap:4px;text-align:center}.admin-revenue-cost-pie span{color:var(--text-secondary);font-size:12px;font-weight:700}.admin-revenue-cost-pie strong{color:var(--text-primary);font-size:22px;letter-spacing:-.04em}.admin-revenue-cost-legend{display:grid;gap:10px;max-height:420px;overflow:auto;padding:4px}.admin-revenue-cost-legend-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(148,163,184,.24);border-radius:16px;background:#fff}.admin-revenue-cost-legend-item i{width:11px;height:34px;border-radius:999px;box-shadow:inset 0 0 0 1px #0f172a14}.admin-revenue-cost-legend-item div{min-width:0}.admin-revenue-cost-legend-item strong,.admin-revenue-cost-legend-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-revenue-cost-legend-item strong{color:var(--text-primary);font-weight:800}.admin-revenue-cost-legend-item span{margin-top:3px;color:var(--text-secondary);font-size:12px}.admin-revenue-cost-legend-item em{color:var(--text-primary);font-style:normal;font-weight:900}.admin-revenue-expense-row{display:grid;grid-template-columns:minmax(0,1fr) 180px 120px auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.admin-revenue-expense-row>div{display:grid;gap:4px}@media(max-width:1180px){.admin-revenue-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-revenue-insight-grid,.admin-revenue-workbench{grid-template-columns:1fr}}@media(max-width:720px){.admin-revenue-hero,.admin-revenue-card-head,.admin-revenue-formula{flex-direction:column;align-items:stretch}.admin-revenue-metric-grid,.admin-revenue-form-grid,.admin-revenue-bar-row,.admin-revenue-expense-row{grid-template-columns:1fr}.admin-revenue-bar-row strong{text-align:left}}.admin-revenue-dashboard-panel{background:linear-gradient(180deg,#f8fafcf5,#fffffffa);border-color:#94a3b852}.admin-revenue-tabs{padding:10px;border:1px solid rgba(148,163,184,.28);border-radius:18px;background:#f1f5f9bf}.admin-revenue-insight-card,.admin-revenue-expense-form-v2{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(148,163,184,.36);box-shadow:0 16px 42px #0f172a0f}.admin-revenue-insight-card:before,.admin-revenue-expense-form-v2:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#10b981,#38bdf8)}.admin-revenue-profit-card:before{background:linear-gradient(90deg,#22c55e,#f59e0b)}.admin-revenue-expense-form-v2:before{background:linear-gradient(90deg,#0ea5e9,#22c55e)}.admin-revenue-workbench>.admin-revenue-insight-card:before{background:linear-gradient(90deg,#fb7185,#f59e0b)}.admin-revenue-overview-v2>.admin-revenue-insight-card:before{background:linear-gradient(90deg,#6366f1,#06b6d4)}.admin-revenue-card-head{margin:-2px -2px 18px;padding:4px 4px 14px;border-bottom:1px solid rgba(148,163,184,.22)}.admin-revenue-card-head h3{font-size:18px;letter-spacing:-.02em}.admin-revenue-card-head svg{flex:0 0 auto;width:34px;height:34px;padding:8px;border-radius:12px;color:var(--primary);background:var(--primary-soft)}.admin-revenue-insight-grid,.admin-revenue-workbench{align-items:stretch}.admin-revenue-profit-card,.admin-revenue-expense-form-v2,.admin-revenue-workbench>.admin-revenue-insight-card,.admin-revenue-overview-v2>.admin-revenue-insight-card{min-height:100%}.admin-revenue-bars,.admin-revenue-kpi-list,.admin-revenue-category-list-v2,.admin-revenue-expense-table{padding:4px;border-radius:16px;background:#f8fafcad}.admin-revenue-form-grid,.admin-revenue-description-field,.admin-revenue-category-chips,.admin-revenue-submit{position:relative;z-index:1}.admin-revenue-form-grid{padding:14px;border:1px solid rgba(148,163,184,.24);border-radius:16px;background:#f8fafcb8}.admin-revenue-category-chips,.admin-revenue-description-field{padding:0 2px}.admin-revenue-expense-table{margin-top:4px}.admin-revenue-expense-row,.admin-revenue-category-item-v2,.admin-revenue-kpi-list div,.admin-revenue-formula{background:#fff}.admin-revenue-overview-v2,.admin-revenue-insight-grid,.admin-revenue-workbench{gap:22px}.admin-revenue-expense-form-v2 .admin-revenue-submit{width:100%;justify-content:center;min-height:48px;border-radius:14px}.admin-revenue-workbench-single{grid-template-columns:1fr}.admin-revenue-insight-grid-three{grid-template-columns:minmax(0,1.1fr) minmax(320px,.85fr) minmax(320px,.85fr)}@media(max-width:1280px){.admin-revenue-insight-grid-three{grid-template-columns:1fr}}.admin-api-load-more{display:flex;justify-content:center;padding:12px 0 0;color:var(--text-secondary);font-size:13px;font-weight:700}.admin-api-load-more.is-complete{padding-bottom:4px}.admin-api-cost-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px}.usage-cost-value-upstream strong{color:var(--text-secondary);text-decoration-color:#64748b80}.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(0,200,83,.08),transparent 32%),radial-gradient(circle at bottom right,rgba(15,23,42,.04),transparent 30%)}.home-hero-v2{display:grid;grid-template-columns:minmax(320px,.84fr) minmax(0,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(0,110,42,.2);background:#00c8531a;color:#0a5f2d;font-size:20px;font-weight:700}.home-hero-title{max-width:700px;font-size:clamp(40px,4vw,64px);line-height:1.15;letter-spacing:-.03em;font-weight:700;color:#182326}.home-hero-desc{max-width:860px;color:#5b6b71;font-size:17px;line-height:1.75}.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:420px;height:54px;padding:0 28px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:15px;color:#fff;font-size:18px;font-weight:700;background:linear-gradient(135deg,#006e2a,#00c853);box-shadow:0 16px 30px #006e2a38}.home-hero-secondary{height:52px;padding:0 22px;border-radius:14px;border:1px solid rgba(0,110,42,.3);color:#0d6a31;background:#ffffffeb;font-weight:700;font-size:16px}.home-hero-link{height:52px;color:#48615a;font-weight:700;font-size:16px}.home-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%}.home-ops-dashboard{margin-top:10px;width:min(100%,900px);border:1px solid rgba(22,48,79,.08);border-radius:18px;background:#ffffffeb;overflow:hidden}.home-ops-dashboard-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid rgba(22,48,79,.08)}.home-ops-dashboard-head h3{margin:0;color:#1b262a;font-size:18px}.home-ops-dashboard-head span{color:#7f90a8;font-size:13px;font-weight:600}.home-metric-card{padding:18px 20px;min-height:96px;display:flex;flex-direction:column;gap:8px;border-right:1px solid rgba(22,48,79,.08);border-bottom:1px solid rgba(22,48,79,.08)}.home-metric-card:nth-child(2n){border-right:none}.home-metric-card:nth-last-child(-n+2){border-bottom:none}.home-metric-card span{color:#8c98ab;font-size:14px}.home-metric-card strong{color:#133226;font-size:21px;line-height:1.4}.home-hero-preview{display:flex;justify-content:center;align-items:center;min-width:0}.workflow-window{width:min(100%,1040px);min-width:0;border-radius:32px;border:1px solid #d9e5de;background:#fffffff0;box-shadow:0 32px 70px #1c272c24;overflow:hidden}.workflow-window-bar{display:flex;align-items:center;gap:12px;padding:clamp(18px,2vw,26px) clamp(22px,2.7vw,36px);border-bottom:1px solid #edf2fb;color:#7b8aa0;font-size:clamp(17px,1.45vw,22px);font-weight:700}.workflow-window-title{min-width:0;overflow-wrap:anywhere}.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:clamp(26px,3vw,38px) clamp(22px,2.7vw,36px) clamp(24px,2.4vw,30px)}.workflow-chat-bubble{max-width:90%;padding:clamp(22px,2.5vw,32px) clamp(24px,2.7vw,36px);border-radius:22px;font-size:clamp(18px,1.65vw,24px);line-height:1.6}.workflow-chat-bubble--user{align-self:flex-end;background:linear-gradient(135deg,#006e2a,#00c853);color:#fff;border-top-right-radius:6px}.workflow-chat-bubble--assistant{background:#f4fbf7;color:#2f4f3b;border:1px solid #dceee3;border-top-left-radius:6px}.workflow-section{padding:0 clamp(22px,2.7vw,36px) clamp(26px,2.7vw,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(150px,1fr));gap:22px}.workflow-output-card{min-height:clamp(150px,13vw,196px);padding:18px;border-radius:22px;border:1px solid #dfe7f5;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#0f6a31;text-align:center}.workflow-output-card strong{color:#2a3d41;font-size:clamp(16px,1.2vw,18px)}.workflow-output-card span{color:#6f7f87;font-size:clamp(13px,1vw,15px);line-height:1.5;max-width:250px}.workflow-footer-links{display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);padding:clamp(20px,2vw,26px) clamp(22px,2.7vw,36px) clamp(22px,2.2vw,28px);border-top:1px solid #edf2fb;background:#f7faff}.workflow-footer-links button{display:inline-flex;align-items:center;gap:4px;color:#7a84a0;font-size:clamp(16px,1.35vw,20px);font-weight:700}.workflow-footer-links button:first-child{color:#1f3b2d;font-weight:700}.home-quick-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-selling-points{border:1px solid rgba(22,48,79,.08);border-radius:22px;padding:22px;background:#ffffffc7}.home-selling-points-head h3{margin:0;color:#1e3429;font-size:24px}.home-selling-points-head p{margin:10px 0 0;max-width:980px;color:#7b8aa0;font-size:15px;line-height:1.7}.home-selling-points-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.selling-point-card{border:1px solid #d8e7de;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;background:#fff}.selling-point-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#0d6a31;background:#00c85324}.selling-point-card strong{color:#1e382c;font-size:16px}.selling-point-card span{color:#6d7f77;font-size:13px;line-height:1.6}.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:#006e2a38;background:linear-gradient(135deg,#00c8531a,#006e2a0a)}.home-quick-entry-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#00c85324;color:#0f6a31;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,.home-selling-points-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 rgba(var(--accent-rgb),.12),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 rgba(var(--accent-rgb),.12);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-model-picker{display:flex;flex-direction:column;gap:10px}.continue-edit-model-grid{display:grid;grid-template-columns:1fr;gap:10px}.continue-edit-model-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:center;width:100%;padding:12px 14px;border-radius:16px;border:1px solid var(--border-color);background:var(--surface-solid);color:var(--text-primary);box-shadow:0 8px 20px #0f172a0a,inset 0 1px #ffffffa6;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.continue-edit-model-card:hover{border-color:rgba(var(--accent-rgb),.26);transform:translateY(-1px)}.continue-edit-model-card.active{border-color:rgba(var(--accent-rgb),.42);background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.12),transparent 48%),var(--surface-solid);box-shadow:0 14px 32px rgba(var(--accent-rgb),.12),inset 0 1px #ffffffc7}.continue-edit-model-card-title{font-size:14px;font-weight:800;line-height:1.35}.continue-edit-model-main{min-width:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.continue-edit-model-price{font-size:12px;color:var(--text-secondary);font-weight:700;white-space:nowrap}.continue-edit-model-card .continue-edit-model-tag-row{justify-content:flex-end;align-items:center}.continue-edit-model-tag-row{width:100%;display:flex;flex-wrap:wrap;gap:6px}.continue-edit-model-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.01em;border:1px solid transparent}.continue-edit-model-tag.is-selection{background:#14b8a624;color:#0f766e;border-color:#14b8a647}.continue-edit-model-tag.is-redraw{background:#f59e0b24;color:#b45309;border-color:#f59e0b47}.continue-edit-model-tag.is-cost{display:none}.continue-edit-model-card-desc{width:100%;font-size:12px;line-height:1.5;color:var(--text-secondary)}.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-stage.is-disabled{cursor:not-allowed;pointer-events:none;opacity:.72;filter:saturate(.85)}.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-progress{display:flex;flex-direction:column;gap:8px}.continue-edit-progress-label{font-size:12px;line-height:1.6;color:var(--text-secondary);font-weight:500}.continue-edit-progress-bar{margin-top:0}.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,.continue-edit-model-grid{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}button.provider-card-action{font:inherit;color:inherit;appearance:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}button.provider-card-action:hover{border-color:var(--accent-primary);box-shadow:0 12px 24px #2d6bff14}button.provider-card-action:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #2d6bff40}.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-head-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.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-vendor-card{background:var(--bg-primary);border-left-width:4px}.admin-relay-vendor-card.is-enabled{border-left-color:var(--accent-primary)}.admin-relay-vendor-card.is-disabled{border-left-color:var(--border-color);opacity:.88}.admin-relay-vendor-card .admin-relay-section-head{justify-content:space-between;gap:10px;flex-wrap:wrap}.admin-relay-vendor-card .admin-relay-section-head h3{flex:1 1 auto;min-width:120px}.admin-relay-vendor-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--accent-primary);border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.admin-relay-vendor-status:hover{background:color-mix(in srgb,var(--accent-primary) 18%,transparent)}.admin-relay-vendor-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.admin-relay-vendor-card.is-disabled .admin-relay-vendor-status{background:var(--bg-tertiary);color:var(--text-muted, var(--text-secondary));border-color:var(--border-color)}.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,.admin-relay-group textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);font-size:13px;color:var(--text-primary);width:100%;min-width:0;white-space:pre-wrap}.admin-image-capability-textarea{min-height:360px;font-family:ui-monospace,SFMono-Regular,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.admin-image-capability-list{display:flex;flex-direction:column;gap:16px}.admin-image-capability-card,.admin-image-capability-mode-card{border:1px solid var(--border-color);border-radius:14px;background:var(--bg-primary)}.admin-image-capability-card{padding:16px}.admin-image-capability-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.admin-image-capability-disable{flex:0 0 auto;min-height:34px;padding:7px 12px;font-size:12px;white-space:nowrap}.admin-image-capability-card-head strong{display:block;font-size:15px;color:var(--text-primary)}.admin-image-capability-card-head p{margin:6px 0 0;font-size:12px;color:var(--text-secondary)}.admin-image-capability-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.admin-image-capability-mode-card{padding:14px}.admin-image-capability-mode-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.admin-image-capability-mode-hint{font-size:12px;color:var(--text-secondary)}.admin-image-capability-param-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.admin-image-capability-param-editor-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.admin-image-capability-param-editor-card{padding:14px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);min-width:0}.admin-image-capability-param-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.admin-image-capability-param-editor-head strong{font-size:14px;color:var(--text-primary)}.admin-image-capability-param-editor-head span,.admin-image-capability-debug{font-size:12px;color:var(--text-secondary)}.admin-image-param-modal{width:min(760px,100%)}.admin-image-param-modal-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto}.admin-image-capability-param-editor-card .profile-textarea{min-height:112px;white-space:pre-wrap;overflow-wrap:anywhere}.admin-image-capability-param-item{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer}.admin-image-capability-param-item.is-selected{border-color:rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.12);color:var(--text-primary)}.admin-image-capability-param-item.is-disabled{opacity:.48;cursor:not-allowed}.admin-relay-group input::placeholder{color:var(--text-muted)}.admin-relay-group .admin-relay-hint{margin:2px 0 0;font-size:12px;line-height:1.55}.admin-relay-group .admin-relay-hint code{padding:1px 5px;border-radius:4px;background:#0000000f;font-size:11px}.platform-pricing-input{width:100%}.platform-pricing-row{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:nowrap}.platform-pricing-mode{flex:0 0 auto;min-width:96px;height:36px}.platform-pricing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;flex:1 1 auto}.platform-pricing-input.is-call .platform-pricing-fields{grid-template-columns:minmax(0,1fr)}.platform-pricing-input.is-cache .platform-pricing-fields{grid-template-columns:repeat(2,minmax(116px,1fr))}.platform-pricing-field{display:inline-flex;align-items:center;gap:8px;min-width:0;width:100%}.platform-pricing-field.single{grid-column:1 / -1}.platform-pricing-prefix{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:24px;padding:0 8px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary, var(--bg-primary));color:var(--text-secondary);font-size:13px;font-weight:700;flex-shrink:0}.platform-pricing-number{flex:1 1 0;min-width:0;height:36px;padding-inline:10px;font-size:13px}.admin-relay-vendor-models{margin-top:12px}.admin-relay-models-toggle{display:inline-flex;align-items:center;gap:6px}.admin-relay-vendor-models-panel{margin-top:10px;border:1px solid var(--border-color);border-radius:10px;padding:12px;background:var(--bg-primary)}.admin-relay-vendor-models-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.admin-relay-vendor-models-head strong{font-size:13px;color:var(--text-primary)}.admin-relay-model-actions{display:flex;align-items:center;gap:8px}.admin-relay-model-actions .profile-input{width:110px}.admin-relay-model-name-wrap{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:8px;min-width:0}.admin-relay-model-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.admin-relay-model-name-wrap .profile-relay-discount-tag{flex-shrink:0}.admin-relay-model-tag-group{display:inline-flex;flex-wrap:nowrap;gap:6px;min-width:0}.admin-relay-model-table{display:flex;flex-direction:column;gap:6px;width:max-content;min-width:100%}.admin-relay-model-table-scroll{min-width:0;overflow-x:auto;padding-bottom:4px}.admin-relay-model-row{display:grid;grid-template-columns:var(--admin-relay-model-grid-columns);gap:6px;align-items:center;padding:1px 0}.admin-relay-model-row.head{font-size:13px;font-weight:600;color:var(--text-secondary);padding:0 4px 2px;-webkit-user-select:none;user-select:none}.admin-relay-model-row.head.is-resizing{cursor:col-resize}.admin-relay-model-name-head{display:inline-flex;align-items:center;gap:10px}.admin-relay-column-head{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:24px;padding-right:10px;white-space:nowrap}.admin-relay-column-head>span:first-child{min-width:0}.admin-relay-column-resizer{position:absolute;top:-6px;right:-6px;width:12px;height:calc(100% + 12px);cursor:col-resize;touch-action:none}.admin-relay-column-resizer:before{content:"";position:absolute;top:6px;bottom:6px;right:4px;width:1px;border-radius:999px;background:transparent;transition:background-color .15s ease}.admin-relay-column-head:hover .admin-relay-column-resizer:before,.admin-relay-column-resizer.is-active:before{background:rgba(var(--accent-rgb),.45)}.admin-relay-model-name-head input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary);flex-shrink:0}.admin-relay-model-row .profile-input{width:100%;height:32px;font-size:12.5px}.admin-relay-model-wire-api-cell{min-height:34px;display:flex;flex-direction:column;align-items:center;gap:6px}.admin-relay-model-wire-api-cell>.admin-relay-wire-api-dropdown{align-self:stretch}.admin-relay-wire-api-dropdown{position:relative;width:100%}.admin-relay-wire-api-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:34px;width:100%;padding:0 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);font-size:12px;color:var(--text-primary);cursor:pointer}.admin-relay-wire-api-summary::-webkit-details-marker{display:none}.admin-relay-wire-api-dropdown[open] .admin-relay-wire-api-summary{border-color:var(--accent-primary);box-shadow:0 0 0 2px #2563eb14}.admin-relay-wire-api-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:10;min-width:220px;padding:8px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);box-shadow:0 12px 32px #0f172a24;display:flex;flex-direction:column;gap:6px}.admin-relay-wire-api-option{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.admin-relay-wire-api-option input[type=checkbox]{width:14px;height:14px;flex-shrink:0;accent-color:var(--accent-primary)}.admin-relay-endpoint-test{width:100%;display:flex;flex-direction:column;gap:4px}.admin-relay-endpoint-test-actions{display:flex;flex-wrap:wrap;gap:4px}.admin-relay-endpoint-test-button{min-height:24px;padding:2px 7px;border-radius:999px;font-size:11px;line-height:1.4}.admin-relay-endpoint-test-button.is-ok{border-color:#16a34a73;color:#15803d}.admin-relay-endpoint-test-button.is-error{border-color:#dc262673;color:#b91c1c}.admin-relay-endpoint-test-hint,.admin-relay-endpoint-test-result{font-size:11px;line-height:1.45;color:var(--text-muted)}.admin-relay-endpoint-test-result{display:flex;flex-direction:column;gap:2px;padding:5px 7px;border-radius:8px;background:var(--surface-muted);word-break:break-word}.admin-relay-endpoint-test-result.is-ok{color:#166534;background:#16a34a14}.admin-relay-endpoint-test-result.is-error{color:#991b1b;background:#dc262614}.admin-relay-model-readonly{display:flex;align-items:center;min-height:34px;padding:0 10px;font-size:13px;color:var(--text-secondary);background:var(--surface-muted);border:1px dashed var(--surface-border);border-radius:8px;word-break:break-word;cursor:default}.admin-relay-model-name-cell{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:0;min-height:34px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-primary)}.admin-relay-model-name-cell input[type=checkbox]{width:16px;height:16px;flex-shrink:0;accent-color:var(--accent-primary);cursor:pointer}.admin-relay-model-name-cell code{font-size:11px;color:var(--text-muted);word-break:break-all}.admin-relay-model-tag{--tag-rgb: 100, 116, 139;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:2px 8px;border-radius:999px;border:1px solid rgba(var(--tag-rgb),.28);background:rgba(var(--tag-rgb),.12);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.4;color:rgb(var(--tag-rgb));transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.admin-relay-model-description-input{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-relay-model-tag:hover{transform:translateY(-1px)}.admin-relay-model-tag.is-text{--tag-rgb: 37, 99, 235}.admin-relay-model-tag.is-image{--tag-rgb: 22, 163, 74}.admin-relay-model-tag.is-video{--tag-rgb: 13, 148, 136}.admin-relay-model-tag.is-inactive{opacity:.58;background:rgba(var(--tag-rgb),.06);border-color:rgba(var(--tag-rgb),.16)}.admin-relay-model-tag.is-inactive:hover{opacity:.78;background:rgba(var(--tag-rgb),.1);border-color:rgba(var(--tag-rgb),.22)}:root[data-theme=dark] .admin-relay-model-tag{color:rgba(var(--tag-rgb),1);background:rgba(var(--tag-rgb),.2);border-color:rgba(var(--tag-rgb),.45)}:root[data-theme=dark] .admin-relay-model-tag.is-inactive{opacity:.72;background:rgba(var(--tag-rgb),.1);border-color:rgba(var(--tag-rgb),.24)}:root[data-theme=dark] .admin-relay-model-tag.is-inactive:hover{background:rgba(var(--tag-rgb),.14);border-color:rgba(var(--tag-rgb),.3)}:root[data-theme=dark] .admin-relay-model-tag.is-text{--tag-rgb: 147, 197, 253}:root[data-theme=dark] .admin-relay-model-tag.is-image{--tag-rgb: 134, 239, 172}:root[data-theme=dark] .admin-relay-model-tag.is-video{--tag-rgb: 94, 234, 212}.admin-relay-model-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 16px;padding:10px 0;border-bottom:1px dashed var(--border-color);margin-bottom:10px}.admin-relay-model-filter{display:inline-flex;flex-wrap:wrap;gap:6px}.admin-relay-model-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.admin-relay-model-chip:hover{color:var(--text-primary);border-color:rgba(var(--accent-rgb),.4)}.admin-relay-model-chip.is-active{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.admin-relay-model-chip.is-active:hover{color:#fff;border-color:var(--accent-primary)}.admin-relay-model-chip-count{display:inline-flex;min-width:18px;padding:0 4px;height:16px;align-items:center;justify-content:center;border-radius:8px;background:#0f172a14;color:inherit;font-size:11px;font-weight:700}:root[data-theme=dark] .admin-relay-model-chip-count{background:#ffffff1a}.admin-relay-model-chip.is-active .admin-relay-model-chip-count{background:#ffffff40}.admin-relay-model-bulk{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.admin-relay-model-bulk-hint{font-size:12px;color:var(--text-secondary);align-self:flex-end}.admin-relay-model-bulk-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.admin-relay-model-item{border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;background:var(--bg-tertiary);font-size:12px;color:var(--text-secondary)}.admin-relay-model-item input{width:14px;height:14px;accent-color:var(--accent-primary)}.admin-relay-model-item span{flex:1;color:var(--text-primary)}.admin-relay-model-item code{font-size:11px;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}}.admin-relay-model-fetch-hint{margin-bottom:12px;padding:10px 12px;border-radius:12px;color:var(--text-secondary);background:#3b82f60f;border:1px solid rgba(59,130,246,.14);font-size:13px;line-height:1.6}.admin-image-size-matrix{margin-top:12px;padding:12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary)}.admin-image-size-matrix-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.admin-image-size-matrix-head strong{font-size:14px;color:var(--text-primary)}.admin-image-size-matrix-head span,.admin-image-size-matrix-empty{font-size:12px;color:var(--text-secondary)}.admin-image-size-matrix-size-row,.admin-image-size-matrix-ratios{display:flex;flex-wrap:wrap;gap:8px}.admin-image-size-matrix-size-row{margin-bottom:10px}.admin-image-size-matrix-grid{display:flex;flex-direction:column;gap:10px}.admin-image-size-matrix-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:flex-start}.admin-image-size-matrix-row-title{min-height:30px;display:flex;align-items:center;font-weight:700;font-size:13px;color:var(--text-primary)}.admin-image-size-matrix-size-toggle,.admin-image-size-matrix-ratio{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:12px;cursor:pointer}.admin-image-size-matrix-size-toggle:has(input:checked),.admin-image-size-matrix-ratio:has(input:checked){border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.12);color:var(--text-primary)}.admin-image-size-matrix-size-toggle:has(input:disabled),.admin-image-size-matrix-ratio:has(input:disabled){opacity:.55;cursor:not-allowed}.platform-pricing-input.is-video-resolution .platform-pricing-fields{grid-template-columns:repeat(3,minmax(150px,1fr))}.video-resolution-pricing-field{gap:6px}.video-resolution-pricing-field .platform-pricing-prefix:first-child{min-width:52px}.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}.site-maintenance-shell{position:fixed;inset:0;z-index:90;overflow:hidden;background:radial-gradient(circle at top,rgba(255,208,170,.26),transparent 36%),linear-gradient(180deg,#fff8f2,#f6f3ee)}.site-maintenance-ambient{position:absolute;inset:0;pointer-events:none}.site-maintenance-orb{position:absolute;border-radius:999px;filter:blur(12px);opacity:.6}.site-maintenance-orb.orb-a{top:-120px;left:-80px;width:320px;height:320px;background:#ff7a2538}.site-maintenance-orb.orb-b{right:-120px;top:12%;width:260px;height:260px;background:#ffb2662e}.site-maintenance-orb.orb-c{left:14%;bottom:-120px;width:360px;height:360px;background:#ff6c2b1f}.site-maintenance-overlay{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.28),transparent 34%),#0f172a47;-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%)}.site-maintenance-modal{width:min(820px,100%)}.site-maintenance-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;border-radius:999px;background:#ff5a001f;color:#c2410c;font-size:14px;font-weight:800;letter-spacing:.02em}.site-maintenance-user{display:grid;gap:6px;margin-bottom:24px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,122,37,.22);background:#ffffff9e;color:#334155;line-height:1.6}.site-maintenance-actions{display:grid;gap:12px}.site-maintenance-secondary{width:100%;min-height:64px}.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;display:flex;align-items:center;justify-content:center}.modal-confirm-btn:hover:not(:disabled){box-shadow:0 22px 48px #ff5a0057;transform:translateY(-1px)}.ai-workbench-policy-overlay{z-index:1300;background:radial-gradient(circle at 50% 8%,rgba(254,226,226,.42),transparent 34%),#0f172a8a}.ai-workbench-policy-modal{width:min(620px,100%);border-radius:28px;border-color:#f871715c;box-shadow:0 28px 80px #0f172a38,0 14px 38px #dc262624}.ai-workbench-policy-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 12px;border-radius:999px;background:#fee2e2;color:#b91c1c;font-size:13px;font-weight:800}.ai-workbench-policy-content{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.ai-workbench-policy-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#fff1f2;color:#dc2626;border:1px solid rgba(248,113,113,.34);flex-shrink:0}.ai-workbench-policy-title{font-size:clamp(26px,3vw,34px);letter-spacing:0}.ai-workbench-policy-copy{margin:12px 0 0;padding:16px 18px;border-radius:18px;border:1px solid rgba(248,113,113,.26);background:#fff7f7;color:#7f1d1d;font-size:17px;line-height:1.8;font-weight:800}.ai-workbench-policy-check{display:inline-flex;align-items:center;gap:10px;margin:22px 0 18px;color:#334155;font-size:15px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.ai-workbench-policy-check input{width:18px;height:18px;accent-color:#dc2626}.ai-workbench-policy-confirm{min-height:64px;border-radius:18px;background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 18px 40px #dc262642;color:#fff}.ai-workbench-policy-confirm:hover:not(:disabled){box-shadow:0 22px 48px #dc262652}@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}.site-maintenance-user{padding:14px}.ai-workbench-policy-modal{border-radius:24px}.ai-workbench-policy-content{grid-template-columns:minmax(0,1fr)}.ai-workbench-policy-icon{width:52px;height:52px}.ai-workbench-policy-copy{padding:14px;font-size:15px}}.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:linear-gradient(135deg,#006e2a,#00c853)}.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:#0a5f2d;background:#00c85324}.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}}.image2-resolution-page{animation:fadeIn .35s ease-out;color:var(--text-primary);display:flex;flex-direction:column;gap:18px;padding-bottom:64px}.image2-resolution-page.is-embedded{animation:none;gap:12px;height:100%;overflow:auto;padding:12px}.image2-resolution-hero{align-items:center;background:linear-gradient(135deg,#10b9811f,#3b82f614);border:1px solid var(--border-color);border-radius:24px;display:flex;gap:18px;padding:24px}.image2-resolution-icon{align-items:center;background:var(--surface-solid);border:1px solid var(--border-color);border-radius:18px;color:var(--brand-primary);display:flex;height:56px;justify-content:center;width:56px}.image2-resolution-kicker{color:var(--brand-primary);font-size:13px;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.image2-resolution-hero h2{font-size:28px;letter-spacing:-.02em;margin:0 0 8px}.image2-resolution-hero p{color:var(--text-muted);margin:0}.image2-resolution-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.image2-resolution-filters button{background:var(--surface-solid);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-weight:800;padding:8px 14px;transition:all .18s ease}.image2-resolution-filters button:hover{border-color:#10b9815c;color:var(--text-primary)}.image2-resolution-filters button.is-active{background:#10b9811f;border-color:#10b98152;color:#047857}.image2-resolution-summary{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.image2-resolution-summary-card{background:var(--surface-solid);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.image2-resolution-summary-card span{color:var(--text-muted);font-size:12px;font-weight:800}.image2-resolution-summary-card strong{font-size:24px;letter-spacing:-.03em}.image2-resolution-summary-card.is-pass strong{color:#047857}.image2-resolution-summary-card.is-mismatch strong{color:#b45309}.image2-resolution-summary-card.is-fail strong{color:#b91c1c}.image2-resolution-summary-card.is-timeout strong{color:#1d4ed8}.image2-resolution-tips{background:var(--surface-solid);border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 14px}.image2-resolution-table-wrap{background:var(--surface-solid);border:1px solid var(--border-color);border-radius:22px;overflow-x:auto;box-shadow:var(--shadow-sm)}.image2-resolution-table{border-collapse:separate;border-spacing:0;min-width:960px;table-layout:fixed;width:100%}.image2-resolution-table th,.image2-resolution-table td{border-bottom:1px solid var(--border-color);padding:12px 14px;text-align:left;vertical-align:top}.image2-resolution-table th:nth-child(1){width:150px}.image2-resolution-table th:nth-child(2){width:110px}.image2-resolution-table th:nth-child(3){width:250px}.image2-resolution-table th:nth-child(4){width:150px}.image2-resolution-table th:nth-child(5){width:auto}.image2-resolution-table th{background:var(--surface-soft);color:var(--text-secondary);font-size:12px;font-weight:800;letter-spacing:.04em;position:sticky;top:0;text-transform:uppercase}.image2-resolution-table tbody tr:last-child td{border-bottom:none}.image2-resolution-table tbody tr:hover td{background:#10b98109}.image2-resolution-model-cell,.image2-resolution-request-cell,.image2-resolution-result-cell,.image2-resolution-note-cell{display:flex;flex-direction:column;gap:7px}.image2-resolution-model-cell strong{line-height:1.2;overflow-wrap:anywhere}.image2-resolution-model-cell span,.image2-resolution-note-cell>span{color:var(--text-secondary);font-size:13px;line-height:1.45}.image2-resolution-ratio-cell{align-items:center;display:flex;gap:8px}.image2-resolution-ratio-cell strong{font-size:15px}.image2-resolution-request-cell code{width:fit-content}.image2-resolution-result-cell{align-items:flex-start}.image2-resolution-table code,.image2-resolution-tips code,.image2-resolution-hero code{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:2px 6px}.image2-resolution-badge{background:#10b9811f;border:1px solid rgba(16,185,129,.24);border-radius:999px;color:#047857;display:inline-flex;font-weight:800;min-width:44px;justify-content:center;padding:4px 10px}.image2-resolution-table .is-match{color:#047857;font-weight:700}.image2-resolution-table .is-warning{color:#b45309;font-weight:700}.image2-resolution-status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;min-width:58px;padding:4px 10px}.image2-resolution-status.is-pass{background:#10b9811f;border:1px solid rgba(16,185,129,.24);color:#047857}.image2-resolution-status.is-mismatch{background:#f59e0b1f;border:1px solid rgba(245,158,11,.26);color:#b45309}.image2-resolution-status.is-timeout{background:#3b82f61f;border:1px solid rgba(59,130,246,.24);color:#1d4ed8}.image2-resolution-status.is-fail{background:#ef44441f;border:1px solid rgba(239,68,68,.24);color:#b91c1c}.image2-resolution-example{min-width:0}.image2-resolution-example summary{color:var(--brand-primary);cursor:pointer;font-size:13px;font-weight:800;margin-bottom:8px}.image2-resolution-example button{align-items:center;background:var(--surface-soft);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-weight:700;gap:6px;margin-bottom:8px;padding:6px 10px}.image2-resolution-example button:hover{color:var(--text-primary)}.image2-resolution-example pre{background:#0f172a;border-radius:14px;color:#e5e7eb;font-size:12px;margin:0;max-height:260px;max-width:min(680px,64vw);overflow:auto;padding:12px;white-space:pre}.image2-resolution-example pre code{background:transparent;border:none;color:inherit;padding:0}.image2-resolution-modal-backdrop{align-items:center;background:#0f172a7a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.image2-resolution-modal{background:var(--surface-solid);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 28px 80px #0f172a47;display:flex;flex-direction:column;max-height:min(86vh,920px);overflow:hidden;width:min(1480px,96vw)}.image2-resolution-modal-head{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.image2-resolution-modal-head strong{color:var(--text-primary);font-size:18px}.image2-resolution-modal-head button{align-items:center;background:var(--surface-soft);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.image2-resolution-modal-head button:hover{color:var(--text-primary)}.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:#0ea5e9}.referral-step-icon.purple{background:#0d9488}.referral-step-icon.green{background:#00c853}.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}.announcement-list{display:flex;flex-direction:column}.announcement-item{display:flex;align-items:flex-start;border:1px solid var(--border-color)}.announcement-content{min-width:0;flex:1 1 auto}.announcement-content h4{margin:0;color:var(--text-primary);font-weight:800}.announcement-tag{display:inline-flex;align-items:center;min-height:1.45rem;border-radius:999px;padding:.18rem .58rem;font-size:.74rem;font-weight:800;line-height:1;border:1px solid transparent}.announcement-tag.tag-new{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.announcement-tag.tag-update{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.announcement-tag.tag-notice{color:#9a3412;background:#ffedd5;border-color:#fdba74}.announcement-tag.tag-reminder{color:#713f12;background:#fde68a;border-color:#f59e0b}.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}.announcement-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.42rem}.announcement-marker{flex:none;width:2.1rem;height:2.1rem;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.announcement-marker.tag-new,.announcement-kind.tag-new{color:#047857;background:#d1fae5;border-color:#6ee7b7}.announcement-marker.tag-update,.announcement-kind.tag-update{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.announcement-marker.tag-notice,.announcement-kind.tag-notice{color:#c2410c;background:#ffedd5;border-color:#fdba74}.announcement-marker.tag-reminder,.announcement-kind.tag-reminder{color:#713f12;background:#fde68a;border-color:#f59e0b}:root[data-theme=dark] .announcement-tag.tag-new,:root[data-theme=dark] .announcement-marker.tag-new,:root[data-theme=dark] .announcement-kind.tag-new{color:#a7f3d0;background:#05966933;border-color:#34d3996b}:root[data-theme=dark] .announcement-tag.tag-update,:root[data-theme=dark] .announcement-marker.tag-update,:root[data-theme=dark] .announcement-kind.tag-update{color:#bfdbfe;background:#2563eb3d;border-color:#60a5fa73}:root[data-theme=dark] .announcement-tag.tag-notice,:root[data-theme=dark] .announcement-marker.tag-notice,:root[data-theme=dark] .announcement-kind.tag-notice{color:#fed7aa;background:#ea580c3d;border-color:#fb923c73}:root[data-theme=dark] .announcement-tag.tag-reminder,:root[data-theme=dark] .announcement-marker.tag-reminder,:root[data-theme=dark] .announcement-kind.tag-reminder{color:#fef3c7;background:#f59e0b61;border-color:#fbbf24b8}.announcement-kind{display:inline-flex;align-items:center;min-height:1.45rem;border-radius:999px;padding:.16rem .52rem;font-size:.72rem;font-weight:700;line-height:1;border:1px solid transparent}.announcements-bubble-item .announcement-content h4{margin-bottom:.35rem;line-height:1.35}.announcement-time{display:inline-flex;align-items:center;gap:.28rem;margin:-.1rem 0 .5rem;font-size:.72rem;line-height:1.4;color:var(--text-muted)}.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(680px,100%);max-height:calc(100vh - 1.5rem);overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#fffffff5,#fffcf8f5),var(--surface-solid);border:1px solid rgba(226,232,240,.9);box-shadow:0 26px 70px #0f172a2e;padding:0}:root[data-theme=dark] .announcements-modal{background:linear-gradient(180deg,#111827fa,#0f172afa),var(--panel-surface);border-color:var(--panel-border);box-shadow:var(--panel-shadow),0 22px 48px #0000008c}.announcements-modal-close{position:absolute;top:1.15rem;right:1.15rem;width:2.25rem;height:2.25rem;border:none;border-radius:999px;background:#0f172a0a;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.announcements-modal-close:hover{background:#0f172a14;color:var(--text-primary)}.announcements-modal-head{display:flex;align-items:center;gap:1rem;padding:1.7rem 4.25rem 1rem 1.7rem}.announcements-modal-icon{flex:none;width:3.15rem;height:3.15rem;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#0f172a;background:linear-gradient(135deg,#22c55e2e,#f973162e);border:1px solid rgba(34,197,94,.18)}:root[data-theme=dark] .announcements-modal-icon{color:#f8fafc;background:linear-gradient(135deg,#22c55e2e,#f9731629);border-color:#94a3b82e}.announcements-modal-title-block{min-width:0}.announcements-modal-kicker{display:block;margin-bottom:.2rem;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase;color:#16a34a}.announcements-modal-head h2{margin:0 0 .3rem;font-size:1.7rem;font-weight:850;color:var(--text-primary);line-height:1.15}.announcements-modal-sub{margin:0;font-size:.95rem;color:var(--text-secondary);line-height:1.5}.announcements-modal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:0 1.7rem 1.05rem}.announcements-summary-item{min-width:0;border-radius:14px;padding:.75rem .85rem;background:#f8fafce6;border:1px solid rgba(226,232,240,.92)}.announcements-summary-item.is-accent{background:#fff7ede6;border-color:#fb923c47}:root[data-theme=dark] .announcements-summary-item{background:#1e293bad;border-color:#94a3b82e}.announcements-summary-label{display:block;margin-bottom:.24rem;font-size:.72rem;color:var(--text-muted)}.announcements-summary-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;color:var(--text-primary);line-height:1.2}.announcements-modal-body{max-height:min(54vh,520px);overflow:auto;padding:0 1.7rem}.announcements-modal-list{display:flex;flex-direction:column;gap:.75rem}.announcements-modal-item{display:flex;align-items:flex-start;border-radius:16px;padding:1rem;gap:.85rem;background:#f8fafcbd;border:1px solid rgba(226,232,240,.92)}:root[data-theme=dark] .announcements-modal-item{background:#1e293b9e;border-color:#94a3b82e}.announcements-modal-item .announcement-tag{white-space:nowrap;align-self:flex-start;line-height:1}.announcements-modal-item .announcement-content h4{margin:0 0 .35rem;font-size:1rem;line-height:1.35;color:var(--text-primary)}.announcements-modal-item .announcement-content p{margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.72;white-space:pre-wrap}.announcements-modal-actions{display:flex;justify-content:flex-end;padding:1.25rem 1.7rem 1.55rem;background:linear-gradient(180deg,#fff0,#fff7edbd)}:root[data-theme=dark] .announcements-modal-actions{background:linear-gradient(180deg,#0f172a00,#0f172ab8)}@media(max-width:640px){.announcements-modal-overlay{align-items:flex-end;padding:.55rem}.announcements-modal{width:100%;max-height:calc(100dvh - 1.1rem);border-radius:20px}.announcements-modal-head{padding:1.25rem 3.75rem .85rem 1rem;gap:.75rem}.announcements-modal-icon{width:2.65rem;height:2.65rem;border-radius:14px}.announcements-modal-head h2{font-size:1.35rem}.announcements-modal-sub{font-size:.85rem}.announcements-modal-summary{grid-template-columns:1fr;padding:0 1rem .9rem;gap:.5rem}.announcements-summary-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.68rem .75rem}.announcements-summary-label{margin-bottom:0}.announcements-modal-body{padding:0 1rem;max-height:min(52vh,430px)}.announcements-modal-item{padding:.85rem;gap:.65rem}.announcement-marker{width:1.9rem;height:1.9rem;border-radius:9px}.announcements-modal-actions{padding:1rem}}.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}.sidebar-qq-card{grid-template-columns:1fr 64px;gap:8px;padding:10px}.sidebar-qq-card img{width:64px;height:64px}.sidebar-qq-preview{display:none}.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;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));align-items:flex-start;padding-top:max(12px,env(safe-area-inset-top,0px))}.auth-card{width:100%;border-radius:16px;max-height:calc(100dvh - 24px);padding:14px 12px;gap:10px}.auth-brand h1{font-size:24px}.auth-tabs{width:100%}.auth-tabs button{min-height:40px}.auth-form{gap:8px}.auth-input{height:42px}.auth-label{font-size:12px}.auth-captcha-row{align-items:stretch}.auth-captcha-row .auth-input{min-width:0}.auth-captcha-refresh{width:100%;min-width:0}.password-guide{padding:10px}.password-guide-head{gap:4px}.password-guide-head small{font-size:10px}.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}.tutorial-suite-tabs{width:100%;justify-content:flex-start}.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}.admin-summary-panel{position:static;-webkit-backdrop-filter:none;backdrop-filter:none}.admin-summary-head{flex-direction:column;align-items:flex-start}.admin-summary-actions{width:100%;justify-content:flex-start}.admin-relay-model-toolbar{grid-template-columns:1fr}.admin-relay-model-bulk{align-items:flex-start}.admin-relay-model-bulk-hint{align-self:flex-start}.admin-relay-model-bulk-actions{justify-content:flex-start}.admin-relay-vendor-models-head{flex-direction:column;align-items:stretch}.admin-relay-model-actions{flex-wrap:wrap}.admin-relay-model-table{overflow-x:auto}.admin-relay-model-row{min-width:1240px}}.chat-panel{display:grid;gap:12px;height:100%;min-height:0;grid-template-rows:minmax(0,1fr);width:100%;max-width:none;margin:0;padding:4px 8px 8px;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,1fr)}.chat-split-panel--normal .chat-workspace-placeholder{display:none}.chat-split-panel--workflow{grid-template-columns:minmax(520px,1.55fr) minmax(300px,.92fr) minmax(300px,.88fr)}.chat-workspace-placeholder{min-width:0;min-height:0;height:100%;pointer-events:none}@media(min-width:901px)and (max-width:1320px){.chat-split-panel--normal .chat-agent-column{grid-template-columns:minmax(210px,250px) minmax(0,1fr)}}@media(min-width:901px)and (max-width:1100px){.chat-split-panel--normal .chat-agent-column,.chat-split-panel--workflow .chat-agent-column{grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:12px}}@media(min-width:901px)and (max-width:1180px){.chat-panel{padding:8px}.chat-split-panel--normal .chat-agent-column,.chat-split-panel--workflow .chat-agent-column{grid-template-columns:minmax(0,1fr);gap:10px}.chat-history-panel{height:auto;padding:12px;border-radius:18px}.chat-history-header{flex-direction:column;align-items:flex-start;gap:10px}.chat-history-header p{display:none}.chat-new-conversation-btn{width:auto;min-width:128px}.chat-history-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.chat-history-item{min-width:min(46vw,240px)}.chat-main{min-height:0}}.chat-agent-column{min-width:0;min-height:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:10px;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);padding:14px;overflow:hidden}.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:14px;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:12px;padding-bottom:10px;margin-bottom:0;border-bottom:1px solid var(--border-color)}.workspace-header-main{display:flex;gap:10px;align-items:flex-start;min-width:0}.workspace-header-mark{flex-shrink:0;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb),.14);color:var(--accent-primary, #00a849);box-shadow:inset 0 1px #ffffff1f}.workspace-header-copy{min-width:0}.workspace-header-actions{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.workspace-doc-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.22);background:rgba(var(--accent-rgb),.06);color:var(--accent-primary, #00a849);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,background .18s ease}.workspace-doc-link:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.38);background:rgba(var(--accent-rgb),.12)}.workspace-doc-link--happyhorse{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.44);background:linear-gradient(120deg,#34d399,#22d3ee,#a78bfa,#f472b6,#facc15,#34d399);background-size:320% 320%;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.28);box-shadow:0 0 18px #22d3ee57,0 0 34px #f472b633,inset 0 1px #ffffff61;animation:happyhorse-guide-glow 5.5s ease infinite}.workspace-doc-link--happyhorse:before{content:"";position:absolute;inset:-45% -70%;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.82) 50%,transparent 66%);transform:translate(-55%) rotate(8deg);animation:happyhorse-guide-shine 3.6s ease-in-out infinite;pointer-events:none}.workspace-doc-link--happyhorse:hover{border-color:#ffffffb8;background:linear-gradient(120deg,#10b981,#06b6d4,#8b5cf6,#ec4899,#f59e0b,#10b981);background-size:320% 320%;box-shadow:0 0 22px #22d3ee80,0 0 42px #ec489957,inset 0 1px #ffffff80}@keyframes happyhorse-guide-glow{0%,to{background-position:0% 50%;filter:saturate(1.08)}50%{background-position:100% 50%;filter:saturate(1.28)}}@keyframes happyhorse-guide-shine{0%,42%{transform:translate(-65%) rotate(8deg);opacity:0}52%{opacity:.75}68%,to{transform:translate(65%) rotate(8deg);opacity:0}}.workspace-credit-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;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, #00a849)}.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, #00a849) 0%,var(--accent-secondary, #00c853) 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(2,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 var(--accent-primary);box-shadow:0 0 0 9999px rgba(var(--accent-rgb),.08);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:auto;border-radius:18px;border:1px solid var(--border-color);background:var(--surface-overlay);box-shadow:0 4px 24px #0f172a0d;display:flex;flex-direction:row;align-items:center;padding:10px 12px;gap:10px;overflow:hidden}.chat-history-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;flex:0 0 148px;align-self:stretch}.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:flex;align-items:center;justify-content:flex-start;gap:12px;width:auto;flex:0 0 clamp(170px,18vw,240px);align-self:stretch;border:1px solid rgba(var(--accent-rgb),.22);border-radius:13px;padding:12px 14px;background:linear-gradient(165deg,rgba(var(--accent-rgb),.1) 0%,var(--surface-soft) 100%);color:var(--text-primary);cursor:pointer;text-align:left;box-shadow:0 2px 10px rgba(var(--accent-rgb),.08);transition:transform .15s ease,box-shadow .15s ease;min-height:70px}.chat-new-conversation-icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--accent-rgb));background:rgba(var(--accent-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18);flex:0 0 auto}.chat-new-conversation-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.chat-new-conversation-title{color:var(--text-primary);font-size:15px;font-weight:800;line-height:1.2}.chat-new-conversation-meta{color:var(--text-muted);font-size:12px;font-weight:600;line-height:1.35}.chat-new-conversation-btn:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.32);background:linear-gradient(165deg,rgba(var(--accent-rgb),.14) 0%,var(--surface-soft) 100%);box-shadow:0 6px 16px rgba(var(--accent-rgb),.12)}.chat-history-list{display:flex;flex:1 1 auto;min-width:0;flex-direction:row;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 4px;cursor:grab;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.chat-history-list:active{cursor:grabbing}.chat-history-item{display:flex;align-items:center;gap:8px;width:auto;flex:0 0 clamp(170px,18vw,240px);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-composer-height: 0px}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:18px 24px 14px;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(86%,860px)}.chat-message.assistant,.chat-message.user{width:fit-content}.chat-message.assistant{width:min(100%,1180px)}.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(--accent-primary, #00a849);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%,1180px)}.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:flex;align-items:stretch;flex-direction:column;flex-wrap:nowrap;gap:12px;width:100%;max-width:100%;justify-content:flex-start}.chat-image-single-row,.chat-image-edit-pair{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%}.chat-image-edit-arrow{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;min-width:34px;color:rgba(var(--accent-rgb),.95);font-weight:800;transform:translateY(-22px)}.chat-image-edit-arrow span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.34);background:linear-gradient(180deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.08));box-shadow:0 6px 16px rgba(var(--accent-rgb),.18);font-size:18px;line-height:1}.chat-image-edit-arrow em{font-size:10px;line-height:1.1;font-style:normal;color:var(--text-muted);white-space:nowrap}.chat-image-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;align-items:stretch;width:min(160px,100%)}.chat-image-card.is-edited-result .chat-image-preview{border-color:rgba(var(--accent-rgb),.48);box-shadow:0 8px 24px rgba(var(--accent-rgb),.14)}.chat-image-preview-btn{border:0;padding:0;background:transparent;color:inherit;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer;position:relative}.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-pending-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;pointer-events:none;background:#0f172a8a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chat-image-pending-fill{position:absolute;left:0;right:0;bottom:0;height:var(--pending-progress, 8%);background:linear-gradient(180deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.44));box-shadow:0 -10px 24px rgba(var(--accent-rgb),.22);transition:height .45s ease}.chat-image-pending-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 9px;border-radius:999px;background:#ffffffd1;color:#0f5132;font-size:11px;font-weight:800;box-shadow:0 8px 20px #0f172a2e}.chat-image-meta{font-size:12px;color:var(--text-muted)}.chat-image-footer{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:6px;margin-top:1px}.chat-image-action-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}.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:8px 14px 14px;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:16px;box-shadow:0 2px 16px #0f172a0a;border:1px solid var(--border-color);padding:10px 12px;display:flex;flex-direction:column;gap:8px;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:9px 12px;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:52px;height:52px;padding:4px;border-radius:12px;background:rgba(var(--accent-rgb),.1);color:var(--text-secondary);border:1px solid rgba(var(--accent-rgb),.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:rgba(var(--accent-rgb),.08)}.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 rgba(var(--accent-rgb),.12)}.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}.reference-ratio-hint{display:inline-flex;align-items:center;flex:1 1 280px;min-width:min(100%,220px);min-height:34px;padding:7px 12px;border-radius:12px;font-size:12px;line-height:1.45;font-weight:600}.reference-ratio-hint.is-matched{border:1px solid rgba(34,197,94,.22);background:#22c55e1a;color:#15803d}.reference-ratio-hint.is-unmatched{border:1px solid rgba(245,158,11,.26);background:#f59e0b1f;color:#b45309}.chat-textarea{border:none;resize:none;font-size:15px;outline:none;padding:6px 4px;background:transparent;color:var(--text-primary);min-height:24px;line-height:1.5}.chat-textarea::placeholder{color:#a1a1aa}.chat-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:6px;gap:10px}.chat-toolbar-left,.chat-toolbar-right{display:flex;align-items:center;gap:8px}.chat-toolbar-left{flex:1 1 0;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;max-width:min(520px,100%)}.model-toolbar-label{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;white-space:normal;word-break:break-word;line-height:1.15;text-align:left;flex-wrap:nowrap}.model-toolbar-label span{overflow:visible;text-overflow:clip;white-space:normal}.model-toolbar-label-title{font-size:11px;font-weight:700;color:var(--text-muted);line-height:1}.model-toolbar-label-value{min-width:0;max-width:100%;font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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:18px;box-shadow:0 18px 44px #00000024,0 0 0 1px #0000000f;padding:12px;width:min(320px,calc(100vw - 32px));z-index:100;display:flex;flex-direction:column;gap:10px;max-height:min(60vh,calc(100dvh - 180px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.model-menu--dialog{width:min(640px,calc(100vw - 40px));left:0;right:auto;transform:none;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:6px;max-height:min(60vh,calc(100dvh - 180px));overflow:hidden}.model-menu--dialog .model-menu-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;flex:0 1 auto;min-height:0}.model-menu--dialog .model-menu-column{min-height:0;max-height:min(44vh,420px);display:flex;flex-direction:column;border-radius:10px;border:1px solid rgba(var(--accent-rgb),.1);background:color-mix(in srgb,var(--surface-soft) 88%,transparent 12%);overflow:hidden}.model-menu--dialog .model-menu-column-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 6px;font-size:11px;font-weight:600;color:#a1a1aa}.model-menu--dialog .model-menu-column-count{display:inline-flex;align-items:center;min-height:16px;padding:0 6px;border-radius:999px;background:rgba(var(--accent-rgb),.08);color:var(--text-muted);font-size:10px;font-weight:700}.model-menu--dialog .model-menu-column-list{min-height:0;flex:0 1 auto;display:flex;flex-direction:column;gap:2px;padding:0 4px 4px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.model-menu--dialog .model-menu-column-empty{padding:10px;color:var(--text-muted);font-size:11px;line-height:1.5}.model-menu--resolution{width:min(260px,calc(100vw - 24px));left:50%;right:auto;transform:translate(-50%);display:flex;flex-direction:column;max-height:min(60vh,calc(100dvh - 180px));overflow:hidden;padding:12px;gap:10px}.resolution-menu-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0;font-size:11px;font-weight:700;color:var(--text-primary)}.resolution-menu-note{font-size:10px;font-weight:500;color:var(--text-muted)}.resolution-option-item{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:6px;border:0;border-bottom:1px solid rgba(var(--accent-rgb),.08);border-radius:0;background:transparent;padding:6px 2px;color:var(--text-primary);cursor:pointer;transition:background-color .12s ease,color .12s ease}.resolution-option-item:hover{background:rgba(var(--accent-rgb),.04)}.resolution-option-item.is-selected{background:rgba(var(--accent-rgb),.08)}.resolution-option-content{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}.resolution-option-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.resolution-option-badge{display:inline-flex;align-items:center;min-height:16px;padding:0 6px;border-radius:999px;background:rgba(var(--accent-rgb),.12);color:var(--accent-primary);font-size:10px;font-weight:700}.resolution-option-value{font-size:14px;line-height:1;font-weight:800;letter-spacing:-.03em}.resolution-option-desc{color:var(--text-muted);font-size:10px;line-height:1.25;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resolution-option-row{display:flex;flex-direction:column;gap:1px;min-width:0}.resolution-option-check{flex-shrink:0;color:var(--accent-primary);margin-left:0}.resolution-option-check-placeholder{width:14px;flex-shrink:0}.style-menu{width:320px}.menu-header{font-size:11px;color:#a1a1aa;padding:6px 10px 4px;font-weight:500}.menu-item-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.menu-item-label{display:inline-flex;align-items:center;gap:8px;white-space:normal;word-break:break-word;text-align:left;min-width:0;font-size:13px;font-weight:500;line-height:1.25;flex-wrap:wrap}.model-kind-tag{display:inline-flex;align-items:center;flex-shrink:0;min-height:20px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1;color:var(--accent-primary);background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.18)}.model-kind-tag.is-image{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed2e}.model-kind-tag.is-video{color:#0284c7;background:#0ea5e91a;border-color:#0ea5e92e}.menu-item-desc{color:var(--text-muted);font-size:11px;line-height:1.35;text-align:left;white-space:normal}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:none;background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer;border-radius:7px;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:#18181b;color:#fff;border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #18181b33}.submit-btn:disabled{background:#e4e4e7;color:#a1a1aa;cursor:not-allowed}.chat-status{display:flex;align-items:flex-start;width:100%;padding:9px 11px;border:1px solid rgba(var(--accent-rgb),.14);border-radius:12px;background:rgba(var(--accent-rgb),.06);color:var(--text-secondary);font-size:13px;line-height:1.5;font-weight:600}.chat-status.error{border-color:#dc26262e;background:#fee2e2bf;color:#dc2626}.chat-status.subtle{border-color:rgba(var(--accent-rgb),.1);background:rgba(var(--accent-rgb),.035);color:var(--text-muted);font-weight:500}.workspace-module-status{padding:10px 12px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),.14);background:rgba(var(--accent-rgb),.06);font-weight:700}.workspace-module-status.error{border-color:#dc26262e;background:#fee2e29e}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:min(720px,calc(100dvh - 24px));min-width:0;min-height:auto;border-radius:20px}.chat-history-header{flex-direction:column;align-items:flex-start;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:1 1 auto;min-height:0;overflow-y:auto;padding:10px 12px;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{position:static;left:auto;right:auto;bottom:auto;z-index:auto;flex:0 0 auto;padding:10px 12px 12px;margin-top:0;justify-content:center;pointer-events:auto}.chat-input-container{margin-bottom:0;border-radius:16px;padding:12px;gap:8px;width:100%;pointer-events:auto;box-shadow:0 8px 22px #0206171a}.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:row;align-items:center;flex-wrap:nowrap}.chat-toolbar-left,.chat-toolbar-right{width:auto}.chat-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.toolbar-btn{max-width:none;width:100%;justify-content:flex-start;gap:10px}.toolbar-dropdown{position:static;width:100%;flex:1 1 0;min-width:0}.resolution-menu,.model-menu{position:fixed;left:8px;right:8px;top:72px;bottom:calc(240px + env(safe-area-inset-bottom,0px));transform:none;width:auto;max-width:none;z-index:135}.model-menu--dialog{height:auto;max-height:none;overflow:hidden}.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}.reference-ratio-hint{width:100%;flex-basis:100%}.chat-textarea{min-height:72px;font-size:14px;padding:6px 2px}.balance-text{min-width:0;font-size:12px;padding:4px 10px;white-space:nowrap}.submit-btn{width:40px;height:40px;justify-self:end;flex-shrink:0}.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{width:100%}.chat-image-edit-pair{gap:8px}.chat-image-card{width:min(160px,36vw)}.chat-image-edit-arrow{min-width:28px;transform:translateY(-22px)}.chat-image-edit-arrow em{display:none}.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}.resolution-menu,.model-menu{left:6px;right:6px;top:66px;bottom:calc(300px + env(safe-area-inset-bottom,0px))}.model-menu--dialog{padding:10px}.model-menu--dialog .model-menu-columns{grid-template-columns:minmax(0,1fr);gap:8px}.model-menu--dialog .model-menu-column-list{max-height:34dvh}}@media(min-width:1560px){.chat-split-panel--workflow{grid-template-columns:minmax(420px,1.08fr) minmax(400px,1fr) minmax(360px,.96fr)}.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:min(720px,calc(100dvh - 18px));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 8px;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:static;left:auto;right:auto;bottom:auto;z-index:auto;flex:0 0 auto;padding:8px;margin-top:0;justify-content:center;pointer-events:auto}.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 8px 18px #0206171a;width:100%;pointer-events:auto}.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-direction:row;align-items:center;flex-wrap:nowrap}.chat-toolbar-left{gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;min-width:0;flex:1 1 auto}.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);justify-content:flex-start;gap:10px}.model-toolbar-btn{max-width:none;min-width:0}.chat-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.balance-text{display:none;min-width:0;min-height:34px;font-size:12px;padding:0 10px;border-radius:999px;justify-content:flex-start;white-space:nowrap}.submit-btn{width:42px;height:42px;justify-self:end;flex-shrink:0}.resolution-menu.model-menu,.style-menu{width:min(96vw,760px)}.resolution-menu,.model-menu{left:6px;right:6px;top:66px;bottom:calc(72px + env(safe-area-inset-bottom,0px))}.resolution-menu{padding:6px}.model-menu--dialog{padding:10px}.model-menu--dialog .model-menu-columns{grid-template-columns:minmax(0,1fr);gap:8px}.model-menu--dialog .model-menu-column-list{max-height:34dvh}}.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-image-param-grid{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;padding:0;margin:0}.chat-image-param-panel{display:flex;flex-direction:column;gap:8px;padding:10px 12px;margin-top:8px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface-soft)}.chat-image-param-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.chat-image-param-panel-title{font-size:12px;line-height:1.2;font-weight:700;color:var(--text-primary)}.chat-image-param-panel-desc{font-size:12px;color:var(--text-muted)}.chat-image-param-empty{margin-top:10px;padding:12px 14px;border-radius:12px;border:1px dashed rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.08);color:var(--text-secondary);font-size:12px;line-height:1.6}.chat-image-param-item{display:flex;flex-direction:column;gap:6px;min-width:120px}.chat-image-param-label{font-size:12px;line-height:1.2;color:var(--text-muted);font-weight:600}.chat-image-param-select,.chat-image-param-input{min-height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--surface-solid);color:var(--text-primary);padding:0 10px;font-size:13px;outline:none}.chat-image-param-select{min-width:140px}.chat-image-param-input{width:120px}.continuity-workspace-panel{gap:16px}.workspace-video-panel{min-width:0}.workspace-video-panel{height:100%;overflow-y:auto}.continuity-control-section{gap:12px}.continuity-title-input{width:100%;box-sizing:border-box;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-solid);color:var(--text-primary);padding:11px 12px;font-size:13px;outline:none}.continuity-title-input:focus,.continuity-prompt-textarea:focus{border-color:rgba(var(--accent-rgb),.35);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}.continuity-action-row .workspace-primary-btn,.continuity-action-row .workspace-secondary-btn{flex:1 1 150px}.workspace-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary, #00a849) 0%,var(--accent-secondary, #00c853) 100%);color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(var(--accent-rgb),.24),inset 0 1px #fff3;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.workspace-primary-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 10px 24px rgba(var(--accent-rgb),.3),inset 0 1px #ffffff3d}.workspace-primary-btn:active:not(:disabled){transform:translateY(0)}.workspace-primary-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2);box-shadow:none}.continuity-scene-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;min-height:0}.continuity-scene-card{border:1px solid var(--border-color);border-radius:16px;background:var(--surface-solid);padding:12px;display:flex;flex-direction:column;gap:10px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.continuity-scene-card.active{border-color:rgba(var(--accent-rgb),.38);box-shadow:0 10px 24px rgba(var(--accent-rgb),.1);transform:translateY(-1px)}.continuity-status{display:inline-flex;align-items:center;justify-content:center;min-width:58px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;color:var(--text-secondary);background:var(--surface-soft);border:1px solid var(--border-color)}.continuity-status.is-queued,.continuity-status.is-running{color:rgb(var(--accent-rgb));background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.2)}.continuity-status.is-done{color:#047857;background:#10b9811a;border-color:#10b98138}.continuity-status.is-failed{color:#b91c1c;background:#ef44441a;border-color:#ef444438}.continuity-prompt-textarea{width:100%;min-height:92px;box-sizing:border-box}.continuity-scene-preview{border:0;padding:0;background:transparent;border-radius:14px;overflow:hidden;cursor:zoom-in;display:block}.continuity-scene-preview img,.continuity-portfolio-grid img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;background:var(--surface-soft)}.continuity-portfolio-grid .workspace-history-entry-card{cursor:zoom-in;overflow:hidden}.continuity-portfolio-grid .workspace-history-entry-card span{padding:0 2px}.continuity-portfolio-delete-btn{flex:0 0 auto}.continuity-portfolio-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,160px))}.continuity-portfolio-card{position:relative;border:0;background:transparent;min-height:0;box-shadow:none;padding:0}.continuity-portfolio-delete-icon{position:absolute;top:-4px;right:2px;z-index:2;width:30px;height:30px;border:1px solid rgba(239,68,68,.22);border-radius:999px;background:var(--surface-overlay);color:#b91c1c;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #0f172a24;cursor:pointer}.continuity-portfolio-delete-icon:hover{background:#fef2f2f5}.continuity-portfolio-cover{border:0;border-radius:18px;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:var(--text-primary)}.continuity-portfolio-cover:hover{transform:translateY(-1px)}.continuity-portfolio-cover-stack{position:relative;width:120px;height:120px}.continuity-portfolio-cover-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px;border:4px solid var(--surface-solid);box-shadow:0 14px 28px #0f172a2e}.continuity-portfolio-cover>span{font-size:16px;font-weight:700;color:var(--text-primary);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continuity-portfolio-cover-stack img:nth-child(1){transform:translate(-10px,8px) rotate(-5deg)}.continuity-portfolio-cover-stack img:nth-child(2){transform:translate(8px,-6px) rotate(4deg)}.continuity-portfolio-cover-stack img:nth-child(3){transform:translate(0)}.continuity-portfolio-lightbox-dialog{width:min(96vw,1220px);height:min(94dvh,920px);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden;background:var(--surface-solid);padding:clamp(12px,1.4vw,20px)}.continuity-portfolio-lightbox-head{padding-right:48px;margin-bottom:10px;flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.continuity-portfolio-lightbox-head strong{display:block;font-size:18px;color:var(--text-primary)}.continuity-portfolio-lightbox-head p{margin:4px 0 0;color:var(--text-secondary)}.continuity-portfolio-apply-video-btn{border:1px solid rgba(59,130,246,.28);border-radius:999px;padding:10px 14px;background:linear-gradient(135deg,#0ea5e924,#a855f724);color:rgb(var(--accent-rgb));font-size:13px;font-weight:900;cursor:pointer;white-space:nowrap;flex:0 0 auto}.continuity-portfolio-apply-video-btn:hover{filter:brightness(1.02)}.continuity-portfolio-lightbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;flex:1 1 auto;min-height:0}.continuity-portfolio-lightbox-item{border:1px solid var(--border-color);border-radius:16px;background:var(--surface-soft);padding:7px;display:flex;flex-direction:column;min-height:0}.continuity-portfolio-lightbox-item>button{width:100%;flex:1 1 auto;min-height:0;border:0;padding:0;border-radius:12px;overflow:hidden;background:transparent;cursor:zoom-in}.continuity-portfolio-lightbox-item img{width:100%;height:100%;object-fit:cover;display:block}.continuity-portfolio-lightbox-item div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;flex:0 0 auto}.continuity-portfolio-lightbox-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:12px}.continuity-portfolio-lightbox-item div button{border:1px solid var(--border-color);border-radius:999px;background:var(--surface-solid);color:var(--text-primary);padding:5px 10px;font-size:12px}.continuity-portfolio-prompt-box{margin-top:8px;border:1px solid rgba(var(--accent-rgb),.12);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.82),var(--surface-solid));box-shadow:inset 0 1px #ffffffb8;overflow:hidden;display:flex;align-items:stretch;min-height:56px}.continuity-portfolio-lightbox-prompt{width:100%;min-width:0;border:0;background:transparent;color:var(--text-secondary);font-size:12px;line-height:1.55;text-align:left;padding:10px 12px;display:flex;align-items:flex-start;gap:8px;cursor:copy}.continuity-portfolio-lightbox-prompt>span:first-child{min-width:0;flex:1 1 auto;display:-webkit-box;-webkit-line-clamp:var(--prompt-lines, 2);-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}.continuity-portfolio-prompt-action{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;color:var(--text-muted)}.continuity-portfolio-lightbox-prompt em{flex:0 0 auto;font-style:normal;color:rgb(var(--accent-rgb));font-size:11px;font-weight:800}.continuity-portfolio-lightbox-prompt:hover{color:var(--text-primary);background:rgba(var(--accent-rgb),.035)}.continuity-portfolio-lightbox-prompt.is-expanded>span:first-child{-webkit-line-clamp:unset;display:block;white-space:normal}.continuity-portfolio-prompt-expand-btn{flex:0 0 54px;border:0;border-left:1px solid rgba(var(--accent-rgb),.12);background:rgba(var(--accent-rgb),.045);color:rgb(var(--accent-rgb));padding:0 8px;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;white-space:nowrap}.continuity-portfolio-prompt-expand-btn:hover{background:rgba(var(--accent-rgb),.09)}.continuity-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:80;padding:10px 14px;border-radius:999px;background:#0f172aeb;color:#fff;font-size:13px;font-weight:700;box-shadow:0 14px 28px #0f172a38;pointer-events:none}.continuity-portfolio-section{clear:both;min-height:360px}.continuity-scene-section{display:block;margin-bottom:18px;overflow:visible;position:relative;z-index:1}.continuity-portfolio-empty{flex:1;min-height:220px;align-items:flex-start}.workspace-empty-state{border:1px dashed var(--border-color);border-radius:14px;background:var(--surface-soft);color:var(--text-muted);padding:18px;font-size:13px;text-align:center}.continuity-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:var(--text-secondary)}.continuity-model-select,.continuity-image-model-select{width:100%;min-height:42px}.continuity-model-config-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.52fr);gap:10px;align-items:stretch}.continuity-image-model-select{justify-content:flex-start;max-width:100%;padding:8px 10px}.continuity-config-toggle{align-self:stretch}.continuity-model-dropdown{width:100%}.continuity-model-menu{bottom:auto;top:calc(100% + 8px);width:min(420px,calc(100vw - 40px));height:auto;max-height:min(60vh,calc(100dvh - 180px))}.continuity-model-menu .model-menu-columns{grid-template-columns:minmax(0,1fr);flex:0 0 auto}.continuity-model-menu .model-menu-column{flex:0 0 auto}.continuity-model-menu .model-menu-column-list{flex:0 0 auto;max-height:min(44vh,360px)}.continuity-param-panel{margin-top:0;background:var(--surface-solid)}.continuity-transfer-mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface-soft)}.continuity-transfer-mode-btn{border:0;border-radius:10px;background:transparent;color:var(--text-secondary);padding:9px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;text-align:left}.continuity-transfer-mode-btn span{font-size:13px;font-weight:900;color:inherit}.continuity-transfer-mode-btn small{font-size:11px;font-weight:700;color:var(--text-muted)}.continuity-transfer-mode-btn.active{background:var(--surface-solid);color:rgb(var(--accent-rgb));box-shadow:0 4px 12px #0f172a0f}.continuity-transfer-mode-btn:disabled{cursor:not-allowed;opacity:.55}.workspace-video-mode-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:4px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface-soft)}.workspace-video-mode-btn{border:0;border-radius:10px;background:transparent;color:var(--text-secondary);padding:9px 10px;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0}.workspace-video-mode-btn.active{background:var(--surface-solid);color:rgb(var(--accent-rgb));box-shadow:0 4px 12px #0f172a0f}.workspace-video-mode-btn:disabled{cursor:not-allowed;opacity:.45}.workspace-video-mode-btn.is-disabled{position:relative;color:var(--text-muted);background:repeating-linear-gradient(-45deg,#94a3b814 0 6px,#94a3b829 6px 12px);border:1px dashed rgba(148,163,184,.35)}.workspace-video-mode-disabled-mark{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:999px;background:#94a3b829;color:var(--text-muted);font-size:10px;font-weight:800;white-space:nowrap}.workspace-video-prompt{min-height:118px}.workspace-video-reference-block{display:flex;flex-direction:column;gap:10px;border:1px dashed var(--border-color);border-radius:14px;padding:12px;background:var(--surface-soft)}.workspace-video-reference-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-secondary);font-size:12px}.workspace-video-reference-head strong{color:var(--text-primary)}.workspace-video-upload{width:100%;justify-content:center}.workspace-video-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-video-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-video-result{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border-color);border-radius:14px;padding:10px;background:var(--surface-solid)}.workspace-video-result video{width:100%;border-radius:10px;background:#000}.workspace-video-result a{color:rgb(var(--accent-rgb));font-size:12px;font-weight:700}.workspace-video-actions .workspace-primary-btn,.workspace-video-actions .workspace-secondary-btn{flex:1 1 120px}.workspace-video-empty-state{border:1px solid rgba(var(--accent-rgb),.14);border-radius:14px;background:rgba(var(--accent-rgb),.06);color:var(--text-muted);padding:14px;font-size:12px;line-height:1.5}.workspace-video-portfolio-section{min-height:360px}.workspace-video-portfolio-empty{flex:1;min-height:220px;align-items:flex-start}.workspace-video-portfolio-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-video-portfolio-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border-color);border-radius:16px;background:var(--surface-soft);padding:12px}.workspace-video-portfolio-card video{width:100%;aspect-ratio:16 / 9;border-radius:12px;background:#020617;object-fit:contain}.workspace-video-portfolio-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.workspace-video-portfolio-meta strong{display:block;font-size:13px;color:var(--text-primary)}.workspace-video-portfolio-meta p,.workspace-video-portfolio-prompt{margin:3px 0 0;color:var(--text-muted);font-size:12px;line-height:1.5}.workspace-video-portfolio-prompt{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:1480px)and (min-width:1181px){.chat-split-panel--workflow{grid-template-columns:minmax(330px,1.05fr) minmax(320px,1fr) minmax(290px,.94fr)}.continuity-action-row .workspace-primary-btn,.continuity-action-row .workspace-secondary-btn{flex-basis:calc(50% - 5px)}.continuity-param-panel .chat-image-param-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px)and (min-width:901px){.chat-split-panel--workflow{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;height:auto;overflow:visible}.chat-split-panel--workflow .chat-agent-column,.chat-split-panel--workflow .chat-workspace-panel{min-height:0;height:auto}.continuity-workspace-panel,.workspace-video-panel{max-height:none;overflow:visible}.continuity-param-panel .chat-image-param-grid,.continuity-scene-list,.continuity-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.chat-split-panel--workflow{display:flex;flex-direction:column}.chat-split-panel--workflow .continuity-workspace-panel{order:2}.chat-split-panel--workflow .workspace-video-panel{order:3;margin-bottom:calc(var(--chat-composer-height, 0px) + 76px + env(safe-area-inset-bottom,0px))}.continuity-workspace-panel,.workspace-video-panel{padding:12px;border-radius:20px}.continuity-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.continuity-action-row .workspace-primary-btn{grid-column:1 / -1}.continuity-action-row .workspace-primary-btn,.continuity-action-row .workspace-secondary-btn{width:100%;min-width:0;flex-basis:auto}.continuity-param-panel .chat-image-param-grid,.continuity-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.continuity-scene-card .workspace-plan-card-head{align-items:flex-start}.continuity-model-menu{position:fixed;left:10px;right:10px;top:calc(64px + env(safe-area-inset-top,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;height:auto;max-height:none;z-index:150}}@media(max-width:640px){.continuity-workspace-panel{gap:12px;padding:10px}.continuity-action-row,.continuity-model-config-row,.continuity-param-panel .chat-image-param-grid,.continuity-scene-list,.continuity-portfolio-grid,.workspace-video-portfolio-list,.workspace-video-mode-row{grid-template-columns:minmax(0,1fr)}.continuity-action-row .workspace-primary-btn{grid-column:auto}.continuity-title-input,.continuity-model-select,.continuity-image-model-select{min-height:44px;font-size:14px}.continuity-prompt-textarea{min-height:118px;font-size:14px}.continuity-scene-card{padding:10px;border-radius:14px}.continuity-status{min-width:0;white-space:nowrap}}.continuity-param-panel.is-collapsed{padding:0}.continuity-param-toggle{width:100%;border:0;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;text-align:left}.continuity-param-toggle span:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.continuity-param-toggle strong{font-size:14px;font-weight:800}.continuity-param-toggle small{font-size:12px;color:var(--text-muted)}.continuity-param-toggle-icon{flex-shrink:0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;color:rgb(var(--accent-rgb));background:rgba(var(--accent-rgb),.1)}.continuity-param-panel.is-expanded .chat-image-param-grid{padding-top:0}.continuity-scene-reference-block{display:flex;flex-direction:column;gap:8px}.continuity-reference-upload{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:fit-content;max-width:100%;border:1px dashed rgba(var(--accent-rgb),.28);border-radius:11px;background:rgba(var(--accent-rgb),.06);color:rgb(var(--accent-rgb));padding:8px 10px;font-size:12px;font-weight:700;cursor:pointer}.continuity-reference-upload input{display:none}.continuity-reference-upload.disabled{cursor:not-allowed;opacity:.58}.continuity-reference-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.continuity-reference-chip{position:relative;min-width:0}.continuity-reference-preview{width:100%;border:0;padding:0;border-radius:10px;overflow:hidden;background:var(--surface-soft);cursor:zoom-in;display:block}.continuity-reference-preview img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.continuity-reference-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:var(--surface-solid);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0f172a24}.continuity-reference-remove:disabled{cursor:not-allowed;opacity:.5}@media(max-width:900px){.continuity-reference-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:640px){.continuity-reference-upload{width:100%}.continuity-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.continuity-param-head{flex-wrap:nowrap}.continuity-param-head .chat-image-param-panel-title{flex-shrink:0}.continuity-param-head .chat-image-param-panel-desc{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continuity-param-toggle{width:auto;border:0;border-radius:999px;background:rgba(var(--accent-rgb),.1);color:rgb(var(--accent-rgb));padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}.continuity-param-panel.is-collapsed{gap:0}@media(max-width:640px){.continuity-param-head{flex-wrap:wrap}.continuity-param-head .chat-image-param-panel-desc{order:3;flex-basis:100%;margin-left:0}}