:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit}.blackhole-page{--hero-align-width:920px;--page-align-width:min(1240px, calc(100% - 56px));color:#f8fbff;isolation:isolate;background:#030407;min-height:100vh;position:relative;overflow-x:hidden}.blackhole-canvas,.blackhole-vignette{width:100%;height:100%;position:fixed;inset:0}.blackhole-canvas{z-index:0;background:radial-gradient(circle at 62% 42%,#8dd9ff42,#0000 24%),radial-gradient(circle at 58% 46%,#ffbc6e2e,#0000 18%),#030407;display:block}.blackhole-vignette{pointer-events:none;z-index:1;background:linear-gradient(90deg,#010308e0,#010308b8 24%,#01030829 55%,#0103080a),linear-gradient(#0000008a,#00000005 38%,#0000007a)}.blackhole-nav{min-height:92px;width:var(--page-align-width);z-index:3;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.nav-pill{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff1a,#ffffff09),#04080e7a;border:1px solid #ffffff21;border-radius:999px;justify-content:space-between;align-items:center;gap:30px;width:100%;min-height:58px;padding:7px 9px 7px 16px;display:flex;box-shadow:0 20px 60px #00000052,inset 0 1px #ffffff24}.blackhole-nav button,.blackhole-nav nav,.brand-button{align-items:center;display:inline-flex}.blackhole-nav button,.brand-button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0}.brand-button{gap:12px;min-height:42px;padding:0 4px 0 0;font-weight:700}.blackhole-brand-mark{color:#031017;letter-spacing:0;background:linear-gradient(135deg,#ecfbff,#8dd9ff 46%,#ffbc6e);border:1px solid #ffffff3d;border-radius:8px;place-items:center;width:34px;height:34px;font-size:13px;display:grid;box-shadow:0 12px 36px #8dd9ff47}.blackhole-nav nav{gap:8px;padding:0}.blackhole-nav nav button{color:#f8fbffb8;border-radius:999px;min-height:40px;padding:0 15px;font-size:14px}.blackhole-nav nav button:hover{color:#fff;background:#ffffff17}.blackhole-nav .nav-cta{color:#071014;background:#f7fbff;box-shadow:0 10px 28px #ffffff24}.blackhole-nav .nav-cta:hover{color:#071014;background:#fff}.blackhole-hero{text-align:center;min-height:calc(82vh - 92px);width:var(--page-align-width);z-index:2;justify-content:center;align-items:center;margin:0 auto;padding:28px 0 108px;display:flex;position:relative}.hero-copy{flex-direction:column;align-items:center;width:min(980px,100%);display:flex;transform:translateY(-26px)}.hero-slogan{color:#f8fbff;letter-spacing:0;max-width:var(--hero-align-width);text-shadow:0 0 18px #8dd9ff2e;text-wrap:balance;flex-direction:column;align-items:center;gap:8px;width:100%;margin:0;font-family:Inter,Microsoft YaHei,Arial,sans-serif;font-size:clamp(44px,5.35vw,78px);font-weight:950;line-height:1.05;display:flex}.hero-slogan span{white-space:nowrap;font-weight:950;display:block}.blur-reveal{will-change:opacity, filter, transform;animation:1.45s cubic-bezier(.16,.72,.14,1) both blurReveal}.blur-reveal-line:first-child{animation-delay:.36s}.blur-reveal-line:nth-child(2){animation-delay:.72s}.hero-summary{color:#f8fbffb8;max-width:520px;margin:24px 0 0;font-size:clamp(16px,1.6vw,19px);line-height:1.78;animation:1.45s cubic-bezier(.16,.72,.14,1) 1.02s both blurReveal}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;animation:1.45s cubic-bezier(.16,.72,.14,1) 1.24s both blurReveal;display:flex}.hero-workbench-button{cursor:pointer;background:linear-gradient(90deg,#8dd9ff00,#8dd9ff57,#ffbc6e00),linear-gradient(#1f6dff,#1c4ed8);border:1px solid #ffffff52;border-radius:999px;min-width:210px;min-height:58px;padding:0 34px;position:relative;overflow:hidden;box-shadow:0 24px 70px #1f6dff61,inset 0 1px #ffffff3d}.hero-workbench-button:before{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff6b,#0000 76%);animation:2.8s ease-in-out infinite shimmerSweep;position:absolute;inset:0;transform:translate(-100%)}.shimmer-button-label{color:#fff;letter-spacing:0;text-align:center;white-space:pre-wrap;font-size:16px;font-weight:650;line-height:1;position:relative}.shader-status{color:#ffd8d8;background:#30080cad;border:1px solid #ff666652;border-radius:8px;max-width:360px;padding:14px 16px;font-size:13px;line-height:1.6;position:absolute;bottom:64px;right:0}.preview-band{width:var(--page-align-width);z-index:2;grid-template-columns:repeat(3,1fr);gap:1px;margin:-44px auto 0;padding-bottom:34px;display:grid;position:relative}.metric{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050b126b;border:1px solid #ffffff1f;flex-direction:column;justify-content:center;gap:8px;min-height:88px;padding:20px 24px;display:flex}.metric:first-child{border-radius:8px 0 0 8px}.metric:last-child{border-radius:0 8px 8px 0}.metric strong{color:#fff;font-size:18px}.metric span{color:#f8fbff9e;font-size:14px}@keyframes blurReveal{0%{filter:blur(18px);opacity:0;transform:translateY(22px)scale(.985)}60%{opacity:1}to{filter:blur();opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmerSweep{0%{transform:translate(-100%)}56%,to{transform:translate(110%)}}@media (prefers-reduced-motion:reduce){.blur-reveal,.hero-actions,.hero-summary,.hero-workbench-button:before{animation:none}}@media (width<=768px){.blackhole-page{--page-align-width:min(calc(100% - 32px), 1180px)}.blackhole-vignette{background:linear-gradient(#010308b8,#0103081a 42%,#010308c7),linear-gradient(90deg,#010308bd,#01030824)}.blackhole-nav{min-height:76px}.nav-pill{gap:12px;min-width:100%;min-height:54px;padding:6px 7px 6px 12px}.blackhole-nav nav button:not(.nav-cta){display:none}.blackhole-nav nav button{min-height:36px;padding:0 12px}.blackhole-hero{min-height:calc(84vh - 76px);padding:28px 0 92px}.hero-copy{transform:translateY(-16px)}.hero-slogan{gap:6px;max-width:100%;font-size:clamp(24px,7vw,46px)}.hero-summary{margin-top:22px;font-size:16px;line-height:1.7}.hero-actions{margin-top:30px}.hero-workbench-button{min-width:190px;min-height:54px;padding:0 28px}.preview-band{grid-template-columns:1fr;margin-top:-54px;padding-bottom:24px}.metric,.metric:first-child,.metric:last-child{border-radius:8px;min-height:78px}.shader-status{margin-top:24px;position:relative;bottom:auto;right:auto}}.app-shell{--studio-gap:16px;--paper:#fff;--card:#f8fafc;--card-solid:#fff;--soft:#f1f5f9;--ink:#111827;--muted:#6b7280;--placeholder:#9ca3af;--line:#e5e7eb;--line-hover:#cbd5e1;--primary:#2563eb;--active-bg:#111827;--active-text:#fff;--overlay:#0f172a6b;--success-bg:#22c55e21;--success-text:#15803d;--warning:#b45309;--danger:#dc2626;--danger-bg:#dc26261f;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f172a0f;--shadow:0 18px 44px #0f172a1f;--shadow-button:0 14px 30px #11182733;color:var(--ink);background:radial-gradient(circle at 100% 0,#2563eb14,#0000 30%),linear-gradient(#f8fafc 0%,#eef2f7 100%);grid-template-rows:62px minmax(0,1fr);grid-template-columns:200px minmax(0,1fr);height:100vh;min-height:100vh;display:grid;overflow:hidden}.hidden-file-input{display:none}.app-shell.is-dark{--paper:#1f2024;--card:#26272d;--card-solid:#232428;--soft:#2e3037;--ink:#f5f5f7;--muted:#a6a8b0;--placeholder:#777a84;--line:#363842;--line-hover:#4b4e5b;--primary:#8bbcff;--active-bg:#f5f5f7;--active-text:#111214;--overlay:#0000008c;--shadow-sm:0 1px 2px #00000047;--shadow:0 22px 54px #0000006b;background:radial-gradient(circle at 100% 0,#60a5fa1f,#0000 28%),linear-gradient(#17181d 0%,#101116 100%)}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-sidebar{background:#111;border-right:1px solid #ffffff14;grid-row:1/-1;min-height:100vh;padding:0 16px 16px}.sidebar-brand,.topbar-brand{color:var(--ink);align-items:center;gap:10px;display:flex}.sidebar-brand{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;width:calc(100% + 32px);height:62px;margin:0 -16px 16px;padding:0 16px}.brand-mark{color:#fff;background:#111827;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:inline-flex}.brand-mark img{object-fit:contain;width:26px;height:26px;display:block}.sidebar-brand strong,.topbar-brand strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-sidebar .brand-mark{box-shadow:none;background:#111;border:1px solid #ffffff1f}.is-dark .brand-mark{color:#111214;background:#f5f5f7}.app-menu{gap:7px;padding-top:0;display:grid}.app-menu button{border-radius:var(--radius);color:#ffffff9e;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:8px 10px;transition:background .16s,color .16s,transform .16s;display:grid}.app-menu button:hover{color:#fff;background:#ffffff14}.app-menu button.active{box-shadow:var(--shadow-button);color:#111;background:#fff}.app-menu svg{justify-self:center}.app-menu span{min-width:0;display:grid}.app-menu strong{font-size:14px;line-height:1.25}.app-menu small{opacity:.72;font-size:11px;font-weight:600;line-height:1.4}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb, var(--paper) 88%, transparent);border-bottom:1px solid var(--line);z-index:40;grid-column:2;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;height:62px;padding:0 20px;display:flex}.topbar-logo{border-radius:10px;width:34px;height:34px;display:none}.topbar-actions{align-items:center;gap:8px;display:flex;position:relative}.topbar-more{position:relative}.topbar-more summary{list-style:none}.topbar-more summary::-webkit-details-marker{display:none}.topbar-more-menu{background:var(--card-solid);border:1px solid var(--line);box-shadow:var(--shadow);z-index:70;border-radius:12px;min-width:150px;padding:6px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.topbar-more-menu button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;min-height:36px;padding:0 9px;font-size:13px;font-weight:820;display:grid}.topbar-more-menu button:hover{background:var(--soft)}.topbar-more-menu span{color:var(--muted);text-align:center;font-size:12px;font-weight:900}.mobile-nav-select{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:10px;max-width:150px;height:36px;padding:0 10px;font-size:13px;font-weight:760;display:none}.icon-button,.primary-button,.recharge-button,.user-chip,.balance-chip,.member-chip,.backend-chip{border-radius:10px;align-items:center;min-height:36px;font-size:13px;font-weight:760;display:inline-flex}.icon-button,.primary-button,.recharge-button,.user-chip{cursor:pointer}.icon-button{background:var(--card);border:1px solid var(--line);color:var(--ink);justify-content:center;width:38px;font-size:18px}.locale-button{font-size:12px;font-weight:900}.primary-button,.recharge-button{color:#fff;background:#111827;border:1px solid #111827;padding:0 16px}.recharge-button{background:linear-gradient(135deg,#111827,#2563eb)}.balance-chip,.member-chip,.backend-chip{background:var(--card);border:1px solid var(--line);color:var(--ink);gap:4px;padding:0 12px}.backend-status-chip,.balance-chip small{color:var(--muted)}.user-chip{color:var(--ink);background:0 0;border:0;gap:8px}.user-chip span{background:var(--soft);border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;overflow:hidden}.user-chip img{object-fit:cover;width:100%;height:100%;display:block}.main-content{min-height:0;padding:var(--studio-gap);grid-area:2/2;overflow:auto}.studio-grid{align-items:start;gap:var(--studio-gap);grid-template-columns:380px minmax(0,1fr);display:grid}.panel{-webkit-backdrop-filter:blur(22px)saturate(1.08);backdrop-filter:blur(22px)saturate(1.08);background:color-mix(in srgb, var(--paper) 86%, transparent);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.studio-sidebar-panel{height:calc(100vh - 62px - var(--studio-gap) * 2);max-height:calc(100dvh - 62px - var(--studio-gap) * 2);top:calc(62px + var(--studio-gap));flex-direction:column;display:flex;position:sticky;overflow:hidden}.settings-scroll{flex:1;min-height:0;margin:0 -8px;padding:0 8px 24px;overflow-y:auto}.settings-actions{background:color-mix(in srgb, var(--paper) 94%, transparent);border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent);flex:none;gap:10px;margin:0 -24px;padding:16px 24px 0;display:grid}.human-settings-panel .panel-heading{margin-bottom:16px}.human-settings-panel .field-group{margin-bottom:14px}.human-settings-panel .studio-textarea{min-height:118px}.human-settings-panel .single-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.human-settings-panel .upload-zone,.human-settings-panel .reference-preview{aspect-ratio:1.18}.human-settings-panel .url-row{margin-top:8px}.history-panel{min-height:calc(100vh - 62px - var(--studio-gap) * 2);min-width:0}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.panel-heading h2,.login-modal h2{color:var(--ink);margin:0;font-size:20px;font-weight:760}.eyebrow{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:700}.field-group{margin-bottom:18px}.field-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.field-label{color:var(--ink);margin-bottom:10px;font-size:14px;font-weight:700;display:block}.field-head .field-label{margin-bottom:0}.field-hint{color:var(--muted);flex:none;font-size:12px}.field-error{color:var(--danger);margin:8px 0 0;font-size:12px;font-weight:700}.inline-status{color:var(--muted);margin:-4px 0 12px;font-size:12px;font-weight:700}.helper-row{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:750}.text-button:hover{color:var(--ink)}.studio-textarea{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);resize:vertical;outline:none;width:100%;min-height:112px;padding:14px 16px;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.compact-field .studio-textarea{min-height:128px}.dropdown-field{margin-bottom:14px}.studio-select{position:relative}.studio-select-trigger,.studio-select-menu button{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:46px;padding:8px 11px;display:flex}.studio-select-trigger{justify-content:space-between}.studio-select-trigger:hover,.studio-select-menu button:hover{border-color:var(--line-hover);box-shadow:var(--shadow-sm)}.studio-select.open .studio-select-trigger,.studio-select-menu button.active{background:var(--active-bg);border-color:var(--active-bg);color:var(--active-text)}.studio-select-trigger>span,.studio-select-menu button>span{gap:2px;min-width:0;display:grid}.studio-select-trigger strong,.studio-select-menu strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:820;overflow:hidden}.studio-select-trigger small,.studio-select-menu small{color:currentColor;opacity:.68;font-size:11px;font-weight:720}.studio-select-trigger svg{flex:none;width:18px;height:18px;transition:transform .16s}.studio-select.open .studio-select-trigger svg{transform:rotate(180deg)}.studio-select-menu{background:color-mix(in srgb, var(--paper) 98%, transparent);border:1px solid var(--line);box-shadow:var(--shadow);z-index:12;border-radius:10px;gap:6px;max-height:292px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.studio-select-menu button{border-radius:7px;min-height:42px}.studio-select-menu button:disabled{cursor:not-allowed;opacity:.5}.compact-count-row{grid-template-columns:1fr;margin-bottom:16px}.advanced-disclosure{border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent);margin-top:4px;padding-top:12px}.advanced-disclosure summary{color:var(--muted);cursor:pointer;margin-bottom:12px;font-size:13px;font-weight:780;list-style:none}.advanced-disclosure summary::-webkit-details-marker{display:none}.advanced-disclosure summary:after{content:"展开";float:right;opacity:.72;font-size:12px}.advanced-disclosure[open] summary:after{content:"收起"}.studio-textarea:focus,.url-input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.studio-textarea::placeholder,.url-input::placeholder{color:var(--placeholder)}.mode-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode-switch-button,.duration-auto-button,.duration-input-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);transition:color .16s,background .16s,border-color .16s,box-shadow .16s,transform .16s}.mode-switch-button{cursor:pointer;text-align:left;min-width:0;min-height:62px;padding:10px 12px}.mode-switch-button:hover,.duration-auto-button:hover,.mini-button:hover{border-color:var(--line-hover);box-shadow:var(--shadow-sm)}.mode-switch-button.active,.duration-auto-button.active,.duration-input-wrap.active{background:var(--active-bg);border-color:var(--active-bg);box-shadow:var(--shadow-button);color:var(--active-text)}.mode-switch-button span{gap:3px;min-width:0;display:grid}.mode-switch-button strong{font-size:13px}.mode-switch-button small{opacity:.72;font-size:11px}.duration-control{grid-template-columns:minmax(0,1fr) 128px;gap:8px;display:grid}.duration-input-wrap{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;height:44px;padding:0 12px;display:grid}.duration-input-wrap span,.duration-input-wrap small{color:currentColor;opacity:.78;font-size:12px;font-weight:760}.duration-input-wrap input{color:currentColor;text-align:center;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:14px;font-weight:800}.duration-auto-button{cursor:pointer;height:44px;padding:0 12px;font-size:13px;font-weight:800}.reference-picker{gap:6px;display:grid}.single-picker{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px}.upload-zone,.reference-preview{aspect-ratio:1;border-radius:10px;width:100%}.upload-zone{background:var(--card);border:2px dashed var(--line);color:var(--muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:flex}.upload-zone:hover{background:var(--soft);border-color:var(--line-hover);color:var(--ink)}.upload-zone span{font-size:11px;font-weight:700}.reference-preview{background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden}.reference-preview img{cursor:zoom-in;object-fit:cover;width:100%;height:100%}.remove-ref{color:#fff;cursor:pointer;background:#111827c7;border:0;border-radius:50%;place-items:center;width:18px;height:18px;font-size:13px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.remove-ref.small{flex:none;width:20px;height:20px;font-size:14px;position:static}.url-row{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.audio-row{grid-template-columns:minmax(0,1fr) auto}.url-input{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:8px;outline:none;width:100%;min-width:0;height:38px;padding:0 11px;font-size:13px;font-weight:650}.media-empty,.media-item{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 8px 0 12px;font-size:12px;font-weight:700;display:flex}.audio-media-item audio{width:100%;min-width:0;height:32px}.media-list{gap:8px;margin-bottom:8px;display:grid}.media-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:0 120px;overflow:hidden}.cost-summary{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:750;display:flex}.cost-summary strong{color:var(--ink);font-size:15px}.generate-button{color:#fff;cursor:pointer;background:#030506;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;padding:0 24px;font-size:16px;font-weight:760;display:inline-flex;box-shadow:0 16px 38px #0000003d,inset 0 1px #ffffff2e}.generate-button:disabled{cursor:not-allowed;filter:grayscale(.18);opacity:.48}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.62s linear infinite spin}.generate-button-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mini-button{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;min-height:36px;padding:0 14px;font-size:13px;font-weight:700}.video-grid{grid-template-columns:repeat(var(--video-waterfall-columns,5), minmax(0, 1fr));align-items:start;gap:14px;display:grid}.video-card{background:color-mix(in srgb, var(--card) 92%, transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;min-width:0;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative;overflow:hidden}.video-card:hover{border-color:var(--line-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.record-delete-button{color:#fff;cursor:pointer;opacity:0;z-index:3;background:#1f232ac7;border:1px solid #fff3;border-radius:10px;width:36px;height:36px;font-size:22px;transition:opacity .16s,transform .16s;position:absolute;top:9px;right:9px;transform:translateY(-4px)}.video-card:hover .record-delete-button,.record-delete-button:focus-visible{opacity:1;transform:translateY(0)}.video-media{background:var(--soft);width:100%;min-height:180px;overflow:hidden}.ratio-wide{aspect-ratio:16/9}.ratio-tall{aspect-ratio:9/16}.video-media video,.task-detail-media video,.task-detail-media img{object-fit:cover;background:#000;width:100%;height:100%;display:block}.task-detail-media img{object-fit:contain}.video-pending{color:var(--muted);place-content:center;place-items:center;width:100%;height:100%;display:grid}.video-pending.running{color:#fff;background:linear-gradient(135deg,#22d3ee,#8bbcff 52%,#f3d58e);gap:13px}.video-pending.running svg{width:56px;height:48px}.video-pending.failed{background:var(--danger-bg);color:var(--danger);gap:12px}.video-pending.failed svg{width:52px;height:44px}.video-meta{gap:5px;padding:11px 12px 12px;display:grid}.video-meta strong{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.32;display:-webkit-box;overflow:hidden}.video-meta span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.record-status{color:var(--muted);background:#6b72801f;border:1px solid #6b728038;border-radius:6px;align-items:center;min-height:22px;margin:0 12px 12px;padding:0 8px;font-size:12px;font-weight:700;line-height:20px;display:inline-flex}.record-status.completed{color:var(--success-text);background:#22c55e21;border-color:#22c55e3d}.record-status.processing{color:var(--warning);background:#f59e0b21;border-color:#f59e0b3d}.record-status.queued{color:#2563eb;background:#3b82f61f;border-color:#3b82f638}.record-status.failed{background:var(--danger-bg);color:var(--danger);border-color:#dc26263d}.record-status.cancelled{color:var(--muted);background:#6b72801f;border-color:#6b72803d}.empty-state{color:var(--muted);text-align:center;justify-items:center;gap:8px;padding:60px 20px;display:grid}.empty-state svg{opacity:.5;width:54px;height:54px}.empty-state p{color:var(--ink);font-size:16px;font-weight:760}.empty-state span{font-size:14px}.modal-layer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;background:#0000007a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-close{background:color-mix(in srgb, var(--card-solid) 92%, transparent);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--ink);cursor:pointer;z-index:4;border-radius:999px;place-items:center;width:34px;height:34px;font-size:20px;display:grid;position:absolute;top:14px;right:14px}.library-modal{gap:14px;width:min(980px,100vw - 32px);max-width:980px;max-height:calc(100dvh - 32px);display:grid;position:relative;overflow:auto}.material-modal-header{justify-content:space-between;align-items:flex-start;gap:14px;padding-right:52px;display:flex}.material-modal-header h2{margin:0}.material-modal-header>span,.material-summary{background:var(--soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:7px 10px;font-size:12px}.material-tabs{background:var(--card);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.material-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:38px;font-weight:800;display:flex}.material-tabs button.active{background:var(--active-bg);color:var(--active-text)}.material-tabs small{color:inherit;min-width:14px}.material-toolbar{grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:10px;display:grid}.material-toolbar-actions,.material-footer-actions{flex-wrap:wrap;gap:8px;display:flex}.material-primary-button,.material-light-button{cursor:pointer;border-radius:8px;min-height:36px;padding:0 12px;font-weight:800}.material-primary-button{color:#fff;background:#111827;border:1px solid #111827}.material-light-button{background:var(--soft);border:1px solid var(--line);color:var(--ink)}.material-primary-button:disabled,.material-light-button:disabled{cursor:not-allowed;opacity:.45}.material-search{min-width:0}.material-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.material-grid.enhanced{max-height:min(56vh,560px);padding-right:4px;overflow:auto}.material-card{background:var(--card);border:1px solid var(--line);border-radius:8px;min-width:0;position:relative;overflow:hidden}.material-card.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb24}.material-card-button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;gap:8px;width:100%;padding:8px;display:grid}.material-card-button strong,.material-card-button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.material-card-button small{color:var(--muted);font-size:12px}.material-card-media{aspect-ratio:1;background:var(--soft);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.material-card-media img,.material-card-media video{object-fit:cover;width:100%;height:100%}.material-audio-icon{color:var(--muted);place-items:center;display:grid}.material-video-badge{color:#fff;background:#111827c7;border-radius:999px;padding:4px 7px;font-size:11px;position:absolute;bottom:8px;right:8px}.material-delete-button{color:#fff;cursor:pointer;background:#111827c2;border:0;border-radius:999px;width:24px;height:24px;position:absolute;top:8px;right:8px}.material-check{color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:flex;position:absolute;top:8px;left:8px}.material-check:empty{border:1px solid var(--line);background:#ffffffb8}.material-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:8px;place-content:center;gap:8px;min-height:260px;display:grid}.material-empty p{color:var(--ink);margin:0;font-weight:800}.material-empty span{font-size:13px}.material-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.material-footer>span{color:var(--muted);font-size:13px;font-weight:800}.material-delete-confirm{background:var(--card-solid);border:1px solid var(--line);box-shadow:var(--shadow);z-index:10;border-radius:10px;gap:12px;max-width:min(360px,100vw - 48px);padding:16px;display:grid;position:fixed;inset:auto 20px 20px auto}.material-delete-confirm p{color:var(--muted);margin:6px 0 0;line-height:1.6}.material-delete-confirm>div:last-child{justify-content:flex-end;gap:8px;display:flex}.material-delete-confirm button{border:1px solid var(--line);cursor:pointer;border-radius:8px;min-height:34px;padding:0 12px}.material-delete-confirm button:last-child{color:#fff;background:#991b1b;border-color:#991b1b}.material-thumb{aspect-ratio:1;background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:0;position:relative;overflow:hidden}.material-thumb img{object-fit:cover;width:100%;height:100%}.material-thumb span{color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#000000ad);padding:20px 8px 8px;font-size:12px;font-weight:750;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.modal-tabs{background:var(--card);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:16px;padding:4px;display:grid}.modal-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;height:36px;font-size:13px;font-weight:800}.modal-tabs button.active{background:var(--active-bg);color:var(--active-text)}.audio-material-list{gap:10px;display:grid}.audio-material{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;min-height:58px;padding:0 14px;display:flex}.audio-material:hover,.recharge-card:hover{border-color:var(--line-hover);box-shadow:var(--shadow-sm)}.recharge-card.active{background:var(--active-bg);border-color:color-mix(in srgb, var(--active-text) 28%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--active-bg) 68%, transparent)}.recharge-card.active span{background:color-mix(in srgb, var(--active-text) 12%, transparent);color:var(--active-text)}.recharge-card.active strong,.recharge-card.active small{color:var(--active-text)}.audio-material strong{font-size:14px}.audio-material small{color:var(--muted);font-size:12px;font-weight:750}.login-modal{gap:14px;width:min(420px,100vw - 32px);max-width:420px;display:grid;position:relative}.recharge-modal{gap:16px;width:min(860px,100vw - 32px);max-width:860px;max-height:min(82dvh,760px);display:grid;position:relative;overflow:auto}.login-form{gap:12px;display:grid}.auth-heading{text-align:center;justify-items:center;gap:6px;padding:8px 34px 2px;display:grid}.auth-heading h2{color:var(--ink);margin:0;font-size:22px}.auth-method{background:var(--soft);grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;min-height:38px;display:grid}.login-modal .modal-tabs{background:0 0;border:0;order:10;justify-content:center;gap:12px;padding:0;display:flex}.login-modal .modal-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:24px;padding:0;font-size:13px;font-weight:850}.login-modal .modal-tabs button.active,.login-modal .modal-tabs button:hover{color:var(--ink);background:0 0}.login-modal .url-input{min-height:46px}.code-row{grid-template-columns:minmax(0,1fr) 112px;gap:10px;display:grid}.agreement-row{color:var(--muted);align-items:flex-start;gap:8px;font-size:12px;font-weight:740;display:flex}.agreement-row span{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.agreement-row button{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:860}.policy-modal{gap:14px;width:min(680px,100vw - 32px);max-width:680px;max-height:min(78dvh,760px);display:grid}.policy-header{padding-right:48px}.policy-header h2{color:var(--ink);margin:0}.policy-content{background:var(--soft);border:1px solid var(--line);color:var(--muted);border-radius:10px;max-height:min(54dvh,520px);padding:14px;font-size:14px;line-height:1.75;overflow:auto}.policy-content p{margin:0 0 10px}.pay-toolbar{grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:12px;margin-bottom:0;display:grid}.pay-toolbar>div,.pay-toolbar label{gap:8px;display:grid}.pay-toolbar span{color:var(--ink);font-size:13px;font-weight:800}.recharge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.recharge-card{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:12px;gap:8px;min-height:136px;padding:18px 14px;display:grid}.recharge-card span{background:var(--active-bg);color:var(--active-text);border-radius:999px;justify-self:start;padding:3px 8px;font-size:12px;font-weight:800}.recharge-card strong{font-size:22px}.recharge-card small{color:var(--muted);font-size:14px;font-weight:800}.recharge-prepay{background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:stretch;gap:10px;margin-top:0;padding:12px;display:grid}.recharge-prepay>div{background:var(--soft);border-radius:10px;gap:4px;padding:10px 12px;display:grid}.recharge-prepay span{color:var(--muted);font-size:12px;font-weight:760}.recharge-prepay strong{color:var(--ink);font-size:17px}.recharge-prepay small{color:var(--active-text);font-size:12px;font-weight:820}.order-status{background:var(--active-bg);border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px;margin-top:14px;padding:12px;display:grid}.order-status strong{color:var(--ink);font-size:14px}.order-status span{color:var(--muted);font-size:12px}.order-status em{color:var(--active-text);grid-row:span 2;font-size:12px;font-style:normal;font-weight:900}.order-status button{grid-row:span 2}.order-status a{color:var(--active-text);grid-row:span 2;font-size:12px;font-weight:850;text-decoration:none}.recharge-records{margin-top:0}.recharge-records .business-row{grid-template-columns:minmax(130px,1.1fr) minmax(110px,1fr) minmax(90px,.8fr) minmax(90px,.9fr) minmax(80px,.8fr) minmax(80px,.8fr)}.recharge-header-row{background:var(--soft);color:var(--muted);min-height:38px;font-size:12px;font-weight:860}.login-modal p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.login-modal>.generate-button{min-height:48px}.task-detail-modal{background:color-mix(in srgb, var(--paper) 94%, transparent);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;width:min(1120px,100vw - 32px);height:min(760px,100dvh - 40px);max-height:calc(100dvh - 40px);display:grid;position:relative;overflow:hidden}.task-detail-media{background:var(--soft);border-radius:var(--radius);height:100%;min-height:0;overflow:hidden}.task-detail-info{align-content:start;gap:12px;min-height:0;padding-right:34px;display:grid;overflow:auto}.task-detail-heading{padding:2px 54px 0 2px}.task-detail-heading h2{color:var(--ink);margin:0;font-size:22px}.task-detail-info dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.task-detail-info dl div{background:color-mix(in srgb, var(--card-solid) 78%, var(--soft) 22%);border:1px solid var(--line);border-radius:9px;align-content:start;gap:4px;min-height:66px;padding:10px 11px;display:grid}.task-detail-info dl div.wide{grid-column:1/-1}.task-detail-info dt{color:var(--muted);font-size:12px;font-weight:760}.task-detail-info dd{color:var(--ink);word-break:break-word;min-width:0;margin:0;font-size:13px;line-height:1.45}.task-reference-section{gap:8px;display:grid}.task-reference-section h3{color:var(--muted);margin:0;font-size:13px;font-weight:760}.task-reference-thumb{background:color-mix(in srgb, var(--card-solid) 78%, var(--soft) 22%);border:1px solid var(--line);cursor:zoom-in;border-radius:9px;width:112px;padding:0;overflow:hidden}.task-reference-thumb img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.task-detail-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.danger-button,.detail-download,.same-style-button{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;min-height:46px;font-weight:760;text-decoration:none;display:inline-flex}.detail-download{color:#fff;background:#1f2329;border:1px solid #1f2329}.detail-download:disabled{cursor:not-allowed;opacity:.6}.same-style-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.danger-button{color:#fff;background:#dc2626;border:1px solid #dc2626}.toast{box-shadow:var(--shadow);color:#fff;z-index:300;background:#111827eb;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:760;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.module-page{gap:var(--studio-gap);display:grid}.business-page{gap:12px}.business-page-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:0 2px 12px;display:grid}.business-page-header h1{color:var(--ink);margin:0;font-size:22px;line-height:1.25}.business-page-header p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.5}.compact-action{min-height:34px;padding:0 14px}.module-hero{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:180px;display:grid}.module-hero>svg{background:var(--active-bg);color:var(--active-text);border-radius:14px;width:56px;height:56px;padding:14px}.module-hero h1{color:var(--ink);margin:0;font-size:28px;line-height:1.2}.module-hero p:not(.eyebrow){color:var(--muted);max-width:760px;margin:8px 0 0;font-size:14px;line-height:1.7}.business-page-shell{gap:var(--studio-gap);display:grid}.compact-business-header{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:112px;display:grid}.compact-business-header>svg{background:var(--active-bg);color:var(--active-text);border-radius:10px;width:42px;height:42px;padding:10px}.compact-business-header h1{color:var(--ink);margin:0;font-size:22px;line-height:1.22}.compact-business-header p:not(.eyebrow){color:var(--muted);max-width:760px;margin:6px 0 0;font-size:13px;line-height:1.55}.module-grid{gap:14px;display:grid}.module-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.module-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.business-table,.redeem-box{gap:10px;display:grid}.business-row{background:var(--card);border:1px solid var(--line);border-radius:8px;grid-template-columns:150px minmax(0,1fr) 110px 88px;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:grid}.business-row span,.business-row em{color:var(--muted);font-size:12px;font-style:normal;font-weight:760}.business-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.business-row b{color:var(--ink);font-size:13px}.finance-row{background:var(--card);border:0;border-bottom:1px solid var(--line);color:var(--ink);border-radius:0;align-items:center;gap:10px;min-height:48px;padding:8px 12px;display:grid}.finance-row.account{grid-template-columns:70px minmax(140px,1.05fr) minmax(110px,.9fr) minmax(90px,.75fr) minmax(180px,1.35fr) minmax(130px,1fr)}.finance-row.recharge{grid-template-columns:90px minmax(110px,1fr) minmax(90px,.8fr) minmax(90px,.85fr) minmax(120px,1fr) minmax(80px,.75fr) minmax(80px,.75fr) minmax(130px,1fr)}.finance-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:760;overflow:hidden}.finance-row span:first-child,.finance-row span:nth-child(2),.finance-row span:nth-child(3){color:var(--ink);font-weight:820}.finance-header-row{background:var(--soft);border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;min-height:38px}.finance-header-row span{color:var(--muted);font-size:12px;font-weight:900}.amount-text.plus{color:#16a34a}.amount-text.minus{color:#dc2626}.finance-footer-row{color:var(--muted);justify-content:space-between;align-items:center;padding-top:10px;font-size:12px;font-weight:760;display:flex}.finance-footer-row>div{align-items:center;gap:8px;display:flex}.finance-tag-cell{background:color-mix(in srgb, var(--active-bg) 68%, transparent);border:1px solid var(--line);border-radius:999px;justify-content:center;justify-self:start;max-width:100%;padding:4px 9px;display:inline-flex;color:var(--active-text)!important}.redeem-box{grid-template-columns:minmax(0,1fr) 220px;align-items:end}.redeem-box label{gap:8px;display:grid}.redeem-box label span{color:var(--ink);font-size:13px;font-weight:760}.discount-card{background:linear-gradient(135deg, #ef44441a, #f59e0b14), var(--card);border:1px solid #ef44442e;border-radius:8px;gap:14px;padding:16px;display:grid}.discount-card>div:first-child{justify-content:space-between;align-items:end;display:flex}.discount-card>div:first-child span,.discount-card p,.discount-card dt,.exchange-record span{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.discount-card strong{color:#dc2626;font-size:32px;line-height:1}.discount-card dl{gap:8px;margin:0;display:grid}.discount-card dl div{justify-content:space-between;align-items:center;gap:12px;display:flex}.discount-card dd{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:13px;font-weight:850;overflow:hidden}.exchange-record-list{gap:10px;display:grid}.exchange-record{background:var(--card);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(120px,1.2fr) 64px minmax(120px,1fr) 72px;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:grid}.exchange-record div{gap:2px;min-width:0;display:grid}.exchange-record strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.exchange-record b{background:var(--active-bg);color:var(--active-text);white-space:nowrap;border-radius:999px;justify-self:start;padding:4px 8px;font-size:11px;font-weight:900}.exchange-status{white-space:nowrap;border-radius:999px;justify-self:start;padding:5px 9px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.exchange-status.pending{color:var(--warning);background:#f59e0b21}.exchange-status.used{color:var(--muted);background:#6b72801f}.exchange-status.released{color:var(--success-text);background:#22c55e21}.rule-list{gap:8px;display:grid}.rule-list div{background:var(--card);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:0 10px;display:flex}.rule-list span,.withdraw-form label span,.points-preview span{color:var(--muted);font-size:12px;font-weight:760}.rule-list strong{color:var(--ink);text-align:right;font-size:13px}.rate-list{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.rate-list span{background:var(--active-bg);border:1px solid var(--line);color:var(--active-text);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:820}.withdraw-form{gap:10px;display:grid}.withdraw-form label{gap:6px;display:grid}.points-preview{background:var(--active-bg);border:1px solid var(--line);border-radius:8px;justify-content:space-between;min-height:42px;padding:10px;display:flex}.points-preview strong{color:var(--ink);font-size:18px}.inspiration-layout{gap:var(--studio-gap);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);display:grid}.inspiration-card{cursor:pointer;text-align:left}.inspiration-card.active{border-color:var(--active-text);box-shadow:0 0 0 2px color-mix(in srgb, var(--active-text) 18%, transparent)}.inspiration-card img{aspect-ratio:16/11;border-radius:7px}.inspiration-detail{align-content:start}.compare-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.compare-images figure{gap:6px;margin:0;display:grid}.compare-images img{aspect-ratio:1;border-radius:8px}.compare-images figcaption{color:var(--muted);font-size:12px;font-weight:760}.detail-list{gap:10px;margin:0;display:grid}.detail-list div{border-bottom:1px solid var(--line);gap:5px;padding-bottom:10px;display:grid}.detail-list dt{color:var(--muted);font-size:12px;font-weight:800}.detail-list dd{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.form-validation-list{background:var(--danger-bg);color:var(--danger);border:1px solid #dc26262e;border-radius:9px;gap:5px;padding:10px 12px;font-size:12px;font-weight:740;display:grid}.form-validation-list.compact{border-radius:8px;padding:8px 10px}.reference-stack,.advanced-panel,.current-combo{gap:10px;display:grid}.reference-stack label{gap:7px;display:grid}.reference-stack label span{color:var(--ink);font-size:12px;font-weight:800}.input-with-action{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.reference-chip-row{flex-wrap:wrap;gap:8px;display:flex}.reference-chip-row span{background:var(--active-bg);border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:6px;max-width:100%;padding:6px 8px;font-size:12px;font-weight:750;display:inline-flex}.reference-chip-row button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:900}.advanced-panel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px}.advanced-panel label{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:760;display:flex}.current-combo{background:var(--active-bg);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:12px}.current-combo strong{font-size:13px}.sample-task-field{gap:8px;display:grid}.sample-task-field .field-head{align-items:center}.sample-task-field .field-head span{color:var(--ink);font-size:13px;font-weight:860}.sample-pill{background:var(--active-bg);border:1px solid var(--line);color:var(--ink);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:7px 9px;display:grid}.sample-pill strong,.sample-pill span{font-size:12px}.sample-pill span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sample-picker{gap:14px;width:min(760px,100vw - 32px);max-width:760px;display:grid}.sample-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-height:min(560px,72vh);padding-right:2px;display:grid;overflow:auto}.sample-card{background:var(--card-solid);border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;text-align:left;border-radius:10px;gap:8px;min-width:0;padding:8px;display:grid}.sample-card:hover,.sample-card:focus-visible{border-color:var(--line-hover);box-shadow:var(--shadow-sm);outline:0}.sample-card video{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:8px;width:100%}.sample-card span{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:820;line-height:1.45;display:-webkit-box;overflow:hidden}.sample-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.current-combo span,.muted-text{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.site-popup-modal{gap:16px;width:min(720px,100vw - 32px);max-width:720px;max-height:min(78dvh,760px);padding:24px;display:grid}.site-popup-header{justify-content:space-between;align-items:start;gap:14px;padding-right:48px;display:flex}.site-popup-header h2,.site-popup-content p{margin:0}.site-popup-header>div{gap:5px;min-width:0;display:grid}.site-popup-header h2{color:var(--ink);font-size:20px;line-height:1.25}.site-popup-header>span{background:var(--active-bg);color:var(--active-text);text-transform:uppercase;border-radius:999px;flex:none;padding:5px 9px;font-size:11px;font-weight:900}.site-popup-content{color:var(--muted);gap:10px;font-size:14px;line-height:1.7;display:grid;overflow:auto}.site-popup-content a{color:var(--primary);font-weight:800}.site-popup-footer{justify-content:flex-end;display:flex}.site-popup-detail{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:42px;padding:0 18px;font-weight:900}.image-preview-modal,.personal-modal,.notification-modal{width:min(760px,100vw - 32px);max-width:760px;position:relative}.image-preview-modal{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:16px;display:grid}.image-preview-modal>img{background:var(--soft);border-radius:var(--radius);object-fit:contain;width:100%;max-height:calc(100dvh - 96px)}.panorama-modal{place-items:center;gap:12px;width:min(1120px,100vw - 32px);max-width:min(1120px,100vw - 32px);display:grid}.panorama-modal img{background:var(--soft);border-radius:var(--radius);object-fit:contain;width:100%;max-height:calc(100dvh - 130px)}.image-preview-modal h2,.image-preview-modal p{color:var(--ink);margin:0 0 10px}.image-preview-modal p{color:var(--muted);line-height:1.7}.personal-center,.notification-list{gap:12px;display:grid}.profile-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:14px;padding:14px;display:flex}.target-profile-card{justify-content:space-between}.profile-left{align-items:center;gap:14px;min-width:0;display:flex}.profile-avatar{background:var(--active-bg);color:var(--active-text);cursor:pointer;border:0;border-radius:999px;place-items:center;width:54px;height:54px;font-size:18px;font-weight:900;line-height:1;display:grid;position:relative}.profile-avatar span{color:#fff;white-space:nowrap;background:#111827c7;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:850;line-height:1;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.profile-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.inline-avatar{width:48px;height:48px}.profile-card h3{color:var(--ink);margin:0 0 4px}.profile-card span{color:var(--muted);font-size:13px;font-weight:740}.profile-balance{justify-items:end;gap:2px;display:grid}.profile-balance strong{color:var(--ink);font-size:28px;line-height:1}.profile-balance small{color:var(--muted);font-size:12px;font-weight:800}.profile-member-badge{background:var(--soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.profile-member-badge.active{color:var(--warning);background:#f59e0b24;border-color:#f59e0b3d}.promotion-entry-card,.real-auth-panel,.account-panel,.real-auth-dialog{background:var(--card);border:1px solid var(--line);border-radius:9px}.promotion-entry-card{color:var(--ink);cursor:pointer;text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:14px;display:grid}.promotion-entry-card span,.real-auth-panel strong,.real-auth-dialog strong{color:var(--ink);font-size:15px;font-weight:900}.promotion-entry-card small,.real-auth-panel small,.real-auth-dialog p,.real-auth-dialog dt{color:var(--muted);font-size:12px;line-height:1.55}.promotion-entry-card b{background:var(--active-bg);color:var(--active-text);border-radius:999px;grid-row:1/span 2;padding:6px 10px;font-size:12px}.real-auth-panel{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.real-auth-panel>div{gap:4px;display:grid}.real-auth-panel>div>span{color:var(--muted);font-size:12px;font-weight:850}.account-panel{gap:14px;padding:12px;display:grid}.tab-bar{background:var(--soft);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.tab-bar button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:36px;font-size:13px;font-weight:850}.tab-bar button.active{background:var(--card);box-shadow:var(--shadow-sm);color:var(--ink)}.tab-content{gap:12px;display:grid}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.profile-summary-grid article,.account-section{background:var(--card);border:1px solid var(--line);border-radius:9px;gap:8px;padding:12px;display:grid}.profile-summary-grid span,.account-section p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.profile-summary-grid strong{color:var(--ink);font-size:14px}.account-section h3{color:var(--ink);margin:0;font-size:15px}.profile-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.profile-form label{gap:6px;display:grid}.profile-form label span,.mobile-current span{color:var(--muted);font-size:12px;font-weight:850}.profile-form label strong,.mobile-current strong{color:var(--ink);font-size:14px}.profile-form .wide-field{grid-column:1/-1}.mobile-current{background:var(--soft);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.phone-form{grid-template-columns:minmax(0,1fr) 110px auto auto}.password-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.real-auth-dialog{gap:16px;width:min(420px,100vw - 32px);max-width:420px;max-height:min(78dvh,760px);padding:36px;display:grid;overflow:auto}.real-auth-dialog>div:first-of-type{padding-right:22px}.real-auth-dialog dl{gap:8px;margin:10px 0 0;display:grid}.real-auth-form{gap:10px;margin-top:12px;display:grid}.real-auth-form label{gap:6px;display:grid}.real-auth-form span{color:var(--muted);font-size:12px;font-weight:850}.real-auth-dialog dl div{justify-content:space-between;align-items:center;display:flex}.real-auth-dialog dd{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:850;display:inline-flex}.real-auth-dialog dd button{color:var(--active-text);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:900}.real-auth-dialog>div:last-child{justify-content:flex-end;gap:8px;display:flex}.real-auth-dialog>div:last-child .generate-button{flex:180px;width:auto}.user-route-page{gap:14px}.user-route-hero{align-items:center}.user-route-shell{gap:16px;max-width:980px;display:grid}.user-route-shell .personal-center{gap:14px}.user-route-shell .profile-card{padding:18px}.user-route-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.profile-grid button,.notification-list article{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:9px}.profile-grid button{cursor:pointer;min-height:48px;font-weight:760}.notification-list article{gap:5px;padding:12px;display:grid}.notification-list article.unread{border-color:color-mix(in srgb, var(--primary) 42%, var(--line))}.notification-list strong{color:var(--ink)}.notification-list span,.notification-list small{color:var(--muted);font-size:13px}.full-width{width:100%}.skeleton-stack{gap:10px;width:100%;display:grid}.skeleton-stack span{background:linear-gradient(90deg, var(--soft), var(--line), var(--soft));background-size:200% 100%;border-radius:999px;height:12px;animation:1.1s linear infinite shimmer}@keyframes shimmer{to{background-position-x:-200%}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.sidebar-brand strong,.app-menu strong,.app-menu small{display:none}.app-menu button{justify-content:center;display:flex}.app-menu button.mobile-hidden{display:none}.studio-grid{grid-template-columns:1fr}.studio-sidebar-panel{height:auto;max-height:none;position:static;overflow:visible}.settings-scroll{margin:0;padding:0;overflow:visible}.settings-actions{background:0 0;border-top:0;margin:0;padding:0}.video-grid{--video-waterfall-columns:4}.image-result-grid{column-count:3}.canvas-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.app-shell{min-height:100vh;display:block;overflow:visible}.app-sidebar{min-height:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:80;-webkit-overflow-scrolling:touch;border-top:1px solid #ffffff1a;border-right:0;display:block;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.sidebar-brand{display:none}.app-menu{gap:6px;min-width:max-content;display:flex}.app-menu button{text-align:center;border-radius:12px;flex:0 0 70px;grid-template-columns:1fr;justify-items:center;gap:4px;min-height:54px;padding:6px 8px;display:grid}.app-menu .menu-item-inspiration{order:1}.app-menu .menu-item-image{order:2}.app-menu .menu-item-video{order:3}.app-menu .menu-item-chat{order:4}.app-menu .menu-item-canvas{order:5}.app-menu .menu-item-human{order:6}.app-menu .menu-item-exchange{order:7}.app-menu .menu-item-promotion{order:8}.app-menu .menu-item-finance{order:9}.app-menu .menu-item-assets{order:10}.app-menu .menu-item-article{order:11}.app-menu strong{font-size:11px;line-height:1.15;display:block}.app-menu small{display:none}.topbar{grid-column:auto}.topbar-logo{display:inline-flex}.topbar-actions{gap:6px}.mobile-nav-select,.balance-chip,.member-chip{display:none}.main-content{padding-bottom:calc(86px + env(safe-area-inset-bottom))}}@media (width<=760px){.main-content{padding:12px 12px calc(86px + env(safe-area-inset-bottom))}.panel{padding:18px}.duration-control,.mode-switch-grid,.module-hero,.module-grid.three,.module-grid.two,.promotion-stats-grid,.business-row,.finance-row.account,.finance-row.recharge,.exchange-record,.redeem-box{grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration-layout,.promotion-overview,.promotion-content-grid,.withdraw-form,.business-page-header,.article-header-panel,.article-layout,.promotion-overview .invite-card{grid-template-columns:1fr}.module-toolbar{flex-direction:column;align-items:stretch}.compact-input{max-width:none}.module-hero{align-items:start}.video-grid{--video-waterfall-columns:2}.task-detail-modal{grid-template-rows:minmax(220px,45%) minmax(0,1fr);grid-template-columns:1fr}.task-detail-info{padding-right:0}.task-detail-info dl{grid-template-columns:1fr}.task-detail-actions{gap:8px}.chat-workbench,.chat-toolbar,.chat-input-row,.chat-suggestion-row{grid-template-columns:1fr}.composer-model-dropdown{width:min(100%,100vw - 40px);min-width:0}.composer-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-list{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px}.chat-history-list{padding-bottom:2px;display:flex;overflow-x:auto}.chat-history-card{flex:none;width:min(240px,78vw)}.canvas-hero,.canvas-editor-shell,.panorama-share-create-body,.canvas-suggestion-row{grid-template-columns:1fr}.canvas-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-toolbar .url-input,.canvas-toolbar>span{grid-column:1/-1}.canvas-plugin-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.image-result-grid{column-count:2}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recharge-grid{grid-template-columns:1fr}.target-profile-card,.real-auth-panel,.promotion-entry-card{grid-template-columns:1fr;align-items:stretch}.target-profile-card,.real-auth-panel{flex-direction:column}.profile-balance{justify-items:start}.pay-toolbar,.recharge-prepay,.order-status,.profile-summary-grid,.profile-form,.phone-form,.password-form,.article-search,.article-neighbor{grid-template-columns:1fr}.article-toolbar,.detail-author-row{flex-direction:column;align-items:stretch}.related-grid{grid-template-columns:1fr}}@media (width<=520px){.modal-layer{padding:16px}.topbar-inner{padding:0 12px}.topbar-brand strong{display:none}.primary-button,.recharge-button{padding:0 10px}.single-picker,.url-row,.audio-row,.dual-controls,.prompt-builder,.code-row,.chat-toolbar,.chat-input-row,.composer-actions,.chat-suggestion-row,.business-page-header,.promotion-stats-grid{grid-template-columns:1fr}.composer-model-trigger{grid-template-columns:26px minmax(0,1fr) auto auto}.composer-model-dropdown{max-height:280px}.share-modal-header{display:grid}.share-preview-card{grid-template-columns:1fr}.human-settings-panel .single-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.human-settings-panel .url-row{grid-template-columns:minmax(0,1fr) auto auto}.canvas-toolbar,.canvas-plugin-list,.canvas-project-grid,.canvas-public-grid,.canvas-public-card,.material-tabs,.material-toolbar,.material-footer,.panorama-share-link-row,.canvas-suggestion-row{grid-template-columns:1fr}.material-modal-header,.material-footer{flex-direction:column;align-items:stretch}.material-modal-header{padding-right:42px}.material-grid.enhanced{grid-template-columns:repeat(2,minmax(0,1fr));max-height:48vh}.panorama-share-create-header{flex-direction:column;padding-right:26px}.panorama-share-create-header>span{border-radius:8px;flex:auto}.panorama-share-qr img{width:150px;height:150px}.canvas-workbench{grid-template-rows:auto minmax(480px,1fr)}.canvas-editor-shell{min-height:480px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-result-grid{column-count:1}.video-grid{--video-waterfall-columns:1}.module-hero,.assets-tabs,.assets-actions,.module-grid.three,.module-grid.two,.business-row,.finance-row.account,.finance-row.recharge,.exchange-record,.redeem-box,.invite-card,.compact-row,.article-list.rich article{grid-template-columns:1fr}.segmented-control{width:100%}.segmented-control button{flex:1 0 auto}.compare-images,.order-status{grid-template-columns:1fr}}@media (width>=901px) and (width<=1180px){.video-grid{--video-waterfall-columns:3}}.target-error-page{color:#000;text-align:center;background:#fff;place-items:center;min-height:100vh;padding:40px 24px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden}.dark .target-error-page{color:#fff;background:#000}.target-error-spotlight{filter:blur(20vh);z-index:0;background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);height:40vh;position:fixed;bottom:-30vh;left:0;right:0}.target-error-page.is-server-error .target-error-spotlight{height:50%;bottom:-50%}.target-error-content{z-index:1;max-width:520px;position:relative}.target-error-content h1{margin:0 0 2rem;font-size:clamp(6rem,18vw,10rem);font-weight:500;line-height:1}.target-error-content p{margin:0 0 4rem;font-size:clamp(1.25rem,4vw,2.25rem);font-weight:300;line-height:1.25}.target-error-home{color:inherit;cursor:pointer;background:#ffffff4d;border:0;border-radius:8px;padding:.75rem 1.5rem;font-size:1.125rem;position:relative}.dark .target-error-home{background:#1414144d}.target-error-home:before{content:"";-webkit-mask-composite:xor;opacity:.5;pointer-events:none;background:linear-gradient(90deg,#e2e2e2,#e2e2e2 25%,#00dc82 50%,#36e4da 75%,#0047e1) 0 0/400%;border-radius:8px;padding:2px;transition:background-position .3s ease-in-out,opacity .2s ease-in-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .target-error-home:before{background:linear-gradient(90deg,#303030,#303030 25%,#00dc82 50%,#36e4da 75%,#0047e1) 0 0/400%}.target-error-home:hover:before{opacity:1;background-position:-50% 0}.metric-card{background:color-mix(in srgb, var(--paper) 88%, transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);gap:8px;min-height:118px;padding:18px;display:grid}.metric-card span{color:var(--muted);font-size:13px;font-weight:720;line-height:1.55}.metric-card strong{color:var(--ink);font-size:22px;line-height:1.25}.progress-line{color:var(--muted);grid-template-columns:auto minmax(0,1fr) 42px;align-items:center;gap:8px;margin:8px 0;font-size:12px;font-weight:760;display:grid}.progress-line.compact{grid-template-columns:minmax(90px,150px);margin:0}.progress-line div{background:#11182724;border-radius:999px;height:7px;overflow:hidden}.progress-line i{background:linear-gradient(90deg,#111827,#2563eb,#22c55e);height:100%;display:block}.canvas-home,.canvas-workbench{gap:16px;display:grid}.canvas-home{background:radial-gradient(circle at 50% 0%, #3b82f614, transparent 360px), var(--card);border:1px solid var(--line);border-radius:var(--radius);align-content:start;min-height:calc(100vh - 128px);padding:34px 28px 28px}.canvas-home-intro{text-align:center;justify-items:center;gap:10px;max-width:760px;margin:0 auto;display:grid}.canvas-home-intro h2,.canvas-project-heading h3,.canvas-plugin-panel h3{margin:0}.canvas-home-intro h2{color:var(--ink);letter-spacing:0;font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1.16}.canvas-home-intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.canvas-orchestrator-card{background:color-mix(in srgb, var(--card-solid) 92%, transparent);border:1px solid color-mix(in srgb, var(--brand) 18%, var(--line));border-radius:14px;gap:14px;width:100%;max-width:820px;margin:4px auto 0;padding:14px;display:grid;box-shadow:0 18px 48px #0f172a14}.canvas-orchestrator-head{align-items:center;gap:12px;min-width:0;display:flex}.canvas-orchestrator-icon,.canvas-project-empty-icon{color:#fff;background:#111827;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}.canvas-orchestrator-head div:last-child{gap:3px;min-width:0;display:grid}.canvas-orchestrator-head strong{color:var(--ink);font-size:16px}.canvas-orchestrator-head span,.canvas-reference-strip span,.canvas-project-footer span,.canvas-project-heading span,.canvas-project-meta small,.canvas-plugin-panel p,.canvas-plugin-list span,.canvas-toolbar-title span,.canvas-node>span{color:var(--muted);font-size:12px;font-weight:760}.canvas-create-box{gap:12px;display:grid}.canvas-skill-tabs{background:var(--soft);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.canvas-skill-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:36px;font-size:13px;font-weight:850}.canvas-skill-tabs button.active{background:var(--card);color:var(--ink);box-shadow:0 1px 6px #0f172a14}.canvas-reference-strip{background:var(--active-bg);border:1px dashed color-mix(in srgb, var(--brand) 26%, var(--line));border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.canvas-reference-strip>div:first-child{gap:3px;display:grid}.canvas-reference-strip strong{font-size:13px}.canvas-reference-strip>div:last-child{gap:8px;min-height:48px;display:flex;overflow-x:auto}.canvas-reference-thumb,.canvas-reference-add{background:var(--card);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:8px;flex:none;place-items:center;width:48px;height:48px;padding:0;font-size:20px;font-weight:900;display:grid;position:relative;overflow:hidden}.canvas-reference-thumb img{object-fit:cover;width:100%;height:100%}.canvas-reference-thumb span{color:#fff;background:#0f172ab8;border-radius:999px;width:18px;height:18px;font-size:13px;position:absolute;top:3px;right:3px}.canvas-prompt-box textarea{background:var(--card);border:1px solid var(--line);color:var(--ink);font:inherit;resize:vertical;border-radius:10px;outline:none;width:100%;min-height:104px;padding:13px 14px;line-height:1.55}.canvas-prompt-box textarea:focus,.canvas-model-select:focus{border-color:color-mix(in srgb, var(--brand) 44%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 12%, transparent)}.canvas-compose-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.canvas-model-select{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 18px) calc(50% - 3px) / 6px 6px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 12px) calc(50% - 3px) / 6px 6px no-repeat, var(--card);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:10px;min-width:0;min-height:42px;padding:0 34px 0 12px;font-size:13px;font-weight:820}.canvas-send-button{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:10px;min-height:42px;padding:0 22px;font-size:14px;font-weight:900}.canvas-suggestion-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;max-width:820px;margin:0 auto 4px;display:grid}.canvas-suggestion-row>span{color:var(--muted);font-size:12px;font-weight:820}.canvas-suggestion-row div{flex-wrap:wrap;gap:6px;display:flex}.canvas-suggestion-row div button{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;min-height:30px;padding:0 10px;font-size:12px;font-weight:760}.canvas-project-heading{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.canvas-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.canvas-project-empty{background:linear-gradient(135deg, color-mix(in srgb, var(--active-bg) 76%, transparent), transparent), var(--card);border:1px dashed color-mix(in srgb, var(--brand) 22%, var(--line));text-align:center;border-radius:12px;place-items:center;gap:10px;min-height:210px;padding:26px;display:grid}.canvas-project-empty strong{color:var(--ink);font-size:17px}.canvas-project-empty>span{color:var(--muted);max-width:420px;font-size:13px;line-height:1.6}.canvas-project-empty>div:last-child{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.canvas-project-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.canvas-project-card{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:10px;gap:10px;padding:10px;display:grid;position:relative}.canvas-project-card:hover{border-color:color-mix(in srgb, var(--brand) 30%, var(--line));box-shadow:0 10px 28px #0f172a14}.canvas-project-actions{z-index:3;position:absolute;top:16px;right:16px}.canvas-project-actions>button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffffe0;border-radius:999px;width:30px;height:30px;font-weight:900;line-height:1}.is-dark .canvas-project-actions>button{background:#0f172ad1}.canvas-project-menu{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;min-width:104px;padding:6px;display:grid;position:absolute;top:36px;right:0}.canvas-project-menu button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;min-height:32px;padding:0 10px;font-size:13px;font-weight:780}.canvas-project-menu button:hover{background:var(--active-bg)}.canvas-project-thumb{aspect-ratio:16/10;background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--soft);background-size:20px 20px;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.canvas-project-thumb img{object-fit:cover;width:100%;height:100%}.canvas-project-thumb span{color:#fff;background:#111827b8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;position:absolute}.canvas-project-meta{gap:4px;min-width:0;display:grid}.canvas-project-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-project-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding-top:4px;display:flex}.canvas-project-footer .mini-button:disabled{cursor:not-allowed;opacity:.52}.canvas-public-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.canvas-public-card{background:var(--card);border:1px solid var(--line);border-radius:10px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:100px;padding:12px;display:grid}.canvas-public-thumb{aspect-ratio:1;background:var(--soft);border-radius:8px;place-items:center;display:grid;overflow:hidden}.canvas-public-thumb img{object-fit:cover;width:100%;height:100%}.canvas-public-body{gap:5px;min-width:0;display:grid}.canvas-public-body strong,.canvas-public-body p,.canvas-public-body small{text-overflow:ellipsis;overflow:hidden}.canvas-public-body strong{color:var(--ink);white-space:nowrap;font-size:14px}.canvas-public-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box}.canvas-public-body small{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:760}.canvas-workflow-tabs{background:var(--soft);border:1px solid var(--line);border-radius:8px;gap:4px;padding:3px;display:flex}.canvas-workflow-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:28px;padding:0 10px;font-size:12px;font-weight:820}.canvas-workflow-tabs button.active{background:var(--card);color:var(--ink);box-shadow:0 1px 4px #0f172a14}.canvas-workflow-status{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;justify-self:end;padding:7px 10px;font-size:12px;font-weight:820}.canvas-workflow-status.approved{color:#047857;background:#10b9811f;border-color:#10b9813d}.canvas-workflow-status.pending{color:#92400e;background:#f59e0b21;border-color:#f59e0b42}.canvas-workflow-status.rejected{color:#b91c1c;background:#ef44441f;border-color:#ef44443d}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.canvas-workbench{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);grid-template-rows:auto minmax(560px,calc(100vh - 170px));min-height:calc(100vh - 128px);padding:10px}.canvas-toolbar{background:var(--card-solid);border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.canvas-toolbar-title,.canvas-toolbar-actions{align-items:center;gap:8px;min-width:0;display:flex}.canvas-toolbar-title .url-input{width:min(260px,36vw);min-width:160px}.canvas-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.canvas-toolbar .mini-button{min-height:34px}.canvas-toolbar .mini-button.danger{color:#b91c1c}.canvas-editor-shell{grid-template-columns:252px minmax(0,1fr);gap:10px;min-height:560px;display:grid}.canvas-plugin-panel{background:var(--card-solid);border:1px solid var(--line);border-radius:10px;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px;display:grid}.canvas-plugin-panel p{margin:4px 0 0}.canvas-plugin-list{gap:8px;padding-right:2px;display:grid;overflow:auto}.canvas-plugin-list button{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;gap:4px;min-height:60px;padding:10px;display:grid}.canvas-plugin-list button:hover{background:var(--active-bg);border-color:color-mix(in srgb, var(--brand) 24%, var(--line))}.canvas-surface{background:linear-gradient(color-mix(in srgb, var(--line) 64%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 64%, transparent) 1px, transparent 1px), radial-gradient(circle at 18px 18px, color-mix(in srgb, var(--muted) 28%, transparent) 1px, transparent 1.5px), var(--soft);border:1px solid var(--line);background-size:32px 32px,32px 32px,32px 32px,auto;border-radius:10px;position:relative;overflow:hidden}.canvas-surface.panning{cursor:grabbing}.canvas-stage{transform-origin:0 0;width:1600px;height:1000px;position:relative}.canvas-edges{position:absolute;inset:0;overflow:visible}.canvas-edges line{stroke:#64748b;stroke-dasharray:7 6;stroke-linecap:round;stroke-width:2.2px}.canvas-node{background:var(--card-solid);border:1px solid color-mix(in srgb, var(--brand) 14%, var(--line));cursor:grab;z-index:1;border-radius:8px;gap:6px;width:206px;min-height:96px;padding:12px;display:grid;position:absolute;box-shadow:0 10px 24px #0f172a17}.canvas-node strong{color:var(--ink);font-size:14px}.canvas-node p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.canvas-node.imageConfig,.canvas-node.styleTransfer,.canvas-node.videoConfig{border-color:#2563eb3d}.canvas-node.image{border-color:#10b98142}.canvas-node.imageHuman,.canvas-node.video,.canvas-node.panorama{border-color:#f59e0b4d}.canvas-node-delete{color:#fff;cursor:pointer;background:#111827b8;border:0;border-radius:999px;width:22px;height:22px;position:absolute;top:6px;right:6px}.canvas-node-actions{gap:8px;margin-top:2px;display:flex}.canvas-node-actions button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:6px;min-height:28px;padding:0 10px;font-size:12px}.panorama-share-modal{gap:18px;width:min(860px,100vw - 32px);max-height:calc(100dvh - 32px);display:grid;overflow:auto}.panorama-share-create-header{justify-content:space-between;align-items:flex-start;gap:16px;padding-right:28px;display:flex}.panorama-share-create-header h2,.panorama-share-create-header p{margin:0}.panorama-share-create-header p:last-child{color:var(--muted);margin-top:6px}.panorama-share-create-header>span{background:var(--soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:7px 10px;font-size:12px}.panorama-share-create-body{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:18px;display:grid}.panorama-share-form,.panorama-share-result{background:var(--card);border:1px solid var(--line);border-radius:8px;gap:14px;padding:16px;display:grid}.panorama-share-form label{gap:7px;display:grid}.panorama-share-form label span,.panorama-logo-options>span{color:var(--muted);font-size:12px}.panorama-share-form input,.panorama-share-link-row input{background:var(--soft);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:8px;width:100%;min-width:0;padding:10px 12px}.panorama-logo-options{flex-wrap:wrap;gap:8px;display:flex}.panorama-logo-options>span{flex:0 0 100%}.panorama-logo-options button,.panorama-share-link-row button{background:var(--soft);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;min-height:36px;padding:0 12px}.panorama-logo-options button.active,.panorama-share-link-row button{color:#fff;background:#111827;border-color:#111827}.panorama-share-result{text-align:center;align-content:center;justify-items:center}.panorama-share-qr{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.panorama-share-qr img{width:180px;height:180px;display:block}.panorama-share-result>span,.panorama-share-empty span{color:var(--muted);font-size:12px}.panorama-share-link-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;display:grid}.panorama-share-empty{gap:8px;display:grid}@media (width<=1100px){.canvas-toolbar{grid-template-columns:1fr}.canvas-toolbar-actions{justify-content:flex-start}}@media (width<=760px){.canvas-home{padding:22px 14px}.canvas-reference-strip,.canvas-compose-row,.canvas-suggestion-row,.canvas-editor-shell,.panorama-share-create-body{grid-template-columns:1fr}.canvas-toolbar-title{flex-direction:column;align-items:stretch}.canvas-toolbar-title .url-input{width:100%}.canvas-plugin-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.canvas-public-card,.canvas-project-footer{grid-template-columns:1fr}}@media (width<=520px){.canvas-home-intro h2{font-size:28px}.canvas-project-heading,.panorama-share-create-header{flex-direction:column;align-items:stretch}.canvas-heading-actions,.canvas-plugin-list,.canvas-public-grid,.canvas-project-grid,.panorama-share-link-row{grid-template-columns:1fr}.canvas-heading-actions,.canvas-toolbar-actions{grid-template-columns:1fr;display:grid}.panorama-share-qr img{width:150px;height:150px}}.video-record-tags{flex-wrap:wrap;gap:6px;padding:0 12px 8px;display:flex}.video-record-tags span{background:var(--active-bg);color:var(--active-text);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:850}.share-modal{gap:14px;width:min(560px,100vw - 32px);max-width:560px;display:grid}.share-modal-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.share-modal-header h2,.share-modal-header p{margin:0}.share-modal-header div{gap:4px;display:grid}.share-modal-header div>span,.share-preview-info span,.share-preview-info small,.share-audit-card span{color:var(--muted);font-size:12px;line-height:1.5}.share-modal-header>strong,.share-status-chip{background:var(--active-bg);color:var(--active-text);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.share-status-chip{width:max-content;margin:0 12px 10px;display:inline-flex}.share-status-chip.failed{background:var(--danger-bg);color:var(--danger);white-space:normal;max-width:calc(100% - 24px)}.mode-requirement{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:9px 10px}.reference-stack label span small{color:var(--danger);margin-left:6px;font-size:11px;font-weight:900}.share-preview-card{background:var(--card-solid);border:1px solid var(--line);border-radius:10px;grid-template-columns:144px minmax(0,1fr);gap:12px;padding:10px;display:grid}.share-preview-media{aspect-ratio:16/10;background:var(--soft);border-radius:8px;overflow:hidden}.share-preview-media img,.share-preview-media video{object-fit:cover;width:100%;height:100%}.share-preview-info{align-content:center;gap:5px;min-width:0;display:grid}.share-preview-info strong{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.share-title-field{gap:8px;display:grid}.share-title-field span{color:var(--ink);font-size:13px;font-weight:860}.share-audit-card{background:var(--active-bg);border:1px solid var(--line);border-radius:10px;gap:4px;padding:10px 12px;display:grid}.confirm-action-modal{gap:14px;width:min(430px,100vw - 32px);max-width:430px;display:grid}.confirm-action-header{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;display:grid}.confirm-action-header>span{background:color-mix(in srgb, #ef4444 13%, var(--card-solid));border:1px solid color-mix(in srgb, #ef4444 24%, var(--line));color:#dc2626;border-radius:999px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:grid}.confirm-action-header h2,.confirm-action-header p{margin:0}.confirm-action-header h2{color:var(--ink);font-size:18px;line-height:1.25}.confirm-action-header p,.confirm-action-meta{color:var(--muted);font-size:13px;line-height:1.55}.confirm-action-meta{background:var(--active-bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.record-inline-actions{flex-wrap:wrap;gap:6px;padding:0 12px 12px;display:flex}.record-inline-actions.always{padding-top:0}.record-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.record-inline-actions button,.record-inline-actions a{background:var(--card-solid);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:7px;min-height:28px;padding:5px 9px;font-size:12px;font-weight:760;text-decoration:none}.record-inline-actions button:hover,.record-inline-actions a:hover{border-color:var(--line-hover)}.segmented,.option-grid{background:var(--card);border:1px solid var(--line);border-radius:10px;gap:4px;padding:4px;display:grid}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.style-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button,.option-grid button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:36px;font-size:13px;font-weight:800}.style-preset-grid button{white-space:normal;min-height:40px;padding:6px 8px;line-height:1.25}.segmented button.active,.option-grid button.active{background:var(--active-bg);color:var(--active-text)}.option-grid button:disabled{cursor:not-allowed;opacity:.45}.dual-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dual-controls label{color:var(--muted);gap:6px;font-size:12px;font-weight:760;display:grid}.dual-controls input{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:8px;outline:none;width:100%;height:38px;padding:0 10px}.count-field{margin-bottom:16px}.count-picker{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(118px,1.25fr);gap:6px;display:grid}.count-picker button,.count-custom{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:8px;min-height:40px;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}.count-picker button{cursor:pointer;font-size:14px;font-weight:850}.count-custom{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;padding:0 10px;display:grid}.count-custom span{color:currentColor;opacity:.82;white-space:nowrap;font-size:12px;font-weight:780}.count-custom input{color:currentColor;text-align:center;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:14px;font-weight:850}.count-picker button:hover,.count-custom:hover{border-color:var(--line-hover);box-shadow:var(--shadow-sm)}.count-picker button.active,.count-custom.active{background:var(--active-bg);border-color:var(--active-bg);color:var(--active-text)}.prompt-builder{background:var(--card);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.prompt-builder .field-head{grid-column:1/-1}.image-result-grid{column-count:4;column-gap:14px}.image-result-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);break-inside:avoid;margin:0 0 14px;overflow:hidden}.image-result-card img{width:100%;display:block}.image-pending{aspect-ratio:1;text-align:center;place-content:center;justify-items:center;gap:10px;min-height:220px;padding:24px;display:grid}.image-pending.running{color:#fff;background:linear-gradient(135deg,#22d3ee,#8bbcff 52%,#f3d58e)}.image-pending.failed{background:var(--danger-bg);color:var(--danger)}.image-pending.large{border-radius:var(--radius);min-height:360px}.image-pending svg{width:56px;height:48px}.image-pending span{font-size:13px;font-weight:850}.image-preview-button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.image-result-card>div:not(.record-inline-actions){gap:5px;padding:11px 12px;display:grid}.image-result-card strong{color:var(--ink);font-size:14px}.image-result-card span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}@media (width<=520px){.count-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.count-custom{grid-column:1/-1}.style-preset-grid{grid-template-columns:1fr}}.chat-workbench{min-height:calc(100vh - 62px - var(--studio-gap) * 2);grid-template-columns:260px minmax(0,1fr);gap:16px;display:grid}.chat-list{border-right:1px solid var(--line);align-content:start;gap:10px;padding-right:16px;display:grid}.chat-list-heading{color:var(--muted);justify-content:space-between;align-items:center;padding:2px 2px 4px;font-size:13px;font-weight:860;display:flex}.chat-history-actions{gap:6px;display:inline-flex}.chat-history-actions button,.history-card-foot button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:12px;font-weight:800}.chat-history-actions button:hover,.history-card-foot button:hover{color:var(--active-text)}.chat-history-list{gap:8px;display:grid}.chat-history-card{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;gap:7px;min-width:0;min-height:94px;padding:10px;font-size:13px;display:grid}.chat-history-card.active{background:var(--active-bg);border-color:color-mix(in srgb, var(--active-text) 24%, var(--line));color:var(--active-text)}.chat-history-card:hover,.chat-history-card:focus-visible{border-color:var(--line-hover);box-shadow:var(--shadow-sm);outline:0}.history-card-head,.history-card-foot{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.history-card-head strong,.history-card-copy{text-overflow:ellipsis;overflow:hidden}.history-card-head strong{color:var(--ink);white-space:nowrap;font-size:13px;font-weight:860}.history-card-head em,.history-card-foot small{color:var(--muted);flex:none;font-size:11px;font-style:normal;font-weight:760}.history-card-copy{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.history-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:8px;padding:16px;font-size:13px}.chat-main{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;display:grid}.chat-toolbar,.chat-input-row{grid-template-columns:minmax(0,1fr) minmax(210px,270px) auto auto auto;gap:10px;display:grid}.composer-model-select{z-index:8;min-width:0;position:relative}.composer-model-trigger{background:var(--card-solid);border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;text-align:left;border-radius:8px;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 10px;font-size:13px;font-weight:820;display:grid}.composer-model-trigger:disabled{cursor:not-allowed;opacity:.72}.composer-model-trigger.open,.composer-model-trigger:hover{border-color:color-mix(in srgb, var(--active-text) 42%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--active-bg) 70%, transparent)}.composer-model-icon{background:var(--active-bg);color:var(--active-text);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-grid}.composer-model-icon svg{width:17px;height:17px}.composer-model-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-model-arrow{color:var(--muted);font-size:14px;line-height:1;transform:translateY(-1px)}.composer-model-dropdown{background:var(--card-solid);border:1px solid var(--line);border-radius:10px;gap:6px;width:max(100%,330px);min-width:330px;max-height:min(340px,60vh);padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 18px 46px #0f172a24}.composer-model-option{color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;min-height:78px;padding:10px;display:grid}.composer-model-option.active,.composer-model-option:hover{background:var(--active-bg);border-color:color-mix(in srgb, var(--active-text) 18%, var(--line))}.composer-model-option-main{gap:4px;min-width:0;display:grid}.composer-model-option-title{align-items:center;gap:6px;min-width:0;display:flex}.composer-model-option-title span:first-child{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:860;overflow:hidden}.composer-model-option-desc,.composer-model-option-meta{color:var(--muted);font-size:12px;line-height:1.45}.vip-model-badge{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#111827,#4b5563);border-radius:999px;flex:none;place-items:center;min-width:34px;height:18px;padding:0 7px;font-size:10px;font-weight:900;display:inline-grid}.vip-model-badge.locked{background:linear-gradient(135deg,#7c2d12,#f59e0b)}.message-list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:16px;display:grid;overflow:auto}.message{grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.message span{background:var(--active-bg);color:var(--active-text);border-radius:999px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.message.user span{color:#fff;background:#2563eb}.message-bubble{background:var(--card-solid);border:1px solid var(--line);color:var(--ink);border-radius:10px;gap:8px;padding:10px 12px;line-height:1.6;display:grid}.message-bubble p{margin:0}.message-media-grid,.composer-media-preview{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.message-media-grid img,.message-media-grid video,.composer-media-preview img,.composer-media-preview video{aspect-ratio:16/10;background:var(--soft);object-fit:cover;border-radius:8px;width:100%}.message button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:760}.chat-composer{gap:10px;display:grid}.composer-media-preview figure{margin:0;position:relative}.composer-media-preview button{color:#fff;cursor:pointer;background:#111827c7;border:0;border-radius:999px;width:24px;height:24px;position:absolute;top:6px;right:6px}.chat-input-row .studio-textarea{resize:none;min-height:72px}.composer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.composer-actions .generate-button,.composer-actions .danger-button{grid-column:1/-1;min-height:40px}.chat-suggestion-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.chat-suggestion-row span,.chat-credit-tip{color:var(--muted);font-size:12px;font-weight:760}.chat-suggestion-row div{flex-wrap:wrap;gap:6px;display:flex}.chat-suggestion-row div button{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;min-height:30px;padding:0 10px;font-size:12px;font-weight:760}.chat-credit-tip{margin:0}.chat-workbench{padding:0}.chat-list{padding:16px}.chat-main{background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--active-bg) 72%, transparent), transparent 34%), var(--soft);border-radius:0 var(--radius) var(--radius) 0;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;padding:18px}.message-list{background:0 0;border:0;border-radius:0;align-content:start;min-height:420px;padding:10px 4px 18px}.message{grid-template-columns:32px minmax(0,680px) auto;justify-content:center}.message.user{grid-template-columns:auto minmax(0,680px) 32px}.message.user>span{grid-column:3}.message.user .message-bubble{color:#fff;background:#2563eb;border-color:#2563eb;grid-area:1/2}.chat-composer{background:var(--card);border:1px solid var(--line);border-radius:18px;width:min(100%,880px);max-width:880px;margin:0 auto;padding:12px;box-shadow:0 18px 46px #0f172a1a}.chat-quick-controls{grid-template-columns:minmax(96px,120px) minmax(180px,1fr) auto auto auto;align-items:center;gap:8px;display:grid}.chat-quick-controls select,.chat-quick-controls>button{background:var(--card-solid);border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:800}.chat-quick-controls>button:disabled{cursor:not-allowed;opacity:.55}.composer-model-select.compact .composer-model-trigger{border-radius:999px;min-height:34px}.composer-model-select.compact .composer-model-dropdown{top:auto;bottom:calc(100% + 8px)}.chat-input-row{grid-template-columns:minmax(0,1fr) auto}.composer-actions{flex-wrap:wrap;place-content:end flex-end;gap:8px;display:flex}.composer-actions .generate-button,.composer-actions .danger-button{border-radius:999px;min-width:86px;min-height:40px}@media (width<=900px){.chat-quick-controls,.chat-input-row,.chat-suggestion-row{grid-template-columns:1fr;align-items:stretch}}.workbench-card{gap:16px;display:grid}.module-toolbar{justify-content:space-between;align-items:center;gap:6px;display:flex}.assets-target-header{gap:12px;display:grid}.assets-tabs{background:var(--card);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.assets-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:34px;padding:0 8px;display:flex}.assets-tabs button.active{background:var(--active-bg);color:var(--active-text)}.assets-tabs span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;overflow:hidden}.assets-tabs small{color:inherit;min-width:14px;font-size:12px;font-weight:900}.assets-actions{justify-content:space-between;align-items:center;gap:6px;display:flex}.compact-input{max-width:320px}.segmented-control{background:color-mix(in srgb, var(--active-bg) 55%, transparent);border:1px solid var(--line);border-radius:10px;gap:4px;padding:4px;display:inline-flex}.segmented-control button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;min-height:32px;padding:0 12px;font-size:12px;font-weight:800}.segmented-control button.active{background:var(--card);box-shadow:var(--shadow-sm);color:var(--ink)}.scrollable-tabs{max-width:100%;overflow-x:auto}.asset-grid,.inspiration-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.asset-card,.inspiration-card,.article-list article,.coupon-list article{background:var(--card);border:1px solid var(--line);border-radius:8px;gap:8px;padding:12px;display:grid}.asset-card{gap:7px;padding:10px}.asset-card strong,.inspiration-card strong,.article-list strong,.coupon-list strong{color:var(--ink);font-size:14px;line-height:1.35}.asset-card span,.inspiration-card span,.article-list span,.article-list p,.coupon-list span{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.asset-card>span{text-overflow:ellipsis;white-space:nowrap;min-height:18px;overflow:hidden}.asset-thumb{aspect-ratio:16/10;background:var(--active-bg);color:var(--active-text);cursor:pointer;border:0;border-radius:8px;place-items:center;width:100%;padding:0;display:grid;position:relative;overflow:hidden}.asset-thumb.audio{aspect-ratio:16/6}.asset-thumb video,.asset-thumb img{object-fit:cover;width:100%;height:100%}.target-assets.videos .asset-thumb{aspect-ratio:16/9}.assets-footer-row{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:12px;font-size:12px;font-weight:760;display:flex}.assets-footer-row>div{align-items:center;gap:8px;display:flex}.asset-video-modal{gap:14px;width:min(760px,100vw - 32px);max-width:760px;display:grid}.asset-preview-head{gap:4px;padding-right:42px;display:grid}.asset-preview-head h2{margin:0;font-size:20px}.asset-preview-head span{color:var(--muted);font-size:12px}.asset-video-modal video,.asset-preview-image{object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:min(62vh,560px)}.asset-preview-audio{background:var(--active-bg);border-radius:8px;width:100%;padding:12px}.asset-thumb img,.inspiration-card img,.compare-images img{object-fit:cover;width:100%;height:100%}.inline-actions,.detail-actions{flex-wrap:wrap;gap:8px;display:flex}.inline-actions button{background:var(--active-bg);border:1px solid var(--line);color:var(--active-text);cursor:pointer;border-radius:7px;min-height:30px;padding:0 10px;font-size:12px;font-weight:800}.compact-heading{min-height:auto}.compact-heading h2{color:var(--ink);margin:0;font-size:18px}.coupon-list,.article-list{gap:6px;display:grid}.article-page-clone{gap:12px;display:grid}.article-header-panel{grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:center;gap:16px;display:grid}.article-header-panel h1,.article-header-panel p,.article-detail-head h2,.related-panel h3{margin:0}.article-header-panel>div>p:not(.eyebrow){color:var(--muted);margin-top:6px}.article-search{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.article-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.article-tabs{flex-wrap:wrap;gap:8px;display:flex}.article-tabs button{background:var(--card);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;min-height:32px;padding:0 12px;font-size:12px;font-weight:800}.article-tabs button.active{background:var(--active-bg);color:var(--active-text)}.article-layout{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:start;gap:12px;display:grid}.article-list-panel,.article-detail-panel{min-height:520px}.article-list.rich article{grid-template-columns:128px minmax(0,1fr);align-items:center;padding:10px}.article-list.rich article.active{border-color:color-mix(in srgb, var(--primary) 48%, var(--line))}.article-thumb-button{background:var(--soft);cursor:pointer;border:0;border-radius:8px;width:100%;height:86px;padding:0;display:block;overflow:hidden}.article-thumb-button img,.article-detail-cover,.related-grid img{object-fit:cover;width:100%;height:100%}.article-info{gap:6px;display:grid}.article-info button{color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:850}.article-detail-panel{gap:14px;display:grid}.article-detail-head{gap:8px;display:grid}.article-detail-head>span,.detail-author-row small{color:var(--muted);font-size:12px;font-weight:760}.detail-author-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.article-detail-cover{aspect-ratio:16/8;background:var(--soft);border-radius:10px}.article-richtext{gap:6px;display:grid}.article-richtext p{color:var(--ink);margin:0;line-height:1.75}.article-neighbor{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.article-neighbor button,.related-grid button{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;gap:4px;padding:10px;display:grid}.article-neighbor button:disabled{cursor:not-allowed;opacity:.55}.article-neighbor small{color:var(--muted);font-size:11px;font-weight:800}.related-panel{border-top:1px solid var(--line);gap:6px;padding-top:12px;display:grid}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.related-grid img{aspect-ratio:16/9;border-radius:7px}.related-grid span{color:var(--ink);font-size:12px;font-weight:800;line-height:1.4}.article-empty{color:var(--muted);text-align:center;align-content:center;justify-items:center;min-height:360px;display:grid}.invite-card{background:var(--active-bg);border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:14px;display:grid}.promotion-overview{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;gap:12px;display:grid}.promotion-copy{gap:8px;display:grid}.promotion-copy h2,.promotion-copy p{margin:0}.promotion-copy h2{color:var(--ink);font-size:24px;line-height:1.2}.promotion-copy p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.5}.promotion-overview .invite-card{grid-template-columns:minmax(0,1fr) auto}.invite-actions{gap:8px;display:grid}.invite-link-row{background:var(--soft);border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;grid-column:1/-1;padding:10px 12px;font-size:12px;overflow:hidden}.invite-card span{color:var(--muted);font-size:12px;font-weight:760;display:block}.invite-card strong{color:var(--ink);letter-spacing:0;font-size:28px;line-height:1.15;display:block}.invite-card.compact{background:var(--card);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.invite-card.compact strong{font-size:18px}.promotion-invite-row{margin-bottom:12px}.compact-row{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.promotion-content-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:14px;display:grid}.promotion-header-row{background:var(--soft);color:var(--muted);min-height:38px;font-size:12px;font-weight:860}.promotion-side-panel{align-content:start;gap:12px;display:grid}.inspiration-page{gap:12px;display:grid}.inspiration-search-hero{text-align:center;place-items:center;gap:16px;padding:24px 20px 12px;display:grid}.inspiration-hero-copy{gap:6px;display:grid}.inspiration-hero-copy h1{color:var(--ink);margin:0;font-size:20px;line-height:1.2}.inspiration-hero-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.inspiration-search-box{color:#667085;background:#fffffff0;border:1px solid #fffffff5;border-radius:999px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;width:min(100%,640px);max-width:640px;height:56px;padding:0 20px;display:grid;box-shadow:0 16px 42px #0f172a24}.inspiration-search-box input{color:var(--ink);font:inherit;background:0 0;border:0;outline:0;min-width:0;font-size:13px;font-weight:760}.inspiration-category-row{flex-wrap:wrap;gap:8px;display:flex}.inspiration-type-row{flex-wrap:wrap;gap:8px;margin-top:-6px;display:flex}.inspiration-category-row button,.inspiration-type-row button{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;min-height:34px;padding:0 14px;font-size:13px;font-weight:800}.inspiration-category-row button.active,.inspiration-category-row button:hover,.inspiration-type-row button.active,.inspiration-type-row button:hover{color:#fff;background:#111827;border-color:#111827}.inspiration-error{color:var(--danger);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 14px;display:flex}.inspiration-waterfall{column-count:4;column-gap:14px}.inspiration-waterfall .inspiration-card{break-inside:avoid;gap:8px;width:100%;margin:0 0 14px;padding:10px;display:grid;position:relative;overflow:hidden}.inspiration-waterfall .inspiration-card.loading{opacity:.72;pointer-events:none}.inspiration-waterfall .inspiration-card img{aspect-ratio:4/5;object-fit:cover;border-radius:8px;width:100%;height:auto}.inspiration-waterfall .inspiration-card-1 img{aspect-ratio:1}.inspiration-waterfall .inspiration-card-2 img{aspect-ratio:3/4}.inspiration-waterfall .inspiration-card-3 img{aspect-ratio:16/11}.inspiration-card-badge{color:#fff;background:#111827bd;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;position:absolute;top:18px;left:18px}.inspiration-empty{min-height:320px}.inspiration-pager{justify-content:center;align-items:center;gap:6px;display:flex}.inspiration-detail-modal{gap:12px;width:min(680px,100vw - 32px);max-width:680px;display:grid}.inspiration-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:8px;display:flex}.inspiration-detail-head h2{color:var(--ink);flex:auto;margin:0;font-size:16px;font-weight:900}.inspiration-detail-images{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.inspiration-detail-images img{aspect-ratio:1;object-fit:cover;border-radius:6px}@media (width<=1180px){.inspiration-waterfall{column-count:3}}@media (width<=760px){.inspiration-search-hero{min-height:238px;padding:34px 14px}.inspiration-waterfall{column-count:2}.inspiration-detail-head{grid-template-columns:1fr;align-items:stretch}}.panorama-share-page{color:#ffffffeb;background:radial-gradient(circle at top,#1e293b47,#0000 36%),linear-gradient(#101826,#06080f);min-height:100vh;display:flex;position:relative;overflow:hidden}.panorama-share-state{color:#ffffffeb;text-align:center;background:#0f172ab8;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;gap:10px;width:min(420px,100vw - 32px);margin:auto;padding:28px 22px;display:flex}.panorama-share-state span,.panorama-share-title span{color:#ffffffad;font-size:12px}.panorama-share-state.is-error span{font-size:13px}.panorama-share-viewer{flex:1;min-width:0;min-height:100vh;position:relative}.panorama-share-topbar{z-index:3;max-width:min(420px,100vw - 32px);position:absolute;top:16px;right:16px}.panorama-share-brand{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#0f172a85;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:inline-flex}.panorama-share-logo{background:#ffffff1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;overflow:hidden}.panorama-share-logo img{object-fit:contain;width:100%;height:100%}.panorama-share-logo.is-fallback{font-size:16px;font-weight:700}.panorama-share-title{flex-direction:column;gap:3px;min-width:0;display:flex}.panorama-share-title strong,.panorama-share-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panorama-share-title strong{font-size:15px}.panorama-share-stage{cursor:grab;touch-action:none;width:100%;height:100vh;position:relative;overflow:hidden}.panorama-share-stage:active{cursor:grabbing}.panorama-share-image{background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-position .18s,transform .18s;position:absolute;inset:-6%}.panorama-share-vignette{pointer-events:none;background:radial-gradient(circle,#0000 34%,#02061747 72%,#020617b8),linear-gradient(#0206171f,#02061785);position:absolute;inset:0}.panorama-nav-controls{z-index:3;grid-template-columns:repeat(3,42px);gap:8px;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.panorama-nav-controls button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#0f172a94;border:1px solid #ffffff24;border-radius:999px;height:42px;font-size:16px;font-weight:800}.panorama-nav-controls button:hover{background:#ffffff29}.panorama-share-loading-badge{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffffffeb;z-index:4;background:#0f172aa8;border:1px solid #ffffff1f;border-radius:999px;padding:10px 14px;font-size:12px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=640px){.panorama-share-topbar{max-width:none;top:12px;left:12px;right:12px}.panorama-share-brand{width:100%}.panorama-share-loading-badge{bottom:16px}}