:root{--bg:#f9fafb;--bg-elevated:#fff7f2;--panel:#ffffff;--panel-soft:#fffbf8;--panel-muted:#fff0e8;--line:#e5e7eb;--line-strong:#d1d5db;--text:#111827;--text-strong:#101828;--text-normal:#374151;--text-muted:#6b7280;--muted:#6b7280;--faint:#9ca3af;--primary:#ff6a3d;--primary-strong:#f2542d;--primary-soft:rgba(255,106,61,0.08);--primary-line:rgba(255,106,61,0.30);--info:#2563eb;--success:#16a34a;--danger:#dc2626;--warning:#f59e0b;--accent:#ffb000;--shadow-soft:0 1px 2px rgba(15,23,42,0.03),0 8px 24px rgba(15,23,42,0.04);--shadow-popover:0 18px 50px rgba(15,23,42,0.16);--focus-ring:0 0 0 3px rgba(255,106,61,0.16);--radius:8px;--radius-card:16px;--control-height:38px;--space-page-x:32px;--space-page-y:28px;--card-padding:24px;--card-gap:20px;--sidebar-width:72px;--topbar-height:68px;--app-notice-height:40px;--surface:#f8fafc;--ease:160ms ease}@media (max-width:1199px){:root{--space-page-x:24px;--space-page-y:20px;--card-padding:20px;--card-gap:16px;--sidebar-width:64px;--topbar-height:64px}}@media (max-width:767px){:root{--space-page-x:16px;--space-page-y:16px;--card-padding:16px;--card-gap:12px;--sidebar-width:0px;--topbar-height:56px}}*{box-sizing:border-box}body,html{min-height:100%;overflow-x:hidden}body{margin:0;background:linear-gradient(180deg,var(--bg-elevated),rgba(255,255,255,0) 280px),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background var(--ease),border-color var(--ease),box-shadow var(--ease),color var(--ease),transform var(--ease)}button:disabled{cursor:not-allowed;opacity:.72}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--focus-ring)}button:active:not(:disabled){transform:translateY(1px)}::selection{background:rgba(13,127,115,.18)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:1ms!important}}.app-shell{--app-available-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:100vh}.app-shell.has-app-notice{--app-available-height:calc(100vh - var(--app-notice-height));grid-template-rows:var(--app-notice-height) minmax(0,1fr)}.app-notice{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:var(--app-notice-height);padding:8px var(--space-page-x);border-bottom:1px solid;font-size:13px;line-height:1.3;text-align:center}.app-notice span{min-width:0}.app-notice-info{background:#eff6ff;color:#1e40af;border-bottom-color:#bfdbfe}.app-notice-error{background:#fef2f2;color:#991b1b;border-bottom-color:#fecaca}.app-notice-action{flex:0 0 auto;min-height:28px;padding:4px 12px;border:0;border-radius:6px;background:#4f46e5;color:#ffffff;cursor:pointer;font-size:12px}.app-shell>.side-nav{grid-column:1;grid-row:1/-1}.side-nav{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;gap:10px;height:100vh;padding:16px 10px;border-right:1px solid rgba(255,255,255,.08);background:#0f172a;color:#e5e7eb}.logo{display:grid;width:40px;height:40px;margin-bottom:14px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font-weight:700}.nav-button{display:grid;width:54px;min-height:54px;place-items:center;grid-gap:4px;gap:4px;border:0;border-radius:var(--radius);background:transparent;color:#a8b3c4}.nav-button span{font-size:11px;line-height:1}.nav-button.active,.nav-button:hover{background:rgba(20,184,166,.14);color:#f9fafb}.nav-button.active{box-shadow:inset 0 0 0 1px rgba(45,212,191,.18)}.nav-bottom{display:grid;grid-gap:10px;gap:10px;margin-top:auto}.workspace{grid-column:2;grid-row:1;display:grid;grid-template-rows:var(--topbar-height) minmax(0,1fr);min-width:0;overflow:hidden;height:var(--app-available-height)}.app-shell.has-app-notice>.workspace{grid-row:2}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--topbar-height);padding:0 var(--space-page-x);border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar,.topbar-copy{min-width:0}.breadcrumb{font-size:12px;font-weight:650;color:var(--muted)}.topbar-title{display:block;margin-top:2px;color:#1f2937;font-size:14px;font-weight:700}.topbar-actions{position:relative;display:flex;align-items:center;gap:10px}.input-with-icon,.search{display:flex;align-items:center;gap:8px;height:var(--control-height);padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--faint);font-size:13px;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease)}.search{width:min(380px,36vw)}.input-with-icon:focus-within,.search:focus-within{border-color:var(--primary-line);background:#ffffff;box-shadow:var(--focus-ring)}.input-with-icon input,.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.notification-panel,.search-panel{position:absolute;top:44px;right:0;z-index:8;display:grid;grid-gap:8px;gap:8px;width:min(420px,calc(100vw - 40px));padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-popover)}.search-panel{right:46px}.notice-row,.search-result{display:grid;grid-gap:4px;gap:4px;width:100%;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);color:var(--text);text-align:left}.notice-row:hover,.search-result:hover{border-color:var(--primary-line);background:var(--primary-soft)}.notice-row span,.search-result span{color:var(--muted);font-size:13px}.notice-row.unread{border-color:var(--primary-line);background:var(--primary-soft)}.notice-button{position:relative}.notice-button span{position:absolute;top:-5px;right:-5px;display:grid;min-width:18px;height:18px;place-items:center;border-radius:999px;background:var(--danger);color:#ffffff;font-size:11px}.icon-button{display:grid;width:var(--control-height);height:var(--control-height);place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted)}.icon-button.active,.icon-button:hover{border-color:var(--primary-line);color:var(--primary-strong)}.icon-button.active{background:var(--primary-soft)}.page,.simple-page{padding:var(--space-page-y) var(--space-page-x)}.page{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:20px;gap:20px;min-width:0}.create-page{padding-bottom:0;position:relative}.create-composer-layout{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px var(--space-page-x);overflow-y:auto;max-height:100%}.create-composer{width:100%;max-width:1040px;display:flex;flex-direction:column;gap:12px;position:relative}.create-composer.drag-over{outline:2px dashed var(--primary);outline-offset:-2px;border-radius:16px}.drag-overlay,.drag-overlay-fullscreen{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(255,106,61,.06);border-radius:16px;color:var(--primary);font-size:15px;font-weight:500;pointer-events:none}.composer-header{text-align:center}.composer-title{font-size:20px;font-weight:600;margin:0}.composer-subtitle{font-size:13px;color:var(--muted);margin:2px 0 0}.composer-input-area{border:1px solid var(--border,#e2e8f0);border-radius:12px;padding:16px;background:white;transition:border-color .2s}.composer-input-area:focus-within{border-color:var(--primary,#F2542D)}.composer-textarea{width:100%;min-height:88px;max-height:160px;border:none;outline:none;resize:none;font-size:14px;line-height:1.6;background:transparent}.composer-input-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:16px}.composer-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.composer-estimate{font-size:11px;color:var(--muted);white-space:nowrap}.composer-secondary{width:100%;max-width:1040px;display:grid;grid-template-columns:1fr 280px;grid-gap:16px;gap:16px}.composer-secondary-left{min-width:0}.composer-secondary-right{display:flex;flex-direction:column;gap:10px;font-size:13px}.ws-summary-compact{display:flex;flex-wrap:wrap;gap:8px}.ws-stat-inline{padding:4px 8px;background:var(--surface,#f8fafc);border-radius:4px;font-size:12px}.create-bottom-bar{display:none}@media (max-width:767px){.create-composer-layout{padding:16px}.composer-secondary{grid-template-columns:1fr}}.simple-page{max-width:1180px}.products-page{display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,14vw,220px);grid-gap:12px;gap:12px;min-width:0;padding:var(--space-page-y) var(--space-page-x)}.products-sidebar{align-self:start;position:-webkit-sticky;position:sticky;top:calc(var(--topbar-height) + 16px)}.recommend-card{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.recommend-card strong{font-size:13px}.recommend-card small{font-size:12px;color:var(--muted)}.work-page{display:grid;grid-template-columns:380px minmax(0,1fr);grid-gap:20px;gap:20px;min-width:0;padding:var(--space-page-y) var(--space-page-x)}.panel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);box-shadow:var(--shadow-soft);padding:var(--card-padding)}.create-panel,.editor-panel,.section,.works-list{padding:20px}.editor-panel,.works-list{overflow-y:auto;min-height:0;min-width:0}.create-panel{padding:24px}.product-mode-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#F0FDF4;border:1px solid #bbf7d0;border-radius:8px;font-size:13px;color:#166534}.product-mode-banner .text-button{margin-left:auto}.quick-intent-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.field-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.page-title{margin:0 0 18px;color:#101828;font-size:22px;font-weight:720;line-height:1.2}.card-grid,.editor-actions,.filter-chips,.idea-row,.mode-tabs,.platform-grid,.quick-adjustments,.resource-actions,.summary-grid{display:flex;flex-wrap:wrap;gap:10px}.chip,.danger-button,.mode-button,.primary-button,.resource-button,.secondary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);font-weight:600}.chip:hover,.mode-button:hover,.resource-button:hover,.secondary-button:hover,.text-button:hover{border-color:var(--primary-line);background:var(--primary-soft);color:var(--primary-strong)}.mode-button{min-width:128px;padding:0 14px}.chip.active,.mode-button.active{border-color:var(--primary-line);background:var(--primary-soft);color:var(--primary-strong);box-shadow:inset 0 0 0 1px rgba(13,127,115,.08)}.field-group{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.field-label{display:block;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:650}.adjust-input-row input,.prompt,.select,.title-input{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);color:var(--text);transition:border-color var(--ease),box-shadow var(--ease),background var(--ease)}.title-input.inline-title{font-size:18px;font-weight:600;border-color:transparent;background:transparent;padding:4px 6px}.title-input.inline-title:hover{border-color:var(--line);background:var(--panel-soft)}.title-input.inline-title:focus{border-color:var(--primary);background:var(--panel-soft)}.adjust-input-row input:hover,.prompt:hover,.select:hover,.title-input:hover{border-color:var(--line-strong)}.adjust-input-row input:focus,.prompt:focus,.select:focus,.title-input:focus{border-color:var(--primary-line);background:#ffffff;outline:0;box-shadow:var(--focus-ring)}.select{height:40px;padding:0 10px;color:#1f2937}.prompt{min-height:154px;resize:vertical;padding:14px;line-height:1.65}.adjust-input-row input,.title-input{height:38px;padding:0 10px}.chip,.danger-button,.resource-button,.secondary-button,.text-button{padding:0 12px}.selected-resources{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.resource-pill{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel-muted);color:var(--text);font-size:13px}.swatch{width:18px;height:18px;border-radius:999px}.primary-button{min-width:138px;padding:0 18px;border-color:var(--primary);background:var(--primary);color:#ffffff;box-shadow:0 8px 18px rgba(13,127,115,.18)}.primary-button:hover:not(:disabled){border-color:var(--primary-strong);background:var(--primary-strong)}.primary-button.compact{min-width:82px}.danger-button:disabled,.primary-button:disabled{border-color:var(--line);background:var(--panel-soft);color:var(--faint)}.secondary-button:disabled{border-color:var(--line);color:var(--faint);opacity:.5}.danger-button{border-color:rgba(220,38,38,.36);background:#fff7f7;color:var(--danger)}.text-button{min-height:38px;border:0;background:transparent;color:var(--primary-strong);box-shadow:none}.idea-title{margin-top:18px}.side-column{display:grid;align-content:start;grid-gap:16px;gap:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;color:#1f2937;font-size:15px;font-weight:720}.asset-card,.card,.metric{display:grid;grid-gap:8px;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);transition:border-color var(--ease),box-shadow var(--ease),transform var(--ease)}.asset-card:hover,.card:hover{border-color:var(--line-strong);box-shadow:0 8px 18px rgba(15,23,42,.06)}.metric{min-width:96px}.metric strong{font-size:20px}.card{min-width:150px;text-align:left}.card-button{width:100%}.asset-card small,.card small,.history-item small,.metric span,.work-row small{color:var(--muted)}.status-line{min-height:22px;margin-top:14px;color:var(--primary-strong);font-size:13px}.helper-line{color:var(--muted);font-size:13px}.create-image-card{width:48px;height:56px;border-radius:8px;overflow:hidden;border:1px solid var(--line);flex-shrink:0;cursor:pointer;position:relative}.create-image-card:hover .create-image-close{display:flex}.create-image-close{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:9px;background:rgba(0,0,0,.55);color:#fff;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;font-size:12px;line-height:1}.voice-overlay{justify-content:center;min-height:120px;padding:24px 16px}.voice-controls,.voice-overlay{display:flex;flex-direction:column;align-items:center}.voice-controls{gap:12px;font-size:13px;color:var(--foreground)}.voice-status{font-size:15px;font-weight:500;color:var(--primary)}.voice-timer{font-size:28px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--foreground)}.voice-actions{display:flex;gap:8px}.adjust-input-row,.editor-header,.filter-row,.list-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-row{align-items:center;flex-wrap:wrap;gap:6px}.filter-row .input-with-icon{flex:1 1 140px;min-width:0}.filter-row .compact-select{flex:0 0 auto;font-size:12px;padding:4px 6px;height:30px}.filter-row .filter-chips{flex:0 0 auto}.filter-row .filter-chips .chip{font-size:12px;padding:3px 8px;min-height:28px}.filter-row .segmented{flex:0 0 auto}.segmented{display:flex;gap:6px}.quick-entry-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.work-list-grid{display:grid;grid-gap:12px;gap:12px;margin-top:16px;overflow-y:auto;flex:1 1;min-height:0;align-content:start}.work-list-grid.is-empty{align-content:stretch}.work-list-grid.card{grid-template-columns:repeat(2,minmax(0,1fr))}.work-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;width:100%;min-height:64px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:var(--panel-soft);color:var(--text);text-align:left;font-size:13px}.work-row strong{font-size:14px;line-height:20px;font-weight:700;color:#111827;margin-bottom:8px}.work-row small,.work-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-row small{font-size:12px;line-height:17px;color:#64748b}.work-list-grid.card .work-row{min-height:124px;align-content:start;grid-template-columns:48px minmax(0,1fr)}.work-list-grid.card .work-row .status-badge{grid-column:1/-1;justify-self:start}.work-row.active{border-color:#ffb29c;background:#fff8f5}.work-row:hover:not(.active){border-color:var(--line-strong);background:var(--surface)}.work-thumb{width:46px;height:46px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex}.status-badge,.work-thumb{align-items:center;justify-content:center}.status-badge{display:inline-flex;gap:4px;min-width:58px;min-height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;vertical-align:middle;line-height:1}.status-badge.completed{background:#dcfce7;color:var(--success)}.status-badge.creating{background:#fef3c7;color:var(--warning)}.status-badge.failed{background:#fee2e2;color:var(--danger)}.credits-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:rgba(255,106,61,.08);color:var(--primary);white-space:nowrap}.credits-number{font-size:2rem;font-weight:700;color:var(--text);line-height:1;margin:4px 0}.status-stack{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.publish-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700}.editor-panel{display:grid;align-content:start;grid-gap:16px;gap:16px}.editor-header h2{margin:4px 0 0;font-size:20px;line-height:1.25}.eyebrow{color:var(--muted);font-size:12px;font-weight:700}.editor-actions{align-items:center}.editor-actions .title-input{flex:1 1 240px}.preview-shell{display:grid;grid-template-columns:230px minmax(0,1fr);grid-gap:14px;gap:14px}.preview-shell.typed{align-items:stretch}.preview-media{display:grid;min-height:220px;place-items:center;grid-gap:8px;gap:8px;border:1px solid var(--line);border-radius:var(--radius);color:#102033;font-weight:700}.preview-media.copy{background:linear-gradient(135deg,#ccfbf1,#e0f2fe)}.preview-media.image{background:linear-gradient(135deg,#bfdbfe,#f0abfc)}.preview-media.video{background:linear-gradient(135deg,#fed7aa,#fef08a)}.result-body{min-height:220px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.rich-copy{display:grid;align-content:start;grid-gap:10px;gap:10px}.rich-copy p{margin:0;line-height:1.7}.image-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.image-preview-tile,.video-preview-box{display:grid;min-height:105px;place-items:center;grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#dbeafe,#f5d0fe);color:var(--text);font-weight:700}.image-preview-tile:first-child{grid-row:span 2}.video-preview-box{min-height:220px;background:linear-gradient(135deg,#111827,#0f766e);color:#f9fafb}.subtitle-box{display:grid;grid-gap:4px;gap:4px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.source-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.source-line span{color:var(--muted);font-size:13px}.platform-preview{display:grid;grid-gap:10px;gap:10px}.platform-frame{display:grid;grid-gap:8px;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.platform-frame p{margin:0;color:var(--muted);line-height:1.6}.result-body pre{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.7;font-family:inherit}.adjust-panel{display:grid;grid-gap:12px;gap:12px;padding-top:4px}.works-continuous-bar{display:flex;align-items:center;gap:8px;padding:12px 0 0;border-top:1px solid var(--line);margin-top:12px;overflow:visible;position:relative}.works-continuous-bar .primary-button{margin-left:auto}.adjust-input-row input{flex:1 1 auto}.history-list{display:grid;grid-gap:8px;gap:8px}.history-item{display:grid;grid-gap:4px;gap:4px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-muted)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:12px;gap:12px}.asset-kind{color:var(--primary-strong);font-size:12px;font-weight:700}.asset-page{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(280px,360px);grid-gap:16px;gap:16px;min-width:0;padding:24px;height:calc(var(--app-available-height, 100vh) - var(--topbar-height));overflow:hidden}.asset-page.asset-page-no-detail{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.asset-page.asset-page-no-detail .asset-detail{display:none}.settings-page{display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:16px;gap:16px;min-width:0;padding:24px}.account-overview{display:flex;flex-direction:column;gap:24px}.account-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media (max-width:767px){.account-metrics-grid{grid-template-columns:repeat(2,1fr)}}.account-metric-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;background:white;border:1px solid var(--line);border-radius:12px;text-align:center}.account-metric-card svg{color:var(--primary)}.account-metric-value{font-size:24px;font-weight:700;color:var(--text)}.account-metric-label{font-size:12px;color:var(--muted)}.account-quick-actions h3{font-size:14px;font-weight:600;margin:0 0 12px}.account-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:767px){.account-quick-grid{grid-template-columns:repeat(2,1fr)}}.account-quick-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:white;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:13px;color:var(--text);transition:border-color var(--ease),box-shadow var(--ease)}.account-quick-card:hover{border-color:var(--primary);box-shadow:0 2px 8px rgba(255,106,61,.08)}.account-quick-card svg{color:var(--primary)}.asset-detail,.assets-list,.settings-content,.settings-menu{padding:20px}.asset-list-header{height:38px;min-height:38px;align-items:center}.asset-list-title{margin:0;font-size:22px;line-height:1}.asset-create-actions{position:relative;flex:0 0 auto;flex-wrap:nowrap;gap:0}.asset-create-split{height:32px;align-items:stretch;border-radius:var(--radius);background:var(--primary);box-shadow:0 4px 10px rgba(255,106,61,.14)}.asset-create-split>.primary-button{height:32px;min-height:32px;border-radius:0;box-shadow:none;font-size:13px;line-height:1;padding:0 12px}.asset-create-main{min-width:0;padding:0 12px}.asset-create-arrow{width:30px!important;min-width:30px!important;padding:0!important}.asset-create-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:10}.asset-filter-row{margin-top:18px}.asset-filter-toggle{height:38px;min-height:38px;padding:0 12px;font-size:14px;line-height:1;white-space:nowrap}.compact-select{width:auto;min-width:132px;height:var(--control-height)}.asset-list-grid{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.asset-row{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px;width:100%;min-height:64px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:var(--panel-soft);color:var(--text);text-align:left}.asset-row.active,.asset-row:hover{border-color:#ffb29c;background:#fff8f5}.asset-row strong{font-size:14px;line-height:20px;font-weight:700;color:#111827;margin-bottom:8px}.asset-row small,.asset-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-row small{font-size:12px;line-height:17px;color:#64748b}.asset-detail{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:auto}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.wide-field{grid-column:1/-1}.compact-prompt{min-height:112px}.related-section{display:grid;grid-gap:12px;gap:12px}.attachment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.attachment-group{display:grid;align-content:start;grid-gap:8px;gap:8px;min-height:112px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.attachment-item{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.compact-card{display:grid;grid-gap:8px;gap:8px}.muted-text{color:var(--muted);font-size:13px}.settings-menu{display:grid;align-content:start;grid-gap:8px;gap:8px}.settings-tab{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);color:var(--text);text-align:left;font-weight:650}.settings-tab.active,.settings-tab:hover{border-color:var(--primary-line);background:var(--primary-soft);color:var(--primary-strong)}.settings-content{align-content:start}.settings-block,.settings-content{display:grid;grid-gap:16px;gap:16px}.settings-heading{display:flex;align-items:center;gap:10px}.settings-heading h2{margin:0;font-size:20px;line-height:1.25}.settings-body{display:grid;grid-gap:14px;gap:14px;max-width:760px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.toggle-row:hover{border-color:var(--line-strong)}.toggle-row input{width:18px;height:18px}.binding-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px}.binding-card{display:grid;grid-gap:6px;gap:6px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);color:var(--text);text-align:left}.binding-card span{color:var(--muted)}.binding-card.failed{border-color:rgba(220,38,38,.32);background:#fff7f7}.binding-card:hover{border-color:var(--line-strong);box-shadow:0 8px 18px rgba(15,23,42,.06)}.info-list{display:grid;grid-gap:8px;gap:8px;color:var(--muted)}.subscription-card{display:grid;grid-gap:10px;gap:10px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.usage-bar{height:10px;overflow:hidden;border-radius:999px;background:#e5eaf1}.usage-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--info))}.bill-list{display:grid;grid-gap:10px;gap:10px}.bill-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:4px 12px;gap:4px 12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.bill-row small{grid-column:1/-1;color:var(--muted)}.help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.empty-state{display:grid;min-height:110px;place-items:center;border:1px dashed var(--line-strong);border-radius:var(--radius);background:rgba(255,255,255,.52);color:var(--muted);text-align:center}.empty-state.small{min-height:54px}.empty-state.fill-panel{flex:1 1;width:100%;min-height:0;height:100%}.product-grid.empty-fill{display:flex;align-content:stretch}.toast{position:fixed;right:24px;bottom:24px;z-index:5;padding:10px 14px;border-radius:var(--radius);background:#111827;color:#ffffff;font-size:13px;box-shadow:var(--shadow-popover)}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.42)}.modal-panel{display:grid;grid-gap:16px;gap:16px;width:min(760px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 24px 80px rgba(15,23,42,.24)}.dialog-footer,.dialog-toolbar,.modal-header,.pagination,.radio-row,.upload-preview{display:flex;align-items:center;gap:12px}.dialog-footer,.modal-header{justify-content:space-between}.modal-header h2{margin:0;font-size:20px}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.source-card{display:grid;align-content:start;grid-gap:8px;gap:8px;min-height:132px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);color:var(--text);text-align:left}.source-picker-popover .source-card{min-height:auto;padding:6px 8px;display:flex;align-items:center;gap:8px;line-height:1.2}.picker-row.active,.picker-row:hover,.source-card:hover{border-color:var(--primary-line);background:var(--primary-soft)}.source-card small,.upload-preview small{color:var(--muted);line-height:1.45}.dialog-search{flex:1 1 280px}.picker-list{display:grid;grid-gap:10px;gap:10px}.picker-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;width:100%;min-height:70px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);color:var(--text);text-align:left}.select-dot{min-width:52px;color:var(--primary-strong);font-size:12px;font-weight:700;text-align:right}.dialog-footer{flex-wrap:wrap;padding-top:4px}.pagination{margin-left:auto;color:var(--muted);font-size:13px}.upload-box{display:grid;grid-gap:12px;gap:12px}.product-create-tabs{display:flex;gap:8px;margin-bottom:16px}.product-create-form{display:grid;grid-gap:14px;gap:14px}.hidden-input{display:none}.upload-trigger{min-height:116px}.upload-preview{padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.radio-row{flex-wrap:wrap}.radio-row label{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.error-line{color:var(--danger);font-size:13px}.budget-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.credits-estimate{gap:4px;padding:4px 10px;font-weight:500;color:var(--primary);background:var(--primary-soft);white-space:nowrap}.credits-estimate,.quality-score{display:inline-flex;align-items:center;border-radius:4px;font-size:12px}.quality-score{gap:6px;padding:3px 8px;font-weight:600}.quality-score.high{background:rgba(22,163,74,.08);color:var(--success)}.quality-score.medium{background:rgba(245,158,11,.08);color:var(--warning)}.quality-score.low{background:rgba(220,38,38,.08);color:var(--danger)}.quality-bar{display:flex;gap:2px;align-items:center}.quality-bar-segment{width:4px;height:12px;border-radius:2px;background:var(--line)}.quality-bar-segment.filled{background:currentColor}.progress-bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden;min-width:80px}.progress-bar-fill{height:100%;border-radius:3px;background:var(--primary);transition:width .3s ease}.progress-bar-fill.generation-animated{background:linear-gradient(90deg,#ff7048,#fb923c);background-size:200% 100%;animation:progress-shimmer 1.5s infinite}.generation-progress-card .progress-bar{height:10px;border-radius:5px;background:#f1f5f9}.generation-progress-card .progress-bar-fill{border-radius:5px}@keyframes progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.generation-progress-card{margin:16px 0;padding:20px;border-radius:12px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa}.generation-progress-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:18px;font-weight:900;color:#111827}.generation-progress-header .generation-pct{font-size:32px;line-height:40px;font-weight:900;color:#ff6238}.generation-progress-header .generation-desc{font-size:13px;line-height:18px;font-weight:700;color:#9a3412;margin-top:4px}.generation-spin-icon{animation:spin-slow 2s linear infinite}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.generation-progress-detail{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.generation-progress-tip{margin-top:10px;font-size:12px;color:var(--muted);text-align:center}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.filter-tab{padding:6px 14px;border-radius:6px;border:1px solid transparent;background:var(--panel);color:var(--muted);font-size:13px;cursor:pointer;transition:all var(--ease)}.filter-tab:hover{background:#fff8f5;border-color:#ffdfd4;color:#ff6238}.filter-tab.active{background:var(--surface);border-color:var(--line-strong);color:var(--text);font-weight:500}.budget-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.budget-rule{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius)}.budget-rule-label{font-size:12px;color:var(--muted)}.budget-rule-value{font-size:16px;font-weight:600;color:var(--text)}.job-reason{display:block;font-size:11px;color:var(--danger);margin-top:2px}.job-actions{display:flex;gap:6px}.filter-tab-count{display:inline-block;min-width:16px;margin-left:4px;padding:0 4px;border-radius:8px;font-size:11px;font-weight:600;background:var(--line);color:var(--muted);text-align:center}.filter-tab.active .filter-tab-count{background:var(--text);color:white}.work-row-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.template-card{display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.template-card:hover{border-color:var(--primary-line)}.template-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.template-card-header strong{font-size:15px;color:var(--text)}.template-card-body{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.template-card-body .label{display:inline-block;width:72px;color:var(--faint);font-size:12px;flex-shrink:0}.platform-tag{background:var(--surface);color:var(--muted);border:1px solid var(--line)}.table-wrapper{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table td,.data-table th{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.data-table th{background:var(--panel-soft);color:var(--muted);font-weight:500;font-size:13px;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--primary-soft)}.data-table .status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.data-table .status-badge.success{background:rgba(22,163,74,.08);color:var(--success)}.data-table .status-badge.danger{background:rgba(220,38,38,.08);color:var(--danger)}.data-table .status-badge.info{background:rgba(37,99,235,.08);color:var(--info)}.points-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.points-card{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.points-label{color:var(--muted);font-size:13px}.points-value{font-size:28px;font-weight:700;color:var(--primary)}.points-value.frozen{color:var(--warning)}.points-value.gift{color:var(--info)}.points-value.used{color:var(--muted)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;background:var(--panel-muted);color:var(--muted)}.empty-state.products-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;min-height:200px}.section-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:12px}.page-subtitle{color:var(--muted);font-size:14px;margin-top:4px}@media (max-width:1120px){.asset-page,.create-page,.page,.products-page,.settings-page,.work-page{grid-template-columns:1fr}.products-sidebar{position:static}.preview-shell{grid-template-columns:1fr}.attachment-grid,.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1199px) and (min-width:769px){.app-shell{grid-template-columns:var(--sidebar-width) 1fr}.side-nav{width:var(--sidebar-width);padding:12px 6px}.nav-button{width:48px;min-height:48px}.nav-button span{font-size:10px}}@media (max-width:768px){.app-shell{--app-available-height:100vh;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);padding-bottom:0}.app-shell.has-app-notice{--app-available-height:100vh;grid-template-rows:var(--app-notice-height) minmax(0,1fr)}.app-notice{grid-column:1;grid-row:1;padding:6px var(--space-page-x);position:-webkit-sticky;position:sticky;top:0;z-index:20}.side-nav{display:none}.topbar{align-items:center;flex-direction:row;height:auto;padding:10px var(--space-page-x)}.topbar .search{display:none}.topbar .search-icon-mobile{display:flex}.topbar-copy{flex:1 1}.topbar-title{display:none}.workspace{grid-column:1;grid-row:1;height:auto;min-height:0;padding-bottom:72px}.app-shell.has-app-notice>.workspace{grid-row:2}.nav-logout-btn{display:none}.asset-page,.page,.products-page,.settings-page,.simple-page,.work-page{padding:var(--space-page-y) var(--space-page-x)}.asset-page,.products-page,.work-page{grid-template-columns:1fr!important}.products-sidebar{position:static}.asset-detail{display:none}.editor-panel{position:fixed;inset:0;z-index:50;overflow-y:auto;padding:16px;background:var(--bg);display:none}.editor-panel.mobile-open{display:grid}.asset-row,.attachment-grid,.budget-summary,.detail-grid,.field-row,.meta-grid,.picker-row,.source-grid,.work-list-grid.card,.work-row{grid-template-columns:1fr}.work-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.work-row-badges{width:100%;justify-content:flex-start;flex-wrap:wrap}.dialog-footer,.dialog-toolbar{align-items:stretch;flex-direction:column}.pagination{margin-left:0}.mine-grid,.product-grid{grid-template-columns:1fr}.create-panel .side-column{display:none}.page-title{font-size:20px}.filter-row{gap:4px}.filter-row .input-with-icon{flex:1 1 100%;order:-1}.filter-row .compact-select{flex:1 1 auto;min-width:0;font-size:11px;padding:3px 4px;height:28px}.filter-row .filter-chips,.filter-row .segmented,.work-row-badges{display:none}.work-row{grid-template-columns:36px minmax(0,1fr);gap:6px;padding:6px 8px;min-height:56px}.work-thumb{width:36px;height:36px}.platform-grid{flex-wrap:wrap}}.mine-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--card-gap);gap:var(--card-gap);margin-top:16px}.mine-section-title{font-size:13px;font-weight:600;color:var(--muted);margin:20px 0 8px;letter-spacing:.02em}.mine-section-title:first-of-type{margin-top:0}.mine-credits-summary{gap:12px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap}.mine-credits-value{font-size:20px;font-weight:700;color:var(--primary)}.mine-credits-actions{display:flex;gap:8px;margin-left:auto}.mine-recent-status{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;font-size:13px;color:var(--muted)}.mine-recent-status strong{color:var(--text);font-weight:600}.mine-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.mine-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft)}.mine-card strong{font-size:15px;color:var(--text-strong)}.mine-card span{font-size:13px;color:var(--text-muted)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-top:12px;align-content:start}@media (max-width:768px){.product-grid{grid-template-columns:1fr}}.product-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;transition:border-color var(--ease),box-shadow var(--ease);height:-moz-fit-content;height:fit-content}.product-card:hover{border-color:var(--primary-line);box-shadow:var(--shadow-soft)}.product-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.product-card-body{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:none;border:none;text-align:left;cursor:pointer}.product-card-sku{font-size:11px;color:var(--faint)}.product-card-action{margin:0 16px 16px}.more-menu-wrapper{position:relative;display:inline-flex}.more-menu-dropdown{position:absolute;bottom:100%;right:0;z-index:9999;display:flex;flex-direction:column;min-width:160px;margin-top:4px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-popover)}.more-menu-dropdown button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;border-radius:4px;color:var(--text);font-size:13px;text-align:left;cursor:pointer}.more-menu-dropdown button:hover{background:var(--primary-soft)}.more-menu-dropdown .danger-text{color:var(--danger)}.credits-hint{font-size:12px;color:var(--warning)}.linked-hint{display:block;font-size:11px;color:var(--info)}.more-chip{background:var(--panel-muted);border-color:var(--line);font-style:italic}.search-icon-mobile{display:none}.topbar-status-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;background:transparent;border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--muted);font-weight:500;cursor:pointer;white-space:nowrap}.topbar-status-btn svg{width:14px;height:14px}.topbar-status-btn:hover{background:var(--primary-soft);border-color:var(--primary-line);color:var(--text)}.product-card-actions{display:flex;align-items:center;gap:4px;padding:0 10px 8px}.product-card-actions .primary-button{flex:1 1;min-width:0;padding:4px 6px;font-size:11px}.action-hint{font-size:10px;color:var(--muted);white-space:nowrap}.more-actions-btn{border:none;background:none;color:var(--muted);font-size:16px;cursor:pointer;padding:3px 5px;border-radius:6px;line-height:1}.more-actions-btn:hover{background:var(--bg-hover,#f3f4f6)}.product-readiness{display:flex;align-items:center;gap:6px}.readiness-label{font-size:10px;color:var(--muted);white-space:nowrap}.readiness-bar{flex:1 1;height:4px;background:#E5E7EB;border-radius:2px;overflow:hidden}.readiness-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s}.readiness-pct{font-size:10px;font-weight:600;color:var(--text);min-width:24px;text-align:right}.asset-gap-dashboard{padding:12px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:12px}.asset-gap-dashboard .hint{font-size:12px;color:#92400e;margin-bottom:8px}.asset-gap-list{display:flex;flex-direction:column;gap:8px}.asset-gap-item{display:flex;align-items:center;gap:8px;font-size:13px}.asset-gap-item strong{min-width:100px}.asset-gap-tags{display:flex;gap:4px;flex-wrap:wrap;flex:1 1}.asset-gap-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gap-label{font-size:11px;color:var(--muted);white-space:nowrap}.platform-status-text{font-size:10px}.platform-coverage-item.has-content .platform-status-text{color:#16A34A}.platform-coverage-item.needs-asset .platform-status-text{color:#DC2626}.platform-coverage-item.can-generate .platform-status-text{color:#2563EB}.product-top-recommendation{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#FFF7ED;border:1px solid #fdba74;border-radius:8px;margin-bottom:12px;font-size:12px;color:#92400E}.product-top-recommendation .secondary-button{margin-left:auto;white-space:nowrap}.work-row.product-list-row{position:relative}.product-list-delete-btn{position:absolute;top:6px;right:6px;display:none;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:rgba(15,23,42,.06);color:var(--danger);cursor:pointer}.product-list-row:focus-within .product-list-delete-btn,.product-list-row:hover .product-list-delete-btn{display:flex}.product-list-delete-btn:hover{background:var(--danger);color:#fff}.product-card-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:clamp(72px,5.5vw,96px);background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:var(--faint);font-size:10px;border-bottom:1px solid var(--line)}.product-card-image.has-image{background-size:cover;background-position:50%;justify-content:flex-end}.product-card-image.has-image svg{display:none}.product-card-image.has-image .product-card-image-hint{background:rgba(0,0,0,.45);color:#fff;padding:2px 8px;border-radius:4px;font-size:10px}.product-card-image-hint{font-size:11px;color:var(--faint)}.completeness-missing{font-size:11px;color:var(--warning);margin-top:2px}.work-group{margin-bottom:8px}.work-group-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--panel-muted);border-radius:var(--radius);font-size:13px;margin-bottom:4px}.product-filter-item .product-filter-actions{opacity:0;transition:opacity var(--ease)}.product-filter-item:hover .product-filter-actions{opacity:1}.job-cards{display:flex;flex-direction:column;gap:12px}.job-card{padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.job-card-header{justify-content:space-between}.job-card-body,.job-card-header{display:flex;align-items:center;margin-bottom:6px}.job-card-body{gap:8px;font-size:13px}.job-card-credits{display:flex;gap:12px;font-size:12px;margin-bottom:6px}.job-card-footer{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.credit-flow-cards{display:flex;flex-direction:column;gap:8px}.credit-flow-card{padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.credit-flow-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.credit-flow-card-body{display:flex;gap:8px;align-items:center;font-size:12px}.points-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.points-package{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-align:center}.points-package.featured{border-color:var(--primary);background:var(--primary-soft)}.points-package-amount{font-size:18px;font-weight:600;color:var(--primary)}.points-explain{display:block;font-size:11px;color:var(--faint);margin-top:2px}.mine-credits-summary{display:flex;flex-direction:column;align-items:center;padding:20px;margin-bottom:16px;background:var(--primary-soft);border-radius:var(--radius)}.mine-credits-label{font-size:13px;color:var(--faint)}.works-load-more{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;color:var(--muted);font-size:12px}.horizontal-chips{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.horizontal-chips::-webkit-scrollbar{display:none}.show-mobile{display:none}.hide-mobile{display:block}@media (max-width:768px){.show-mobile{display:block}.hide-mobile,.topbar-status-btn span{display:none}.points-packages{grid-template-columns:1fr}}.content-type-segment{gap:6px}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.recipe-card{display:flex;flex-direction:column;gap:4px;padding:14px;border:var(--card-border);border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.recipe-card.active,.recipe-card:hover{border-color:var(--primary)}.recipe-card.active{background:var(--primary-soft,#fff0e8);box-shadow:0 0 0 2px var(--primary)}.recipe-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.recipe-header strong{font-size:13px}.type-badge{font-size:11px;padding:2px 8px;border-radius:10px;white-space:nowrap}.type-copy{background:#dbeafe;color:#1d4ed8}.type-image{background:#fce7f3;color:#be185d}.type-video{background:#e0e7ff;color:#4338ca}.type-combo{background:#fef3c7;color:#b45309}.recipe-meta{font-size:12px;color:var(--text-muted)}.recipe-desc{font-size:12px;color:var(--text-normal,#374151)}.recipe-req{font-size:11px;color:var(--warning,#f59e0b)}.recipe-combo-items{font-size:11px;color:var(--info,#6366f1);padding:4px 0 0}.asset-check-section{padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}.asset-check-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.asset-check-item{font-size:10px;padding:2px 6px;border-radius:6px}.asset-check-item.ok{background:#dcfce7;color:#166534}.asset-check-item.missing{background:#fef2f2;color:#991b1b}.platform-coverage{display:flex;flex-wrap:wrap;gap:4px}.platform-coverage-item{font-size:10px;padding:1px 6px;border:none;border-radius:6px;background:#f3f4f6;color:var(--text-muted);cursor:pointer}.platform-coverage-item.has-content{background:#dcfce7;color:#166534}.jobs-master-detail{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-gap:16px;gap:16px;padding:24px;height:calc(var(--app-available-height, 100vh) - var(--topbar-height));overflow:hidden}.jobs-list-panel{overflow:hidden;display:flex;flex-direction:column}.jobs-detail-panel,.jobs-list-panel{border-radius:var(--radius-card);padding:20px!important}.jobs-detail-panel,.jobs-list{overflow-y:auto}.jobs-list{flex:1 1}.progress-ring-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.progress-ring-text{position:absolute;font-size:13px;font-weight:600;color:var(--text)}.jobs-list{gap:4px;margin-top:8px;min-height:0}.job-list-item,.jobs-list{display:flex;flex-direction:column}.job-list-item{gap:8px;padding:10px 12px;background:none;border:1px solid transparent;border-radius:8px;text-align:left;cursor:pointer;transition:background var(--ease),border-color var(--ease);width:100%}.job-list-item.selected,.job-list-item:hover{background:var(--primary-soft)}.job-list-item.selected{border-color:var(--primary-line)}.job-list-item-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.job-list-item-name{font-size:14px;line-height:20px;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0}.job-list-item-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.job-list-item-credits{font-size:10px;color:var(--muted)}.job-list-item-action{margin-top:2px}.job-list-action-label{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--primary);font-weight:500}.progress-bar.compact{height:3px;margin-top:4px}.status-badge.compact{font-size:10px;padding:1px 6px}.page-title.compact{font-size:16px}@media (max-width:768px){.jobs-master-detail{grid-template-columns:1fr;height:auto}.jobs-list-panel{border-right:none}.jobs-detail-panel,.jobs-list-panel{border-radius:var(--radius-card)}}.frozen-explain,.job-credits-inline{font-size:12px;color:var(--text-muted)}.frozen-explain{padding:8px 12px;background:#fffbeb;border-radius:8px;margin-top:4px}.combo-preview{display:flex;flex-direction:column;gap:8px;padding:16px;background:linear-gradient(135deg,#ede9fe,#dbeafe);border-radius:var(--radius)}.combo-header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.combo-items{display:flex;flex-direction:column;gap:6px}.combo-item{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 10px;background:#fff;border-radius:6px}.asset-product-group{display:flex;flex-direction:column}.asset-product-header{font-weight:600}.asset-child{padding-left:28px;border-left:2px solid var(--line);margin-left:18px}.asset-child .work-thumb.small{width:28px;height:28px}.publish-checklist{display:flex;flex-direction:column;gap:8px;margin:12px 0}.publish-check-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);cursor:pointer;transition:border-color var(--ease)}.publish-check-row.checked{border-color:var(--success);background:#f0fdf4}.publish-check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--success);flex-shrink:0}.publish-check-row span{display:flex;flex-direction:column;gap:2px;flex:1 1}.publish-check-row strong{font-size:13px}.publish-check-row small{font-size:12px;color:var(--muted)}.budget-collapsed{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;font-size:13px}@media (max-width:767px){.recipe-grid{grid-template-columns:1fr}}.product-badge-indicator{position:absolute;top:6px;right:6px;font-size:10px;color:#fff;padding:1px 6px;border-radius:8px;z-index:2;font-weight:500;letter-spacing:.02em}.product-card{position:relative}.product-next-steps{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.next-steps-label{font-weight:600;color:var(--text);margin-bottom:2px}.next-step-item{color:var(--muted)}.quick-adjustments.grouped{display:flex;flex-direction:column;gap:12px}.adjustment-group{display:flex;flex-direction:column;gap:6px}.adjustment-group-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.adjustment-group-items{display:flex;flex-wrap:wrap;gap:6px}.job-phase-bar{gap:0;margin-top:6px}.job-phase-bar,.job-phase-step{display:flex;align-items:center}.job-phase-step{gap:4px;flex:1 1;position:relative}.job-phase-step:after{content:"";flex:1 1;height:2px;background:#e5e7eb;margin:0 4px}.job-phase-step:last-child:after{display:none}.job-phase-step.active:after{background:var(--primary)}.job-phase-dot{width:8px;height:8px;border-radius:50%;background:#e5e7eb;flex-shrink:0}.job-phase-step.active .job-phase-dot{background:var(--primary)}.job-phase-step.failed .job-phase-dot{background:var(--error,#DC2626)}.job-phase-label{font-size:10px;color:var(--muted);white-space:nowrap;display:none}.job-phase-step.active .job-phase-label{display:inline;color:var(--primary)}.job-phase-step.failed .job-phase-label{display:inline;color:var(--error,#DC2626)}.job-detail-panel{border:1px solid var(--primary-soft,#fff0e8);background:#fffbf8}.job-detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:4px}.job-detail-section{background:var(--surface,#f9fafb);border-radius:8px;padding:12px 14px}.job-detail-section h4{font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.job-detail-section p{font-size:13px;color:var(--muted);margin:2px 0;line-height:1.6}@media (max-width:767px){.job-detail-grid{grid-template-columns:1fr}}.data-table tr.selected-row{background:var(--primary-soft,#FFF0E8)}.topbar-status-btn.pending{color:var(--error,#DC2626);font-weight:600}.topbar-status-btn.faint{color:var(--muted);font-size:12px}.topbar-task-wrapper{position:relative}.topbar-badge-fail{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:8px;background:var(--error,#DC2626);color:#fff;font-size:10px;font-weight:600;padding:0 4px;margin-left:2px}.task-popover{position:absolute;top:40px;right:0;width:340px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-popover);z-index:200;overflow:hidden}.task-popover-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--line)}.task-popover-title{font-size:14px;font-weight:600;color:var(--text)}.task-popover-count{font-size:12px;color:var(--muted)}.task-popover-list{max-height:320px;overflow-y:auto}.task-popover-item{display:flex;gap:10px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;text-align:left;border-bottom:1px solid var(--line);transition:background var(--ease)}.task-popover-item:last-child{border-bottom:none}.task-popover-item:hover{background:#f9fafb}.task-popover-thumb{width:48px;height:48px;border-radius:8px;background:#f3f4f6;flex-shrink:0}.task-popover-main{flex:1 1;min-width:0}.task-popover-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.task-popover-name{font-size:13px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-popover-status{font-size:11px;padding:1px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}.task-popover-status.running{background:#dbeafe;color:#1d4ed8}.task-popover-status.failed{background:#fee2e2;color:#dc2626}.task-popover-status.completed{background:#dcfce7;color:#16a34a}.task-popover-progress{display:flex;flex-direction:column;gap:4px}.task-popover-progress-line{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.task-popover-progress-bar{height:100%;border-radius:2px;transition:width .3s ease}.task-popover-progress-bar.running{background:#3b82f6}.task-popover-progress-bar.failed{background:#ef4444}.task-popover-progress-text{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.task-popover-footer{display:block;width:100%;padding:10px 16px;border:none;border-top:1px solid var(--line);background:#fafafa;color:var(--primary);font-size:13px;font-weight:500;cursor:pointer;text-align:center;transition:background var(--ease)}.task-popover-footer:hover{background:#f3f4f6}.empty-title{font-size:16px;font-weight:600;margin-bottom:4px}.empty-desc{font-size:13px;color:var(--muted);margin-bottom:12px}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid var(--border);z-index:100;padding:0 8px env(safe-area-inset-bottom,0)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1 1;border:none;background:none;color:var(--muted);font-size:10px;cursor:pointer;padding:4px 0;min-width:48px;min-height:48px}.mobile-nav-item.active{color:var(--primary)}@media (max-width:767px){.mobile-bottom-nav{display:flex}.workspace{padding-bottom:64px}}.continue-production-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:8px;background:var(--primary);color:#fff;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s}.continue-production-btn:hover{background:var(--primary-hover,#F2542D)}@media (max-width:767px){.continue-production-btn span{display:none}.continue-production-btn{padding:6px 8px}}.generation-target-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:8px;flex-wrap:wrap;margin-bottom:0;max-width:100%;overflow:hidden}.target-bar-item{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid var(--border,#e2e8f0);background:white;font-size:13px;cursor:pointer;white-space:nowrap}.target-bar-item:hover{border-color:var(--primary,#F2542D)}.target-bar-select{padding:5px 8px;border-radius:6px;border:1px solid var(--border,#e2e8f0);font-size:13px;background:white;cursor:pointer;max-width:160px;min-width:0;flex-shrink:1}.target-bar-free-create{white-space:nowrap}.target-bar-gap-badge{font-size:11px;color:#DC2626;background:#FEE2E2;padding:2px 6px;border-radius:4px;white-space:nowrap}.target-bar-cost{font-size:12px;color:var(--muted,#6b7280);margin-left:auto;white-space:nowrap}@media (max-width:767px){.generation-target-bar{gap:6px;padding:6px 8px}.target-bar-select{max-width:120px;font-size:12px;padding:4px 6px}.target-bar-item{font-size:12px;padding:4px 8px}.target-bar-cost{display:none}.target-bar-gap-badge{font-size:10px;padding:1px 4px}}.recipe-compact-list{margin-bottom:12px}.recipe-rows{display:flex;flex-direction:column;gap:2px}.recipe-row-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;width:100%;font-size:13px;transition:background .15s}.recipe-row-item:hover{background:var(--surface,#f8fafc)}.recipe-row-item.active{background:#FFF5F3;border-color:var(--primary,#F2542D)}.recipe-row-item strong{white-space:nowrap}.recipe-row-meta{color:var(--muted,#6b7280);font-size:12px}.recipe-row-req{color:#DC2626;font-size:11px;margin-left:auto}.type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.type-dot.type-copy{background:#16A34A}.type-dot.type-image{background:#2563EB}.type-dot.type-video{background:#F59E0B}.type-dot.type-combo{background:#8B5CF6}.asset-check-inline{gap:8px;background:#FEF3C7;border-radius:6px}.asset-check-inline,.can-generate-inline{display:flex;align-items:center;flex-wrap:wrap;padding:6px 10px;font-size:12px;margin-bottom:10px}.can-generate-inline{gap:6px;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.2);border-radius:6px}.can-generate-title{font-weight:600;color:var(--success)}.can-generate-item{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;background:rgba(22,163,74,.12);color:var(--success);font-size:11px}.video-options-inline{display:flex;gap:8px;margin-bottom:10px}.prompt-section{margin-bottom:8px}.ws-summary-panel{padding:12px}.ws-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:8px}.ws-stat{display:flex;flex-direction:column;align-items:center;padding:8px;background:var(--surface,#f8fafc);border-radius:6px}.ws-stat-value{font-size:18px;font-weight:600;color:var(--text,#111)}.ws-stat-label{font-size:11px;color:var(--muted,#6b7280);margin-top:2px}.ws-gaps{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}.ws-readiness-warning{margin-top:8px;font-size:12px;color:#DC2626;padding:4px 8px;background:#FEE2E2;border-radius:4px}.revision-preview-box{border:1px solid var(--primary,#f2542d);border-radius:8px;padding:12px;margin-bottom:12px;background:#FFF5F3}.revision-preview-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;margin-bottom:8px}.revision-preview-diff{margin-bottom:10px}.revision-after{font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto;padding:8px;background:white;border-radius:4px;border:1px solid var(--border,#e2e8f0)}.revision-preview-actions{display:flex;gap:8px}.composer-credits-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--primary);font-weight:500;padding:2px 8px;background:var(--primary-soft);border-radius:12px;white-space:nowrap}.help-faq-list{display:flex;flex-direction:column;gap:4px}.faq-item{border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;cursor:pointer;transition:background var(--ease)}.faq-item:hover{background:var(--primary-soft)}.faq-item summary{font-size:14px;list-style:none;cursor:pointer}.faq-item summary::-webkit-details-marker,.faq-item summary::marker{display:none}.faq-item[open] summary{color:var(--primary)}.detail-tab-bar{display:flex;gap:0;border-bottom:1px solid var(--line);margin:8px 0 0}.detail-tab{background:none;padding:8px 16px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;border:none;border-bottom:2px solid transparent;transition:color var(--ease),border-color var(--ease)}.detail-tab:hover{color:var(--text)}.detail-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.version-panel{padding:12px 0}.version-list{display:flex;flex-direction:column;gap:8px}.version-row{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);transition:border-color var(--ease)}.version-row.active{border-color:var(--primary);background:var(--primary-soft)}.version-row-header{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:4px}.version-current-badge{font-size:10px;padding:1px 6px;border-radius:8px;background:var(--primary);color:#fff;font-weight:600}.version-time{margin-left:auto;font-size:11px;color:var(--muted)}.version-snippet{font-size:12px;color:var(--muted);line-height:1.5;overflow:hidden;text-overflow:ellipsis}.asset-stat,.version-snippet{white-space:nowrap}.auth-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4)}.auth-dialog{position:relative;width:100%;max-width:380px;border-radius:12px;background:#fff;padding:28px 24px;box-shadow:var(--shadow-popover)}.auth-close{position:absolute;right:16px;top:16px;background:none;border:none;color:var(--muted);cursor:pointer}.auth-close:hover,.auth-title{color:var(--text)}.auth-title{font-size:18px;font-weight:600;margin:0 0 20px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{width:100%;border-radius:8px;border:1px solid var(--line);padding:10px 12px;font-size:14px;outline:none;background:var(--panel)}.auth-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.auth-error{font-size:12px;color:var(--danger);margin:0}.auth-submit{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:var(--primary);padding:10px 16px;font-size:14px;font-weight:500;color:#fff;border:none;cursor:pointer}.auth-submit:hover{background:var(--primary-strong)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch{margin-top:16px;text-align:center;font-size:13px;color:var(--muted)}.auth-switch-link{margin-left:4px;color:var(--primary);background:none;border:none;cursor:pointer;font-size:13px}.auth-switch-link:hover{text-decoration:underline}.btn-group-split{display:inline-flex;border-radius:var(--radius);overflow:hidden}.btn-group-split>.primary-button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.btn-group-arrow{border-radius:0 var(--radius) var(--radius) 0!important;padding:0 8px!important;min-width:0;border-left:1px solid rgba(255,255,255,.2)}.dropdown-menu{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-popover);min-width:120px;padding:4px 0}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:13px;color:var(--text);background:none;border:none;cursor:pointer;text-align:left}.dropdown-item:hover{background:var(--primary-soft)}.empty-state.dashed{border:1px dashed var(--line-strong);border-radius:var(--radius)}.asset-list-grid::-webkit-scrollbar,.product-create-body::-webkit-scrollbar,.work-list-grid::-webkit-scrollbar{width:6px}.asset-list-grid::-webkit-scrollbar-track,.product-create-body::-webkit-scrollbar-track,.work-list-grid::-webkit-scrollbar-track{background:transparent}.asset-list-grid::-webkit-scrollbar-thumb,.product-create-body::-webkit-scrollbar-thumb,.work-list-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.pagination-bar{min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0}.pagination-bar .secondary-button{height:38px;min-width:72px;padding:0 16px;border-radius:6px;border:1px solid #dfe5ec;background:#fff;color:#334155;font-size:14px;font-weight:700}.pagination-bar .secondary-button:disabled{color:#cbd5e1;background:#f8fafc;cursor:not-allowed}.pagination-bar .page-current{height:38px;min-width:54px;border-radius:6px;border:1px solid #dfe5ec;background:#fff;color:#334155;display:flex;align-items:center;justify-content:center;font-size:14px}.pagination-bar .page-total{color:#64748b;font-size:14px}.pagination-bar input.page-current{width:54px;padding:0;text-align:center;font-weight:600;outline:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.pagination-bar input.page-current::-webkit-inner-spin-button,.pagination-bar input.page-current::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination-bar input.page-current:focus{border-color:var(--primary-line);box-shadow:var(--focus-ring)}.status-tag{font-size:12px;line-height:22px;font-weight:600;padding:0 8px;border-radius:5px}.status-tag.creating{color:#2563eb;background:#eff6ff}.status-tag.completed{color:#16a34a;background:#f0fdf4}.status-tag.failed{color:#dc2626;background:#fef2f2}.status-tag.pending{color:#f59e0b;background:#fffbeb}.product-create-dialog .dialog-header{position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:2}.product-create-dialog .dialog-footer{position:-webkit-sticky;position:sticky;bottom:0;background:#fff;z-index:2}.product-create-body{overflow-y:auto;flex:1 1;min-height:0}.work-detail-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 10px;border-bottom:1px solid var(--line)}.work-detail-topbar-left{flex:1 1;min-width:0}.work-detail-title-row{display:flex;align-items:center;gap:16px}.work-detail-title-input{flex:0 0 auto;field-sizing:content;min-width:80px;max-width:100%;font-size:20px;line-height:28px;font-weight:700;border:none;outline:none;background:transparent;padding:2px 0;color:#111827}.work-detail-title-input:hover{background:#f8fafc;border-radius:4px}.work-detail-title-input:focus{background:#fff8f5;box-shadow:0 0 0 2px var(--primary-line);border-radius:4px}.work-detail-id-row{font-size:13px;color:#64748b;margin-top:6px;padding-left:2px}.work-detail-topbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.work-detail-action-btn{height:38px;padding:0 14px;font-size:14px;font-weight:700;border:1px solid #dfe5ec;border-radius:6px;background:#fff;color:#334155;cursor:pointer;white-space:nowrap}.work-detail-action-btn:hover:not(:disabled){background:#f8fafc}.work-detail-action-btn:disabled{color:var(--muted);cursor:default}.ai-assistant-panel{min-height:0}.ai-assistant-header{display:flex;align-items:center;gap:8px;font-size:20px;line-height:28px;font-weight:700;color:#111827;padding:0;margin:0 0 12px;border-bottom:none;flex-shrink:0}.ai-assistant-body{flex:1 1;overflow-y:auto;padding:12px 16px;min-height:0}.asset-detail-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 10px;border-bottom:1px solid var(--line);flex-shrink:0}.asset-detail-topbar-left{flex:1 1;min-width:0}.asset-detail-title-row{display:flex;align-items:center;gap:16px}.asset-detail-title-input{flex:1 1;min-width:0;font-size:16px;font-weight:700;border:none;outline:none;background:transparent;padding:2px 0;color:var(--fg)}.asset-detail-title-input:hover{background:#f8fafc;border-radius:4px}.asset-detail-title-input:focus{background:#fff;box-shadow:0 0 0 2px var(--primary-line);border-radius:4px}.asset-detail-id-row{font-size:12px;color:var(--muted);margin-top:4px;padding-left:2px}.asset-detail-topbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.asset-preview-zoomable{cursor:zoom-in}.zoom-bar{display:flex;align-items:center;gap:8px}.zoom-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:16px;background:transparent;cursor:pointer}.zoom-range::-webkit-slider-runnable-track{background:#e5e7eb;height:4px;border-radius:2px}.zoom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--primary)}.zoom-range::-moz-range-track{background:#e5e7eb;height:4px;border-radius:2px}.zoom-range::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--primary)}.zoom-pct-wrapper{position:relative}.zoom-pct{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font-size:12px;font-weight:600;white-space:nowrap}.zoom-pct:hover{border-color:var(--primary-line);color:var(--primary-strong)}.zoom-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:20;display:flex;flex-direction:column;min-width:120px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-popover)}.zoom-menu button{padding:6px 10px;border:none;background:none;color:var(--text);font-size:12px;text-align:left;border-radius:4px;cursor:pointer}.zoom-menu button.active,.zoom-menu button:hover{background:var(--primary-soft);color:var(--primary-strong)}.zoom-menu-divider{height:1px;margin:4px 0;background:var(--line)}.zoomable-preview-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;transition:transform .2s ease}.zoomable-preview-img:hover{transform:scale(1.05)}.product-preview-zoomable{cursor:zoom-in}.overall-generation-module{margin:16px 0;padding:20px;background:#fff;border-radius:12px;border:1px solid #edf1f5}.ogm-title{font-size:18px;line-height:26px;font-weight:900;color:#111827}.ogm-desc{font-size:13px;line-height:20px;color:#64748b;margin-top:4px}.ogm-content{display:flex;gap:16px;margin-top:16px;align-items:flex-start}.ogm-overall-card{flex:0 0 180px;padding:16px;border-radius:12px;border:1px solid #fed7aa;background:linear-gradient(135deg,#fff7ed,#ffedd5)}.ogm-overall-value{font-size:32px;line-height:40px;font-weight:900;color:#ff6238}.ogm-overall-label{font-size:13px;line-height:18px;font-weight:700;color:#9a3412;margin-top:4px}.ogm-overall-card .progress-bar{height:10px;border-radius:5px;background:#f1f5f9}.ogm-bar-fill{border-radius:5px;background:linear-gradient(90deg,#ff7048,#fb923c)}.ogm-spec-list{display:flex;flex-wrap:wrap;gap:10px;flex:1 1}.ogm-spec-card{padding:12px;border-radius:10px;border:1px solid #bbf7d0;background:#f0fdf4;min-width:120px}.ogm-spec-name{font-size:13px;line-height:18px;font-weight:900;color:#111827;margin-bottom:6px}.ogm-spec-done{font-size:16px;color:#111827;font-weight:700}.ogm-spec-rest{font-size:13px;color:#64748b}.image-list-module{margin-top:16px}.ilm-group{margin-bottom:20px}.ilm-group-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:14px;color:#111827}.ilm-group-header .faint{font-size:12px;color:#94a3b8;margin-left:4px}.ilm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:10px;gap:10px}