.staggered-action-button{position:relative;isolation:isolate;overflow:hidden}.staggered-action-button .sab-layer{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;will-change:transform}.staggered-action-button .sab-layer-one{background:#ff8a42}.staggered-action-button .sab-layer-two{background:#ff4b00}.staggered-action-button .sab-content{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;pointer-events:none}.staggered-action-button .sab-icon,.staggered-action-button .sab-text{display:inline-flex;align-items:center;justify-content:center;will-change:transform}.staggered-action-button:disabled .sab-layer{display:none}@media(prefers-reduced-motion:reduce){.staggered-action-button .sab-layer{display:none}}:root{font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#17233c;background:#f5faff;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f9ff;--panel: rgba(255, 255, 255, .88);--panel-soft: rgba(250, 253, 255, .74);--line: #d9e5f2;--line-strong: #bfd2e8;--text: #17233c;--muted: #718198;--soft: #edf5ff;--blue: #0969ff;--blue-2: #2d85ff;--green: #0b8f56;--red: #c23939;--shadow: 0 24px 70px rgba(31, 92, 156, .16)}.notification-button{position:relative}.notification-button i{position:absolute;right:-5px;top:-5px;min-width:15px;height:15px;border-radius:99px;background:var(--red);color:#fff;font-size:9px;font-style:normal;display:grid;place-items:center}.notification-popover{position:absolute;right:96px;top:64px;width:min(360px,calc(100vw - 32px));max-height:420px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 18px 48px #11182724;z-index:30}.notification-popover article{padding:12px 0;border-bottom:1px solid var(--line)}.notification-popover strong{font-size:13px}.notification-popover p{font-size:12px;line-height:1.6;margin:6px 0}.notification-popover small{font-size:10px;color:var(--muted)}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased;background:var(--bg)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{border:1px solid #d7e2f0;border-radius:8px;color:#1b2b46;outline:none;background:#ffffffeb}input:focus,textarea:focus,select:focus{border-color:var(--blue-2);box-shadow:0 0 0 3px #2d7cff1f}a{color:inherit}.login-screen{min-height:100vh;display:grid;place-items:center;padding:clamp(20px,4vw,56px);background:#f1f3f7}.login-card{width:min(1320px,100%);min-height:min(820px,calc(100vh - 80px));padding:22px;border:1px solid #dfe4ec;border-radius:28px;background:#fff;box-shadow:0 22px 60px #2a364e1a;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:0;overflow:hidden}@media(min-width:641px){.login-card{transform:translateY(-14px)}}.login-visual{position:relative;min-height:700px;padding:clamp(36px,4vw,66px);border-radius:22px;color:#fff;background:radial-gradient(ellipse at 8% 22%,rgba(32,207,255,.92) 0 8%,transparent 33%),radial-gradient(ellipse at 76% 12%,rgba(124,76,255,.96) 0 12%,transparent 39%),radial-gradient(ellipse at 92% 70%,rgba(111,41,245,.9) 0 15%,transparent 48%),radial-gradient(ellipse at 18% 82%,rgba(12,116,246,.92) 0 16%,transparent 48%),linear-gradient(145deg,#172bc0,#1523ad 36%,#241bb2 62%,#3e20c8);background-size:145% 145%;animation:login-fluid-shift 18s ease-in-out infinite alternate;overflow:hidden;display:flex;flex-direction:column}.login-visual:before,.login-visual:after{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;filter:blur(54px);opacity:.72;pointer-events:none;will-change:transform}.login-visual:before{top:-22%;right:-18%;background:#975bffb8;animation:login-orb-one 13s ease-in-out infinite alternate}.login-visual:after{left:-24%;bottom:-24%;background:#17c7ff9e;animation:login-orb-two 16s ease-in-out infinite alternate}.login-visual:hover:before,.login-visual:hover:after{animation-duration:9s}.login-visual-logo,.login-visual-copy,.login-capabilities{position:relative;z-index:1}.login-visual-logo{width:min(270px,54%);height:auto;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.login-visual-copy{margin-top:auto;margin-bottom:auto}.login-visual-copy h2{margin:0;font-size:clamp(42px,4.5vw,72px);line-height:1.14;letter-spacing:-.045em;font-weight:760}.login-visual-copy p{margin:26px 0 0;max-width:560px;font-size:clamp(16px,1.55vw,22px);line-height:1.6;color:#ffffffe6}@keyframes login-fluid-shift{0%{background-position:0% 18%}50%{background-position:55% 42%}to{background-position:100% 76%}}@keyframes login-orb-one{0%{transform:translateZ(0) scale(.92)}55%{transform:translate3d(-20%,24%,0) scale(1.12)}to{transform:translate3d(-42%,8%,0) scale(.98)}}@keyframes login-orb-two{0%{transform:translateZ(0) scale(.9)}45%{transform:translate3d(26%,-18%,0) scale(1.16)}to{transform:translate3d(48%,-6%,0) scale(1)}}@media(prefers-reduced-motion:reduce){.login-visual,.login-visual:before,.login-visual:after{animation:none}}.login-capabilities{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fffffff0}.login-capabilities span{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:650;white-space:nowrap}.login-capabilities i{width:1px;height:28px;background:#ffffff52}.login-panel{width:min(500px,100%);padding:clamp(42px,5vw,82px) clamp(34px,5vw,76px);margin:auto;border:0;border-radius:0;background:#fff;box-shadow:none}.login-copy{text-align:left;margin-bottom:34px}.login-copy p{margin:0 0 12px;color:#1d2089;font-size:13px;font-weight:720;letter-spacing:.08em}.login-copy h1{margin:0;color:#171a22;font-size:clamp(34px,3.2vw,48px);line-height:1.15;letter-spacing:-.045em}.login-copy span{display:block;margin-top:14px;color:#7b8493;line-height:1.55;font-size:15px}.login-panel label,.form-grid label,.profile-card label{display:grid;gap:8px;font-size:14px;color:#536278}.login-panel input{width:100%;height:50px;padding:0 15px;margin:0;border-color:#d7dce5;border-radius:9px;color:#242a36;background:#fff}.login-fields{display:grid;gap:18px}.login-fields>label{gap:9px;color:#303642;font-size:14px;font-weight:680}.password-field{position:relative;display:block}.password-field input{padding-right:48px}.password-field>button{position:absolute;top:50%;right:14px;width:32px;height:32px;color:#8a93a2;background:transparent;transform:translateY(-50%);display:grid;place-items:center}.login-options{margin-top:2px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.login-options>button,.login-switch button,.login-legal button{padding:0;color:#2925d6;background:transparent}.remember-control{display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important;color:#474f5e!important;cursor:pointer}.remember-control input{width:18px;height:18px;flex:0 0 auto;accent-color:#2622cf}.auth-panel{align-content:center}.auth-error{min-height:36px;margin:0 0 14px;padding:8px 10px;border:1px solid #ffd2d2;border-radius:8px;color:var(--red);background:#fff5f5;display:flex;align-items:center;gap:7px;font-size:13px}.auth-links{margin-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.auth-links button{padding:0;color:var(--blue);background:transparent}.login-submit{min-height:52px;margin-top:26px;border:1px solid #2420c7;border-radius:9px;background:#2925d6;box-shadow:0 12px 26px #2925d633}.login-switch{margin:18px 0 0;text-align:center;color:#7b8493;font-size:14px}.login-switch button{margin-left:6px;font-weight:680}.login-divider{margin:30px 0 22px;color:#9ba2ae;display:flex;align-items:center;gap:16px;font-size:13px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#e0e4eb}.social-login-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.social-login-row button{min-height:48px;border:1px solid #d6dbe4;border-radius:9px;color:#303642;background:#fff;font-weight:650}.social-login-row button:hover{border-color:#9ea8ba;background:#f7f8fb}.login-legal{margin:30px 0 0;color:#8b93a0;text-align:center;font-size:12px;line-height:1.6}.login-legal button{font-size:inherit}.login-back{margin:18px auto 0;padding:0;color:#8b93a0;background:transparent;display:block;font-size:13px}.admin-auth-loading{min-height:100vh;display:grid;place-items:center;color:#66758a;background:#f3f7fc;font-weight:650}.admin-user-actions{display:flex;align-items:center;gap:10px}.admin-logout-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px}.admin-security-card{max-width:680px;margin-top:20px;padding:24px;border:1px solid var(--line, #d8e1ed);border-radius:12px;background:#fff;box-shadow:0 8px 24px #273f5c0d}.security-card-copy{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px;color:#24466e}.security-card-copy h3,.security-card-copy p{margin:0}.security-card-copy p{margin-top:5px;color:#77869a;font-size:13px}.admin-password-fields{max-width:480px}.security-actions{margin-top:20px;padding-top:18px;border-top:1px solid #e5ebf2}@media(max-width:980px){.login-card{min-height:auto;grid-template-columns:1fr}.login-visual{min-height:340px}.login-visual-copy h2{font-size:clamp(38px,8vw,58px)}.login-panel{width:min(560px,100%)}}.admin-dashboard{width:min(1320px,calc(100% - 48px));margin:24px auto 56px;padding:0}.admin-dashboard>.page-title{margin:0 0 18px;padding:22px 24px 16px;border:1px solid var(--border);border-radius:16px 16px 0 0;background:var(--surface)}.admin-dashboard-status{margin:-10px 0 16px;padding:0 24px 12px;border:1px solid var(--border);border-top:0;border-radius:0 0 16px 16px;background:var(--surface);color:var(--muted);font-size:13px}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.dashboard-kpis article,.dashboard-card{border:1px solid var(--border);background:var(--surface);border-radius:16px}.dashboard-kpis article{padding:18px;display:grid;gap:6px}.dashboard-kpis span,.dashboard-kpis small,.dashboard-card header span,.dashboard-card small{color:var(--muted);font-size:12px}.dashboard-kpis b{font-size:30px;letter-spacing:-1px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:12px}.dashboard-card{padding:16px;min-width:0}.dashboard-card.dashboard-wide{grid-column:1 / -1}.dashboard-card>header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--border)}.dashboard-card>header div{display:grid;gap:3px}.dashboard-list,.recent-generation-list,.model-usage-list,.account-usage-list{display:grid}.dashboard-job,.recent-generation-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.dashboard-job:last-child,.recent-generation-list article:last-child{border-bottom:0}.dashboard-job>div,.recent-generation-list p{min-width:0;margin:0}.dashboard-job b,.recent-generation-list span{font-size:13px;color:var(--accent)}.dashboard-job p,.recent-generation-list p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:13px}.dashboard-job aside{display:flex;align-items:center;gap:10px;flex:0 0 auto}.dashboard-job button{color:#d87171;border:1px solid rgba(216,113,113,.34);background:transparent;border-radius:8px;padding:6px 9px}.job-progress{font-variant-numeric:tabular-nums;font-size:13px}.dashboard-empty{min-height:92px;display:grid;place-content:center;gap:8px;justify-items:center;color:var(--muted);font-size:13px}.model-usage-list>div,.account-usage-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:11px 0;border-bottom:1px solid var(--border)}.model-usage-list>div:last-child,.account-usage-list>div:last-child{border-bottom:0}.model-usage-list span,.account-usage-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.model-usage-list b,.account-usage-list b{font-size:13px}.model-usage-list small{grid-column:1 / -1}.account-usage-list i{grid-column:1 / -1;height:5px;background:var(--surface-2);border-radius:99px;overflow:hidden}.account-usage-list em{display:block;height:100%;background:var(--accent);border-radius:inherit}.recent-generation-list{gap:8px;padding-top:12px}.recent-generation-list article{display:grid;grid-template-columns:100px minmax(0,1fr);padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.recent-generation-list article:last-child{border-bottom:1px solid var(--border)}.recent-generation-list small{grid-column:2}@media(max-width:900px){.admin-dashboard{width:auto;margin:16px}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.dashboard-card.dashboard-wide{grid-column:auto}}@media(max-width:640px){.login-screen{padding:0;background:#fff}.login-card{min-height:100vh;padding:0;border:0;border-radius:0;box-shadow:none}.login-visual{min-height:260px;padding:28px;border-radius:0 0 22px 22px}.login-visual-logo{width:190px}.login-visual-copy h2{font-size:36px}.login-visual-copy p,.login-capabilities{display:none}.login-panel{padding:38px 24px 46px}.login-copy h1{font-size:34px}.social-login-row{grid-template-columns:1fr}}.app-shell{height:100vh;overflow:hidden;display:grid;grid-template-columns:168px minmax(0,1fr);background:var(--bg);transition:grid-template-columns .22s ease}.app-shell.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr)}.sidebar{position:relative;z-index:5;height:100vh;overflow:visible;padding:18px 12px;border-right:1px solid #dce8f5;background:linear-gradient(180deg,#f7fbff,#edf7ff);display:flex;flex-direction:column;gap:16px;transition:padding .22s ease}.sidebar-brand-row{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:6px}.sidebar-brand{position:relative;min-width:0;height:44px;padding:0;border-radius:8px;background:transparent;display:grid;place-items:center}.brand-logo{width:102px;height:42px;object-fit:contain;object-position:left center}.sidebar-toggle{flex:0 0 32px;width:32px;height:32px;border-radius:8px;color:#66778e;background:transparent;display:grid;place-items:center}.sidebar-toggle:hover{color:var(--blue);background:#e7f1ff}.brand-hover-icon{display:none;color:var(--blue)}.sidebar.collapsed{padding-inline:10px;align-items:center}.sidebar.collapsed .sidebar-brand-row,.sidebar.collapsed .sidebar-brand{width:48px;justify-content:center}.sidebar.collapsed .sidebar-brand{overflow:hidden}.sidebar.collapsed .brand-logo{width:102px;max-width:none;height:40px;justify-self:start;object-fit:contain;object-position:left center}.sidebar.collapsed .brand-logo.brand-mark{width:38px;height:38px;justify-self:center;object-position:center}.sidebar.collapsed .sidebar-brand:hover .brand-logo:not(.brand-mark){display:none}.sidebar.collapsed .sidebar-brand:hover .brand-hover-icon{display:block}.new-btn,.primary-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 10px 24px #2375dd3b;text-decoration:none}.primary-btn.large{width:100%;font-size:16px}.primary-btn.fit{width:fit-content;padding:0 16px}.sidebar nav{width:100%;display:grid;gap:8px}.sidebar nav button,.admin-side button,.admin-side a{height:40px;padding:0 12px;display:flex;align-items:center;gap:10px;border-radius:8px;background:transparent;color:#526177;text-decoration:none}.sidebar nav button svg{flex:0 0 auto}.sidebar.collapsed nav button{position:relative;width:48px;min-width:48px;padding:0;justify-content:center}.sidebar.collapsed nav{justify-items:center}.sidebar.collapsed nav button svg{display:block;margin:0}.sidebar.collapsed .nav-label,.sidebar.collapsed .plan-box{display:none}.sidebar.collapsed [data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:60;left:calc(100% + 10px);top:50%;padding:7px 10px;border:1px solid #d6e4f3;border-radius:7px;color:#26364d;background:#fffffffa;box-shadow:0 10px 24px #19385c24;font-size:12px;font-weight:500;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(4px,-50%);transition:opacity .14s ease,transform .14s ease}.sidebar.collapsed [data-tooltip]:hover:after{opacity:1;transform:translateY(-50%)}.sidebar nav button.active,.sidebar nav button:hover,.admin-side button.active,.admin-side button:hover{color:var(--blue);background:#e7f1ff;font-weight:650}.sidebar nav:first-of-type button.active{min-height:44px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 10px 24px #2375dd3b}.secondary-nav{padding-top:14px;border-top:1px solid #dce8f5}.plan-box{margin-top:auto;padding:14px;border:1px solid #d7e5f4;border-radius:8px;background:#ffffffb8;display:grid;gap:7px;font-size:12px;color:#65758c}.plan-box b{color:#2375dd}.plan-box button{height:30px;border:1px solid #79aef9;border-radius:6px;color:var(--blue);background:#fff}.main-surface{min-width:0;min-height:0;height:100vh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.topbar,.admin-top{height:64px;padding:0 20px;border-bottom:1px solid #dce8f5;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar h1,.admin-top h1{margin:0;font-size:22px}.topbar p,.admin-top p{margin:4px 0 0;color:#728298;font-size:13px}.top-actions{display:flex;align-items:center;gap:18px}.status-pill{display:inline-flex;align-items:center;width:fit-content;min-height:24px;padding:3px 9px;border-radius:999px;color:#3e6a98;background:#eaf3ff;font-size:12px;font-weight:650}.status-pill.connected{color:var(--green);background:#e6faef}.status-pill.error{color:var(--red);background:#fff0f0}.quota{display:grid;gap:2px;font-size:12px;color:#718198}.quota b{font-size:15px;color:#1d2c44}.icon-btn{width:38px;height:38px;border:1px solid #d9e5f2;border-radius:8px;background:#fff;color:#41516a;display:inline-grid;place-items:center}.icon-btn:hover{color:var(--blue);border-color:#9fc6ff}.user-chip{min-height:44px;display:flex;align-items:center;gap:10px;color:var(--text);background:transparent}.user-chip img{width:38px;height:38px;border-radius:50%;object-fit:cover}.user-chip>span:not(.guest-avatar){display:grid;text-align:left;font-size:14px;font-weight:650}.user-chip small{color:var(--blue-2);font-size:12px;font-weight:500}.guest-avatar{width:38px;height:38px;border:1px solid #cfe0f3;border-radius:50%;color:#6b7d95;background:#f4f9ff;display:grid;place-items:center}.workspace{min-height:0;height:100%;overflow:hidden;display:grid;grid-template-columns:420px minmax(0,1fr)}.control-panel{min-height:0;height:100%;padding:10px 20px 14px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(155,177,204,.38) transparent;border-right:1px solid #dce8f5;background:#fafdffb8;display:flex;flex-direction:column}.control-panel>*{flex-shrink:0}.control-panel::-webkit-scrollbar{width:6px}.control-panel::-webkit-scrollbar-track{background:transparent}.control-panel::-webkit-scrollbar-thumb{border-radius:999px;background:#9bb1cc57}.segmented{height:38px;min-height:38px;display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #d7e2f0;border-radius:8px;overflow:hidden;background:#fff;margin-bottom:10px}.segmented button{border:0;border-radius:0;background:transparent;color:#68778d;display:flex;align-items:center;justify-content:center;gap:8px}.segmented button.selected{color:var(--blue);border:1px solid var(--blue-2);background:#eef6ff}.segmented button:first-child.selected{border-radius:7px 0 0 7px;margin:-1px 0 -1px -1px}.segmented button:last-child.selected{border-radius:0 7px 7px 0;margin:-1px -1px -1px 0}.field{position:relative;margin-bottom:9px}.field-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:#41516a;font-size:14px;font-weight:650}.field-label button{background:transparent;color:var(--blue-2)}.readiness-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}.readiness-strip span{min-height:48px;padding:8px 9px;border:1px solid #d9e5f2;border-radius:8px;background:#ffffffc2;display:grid;gap:3px}.readiness-strip small{color:#8291a6;font-size:11px}.readiness-strip b{color:#21324a;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readiness-strip .ready{border-color:#b9dcff;background:#f4f9ff}.readiness-strip .waiting{border-color:#f4d3d3;background:#fff7f7}.prompt-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px;padding:4px;border:1px solid #d7e2f0;border-radius:12px;background:#edf5ff}.prompt-mode-row button{min-height:34px;border-radius:9px;background:transparent;color:#536278;font-weight:650}.prompt-mode-row button.selected{color:var(--blue);background:#fff;box-shadow:0 8px 18px #2367db1f}.template-select{width:100%;height:40px;padding:0 12px;border:1px solid #d7e2f0;border-radius:8px;background:#fff}.template-selected-card{width:100%;min-height:54px;padding:0 13px;border:1px solid #d7e2f0;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#1b2b46;text-align:left}.template-selected-card span{min-width:0;display:grid;gap:3px}.template-selected-card b,.template-selected-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-selected-card small{color:#718198;font-size:12px}.template-drawer{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;margin-top:0;max-height:min(360px,52vh);overflow-y:auto;padding:8px;border:1px solid #cfe0f3;border-radius:10px;background:#fffffff0;box-shadow:0 18px 34px #2148751f;display:grid;gap:8px}.template-drawer-head{padding:4px 4px 6px;display:grid;gap:3px}.template-drawer-head b{color:#1d2c44}.template-drawer-head span{color:#7d8ca2;font-size:12px}.template-drawer button{width:100%;min-height:72px;padding:10px 12px;border:1px solid #d9e5f2;border-radius:8px;background:#fff;text-align:left;display:grid;gap:4px}.template-drawer button.selected,.template-drawer button:hover{border-color:#80b6ff;background:#f2f8ff}.template-drawer button span{color:var(--blue);font-size:12px;font-weight:650}.template-drawer button b{color:#23334b}.template-drawer button small{color:#6d7e94;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.select-row{width:100%;height:44px;padding:0 14px;border:1px solid #d7e2f0;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:space-between;color:#1b2b46}.model-select-wrap{position:relative}.model-select{cursor:pointer;gap:12px}.model-select>span:first-child{flex:1;min-width:0;color:#1b2b46;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-select svg{flex:0 0 auto;pointer-events:none;transition:transform .18s ease}.model-select-wrap.open .model-select{border-color:var(--blue-2);box-shadow:0 0 0 3px #2d7cff1a}.model-select-wrap.open .model-select svg{transform:rotate(180deg)}.model-menu{position:absolute;z-index:8;top:calc(100% + 6px);left:0;right:0;padding:6px;border:1px solid #cfe0f3;border-radius:8px;background:#fff;box-shadow:0 18px 38px #21487529}.model-menu button{width:100%;min-height:40px;padding:0 10px;border-radius:6px;background:transparent;color:#24344d;display:flex;align-items:center;justify-content:space-between;gap:10px}.model-menu button:hover,.model-menu button.selected{color:var(--blue);background:#edf5ff}.model-menu small{color:#6f88aa;font-size:12px}.select-meta{margin-left:auto;margin-right:12px;color:#2d7cff;background:#edf5ff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:650}.upload{min-height:88px;border:1px dashed #b9cbe0;border-radius:8px;display:grid;place-items:center;gap:5px;padding:12px;color:#7b8aa1;background:#ffffffb8;position:relative}.upload b{color:#536278;font-size:14px}.upload span{font-size:12px}.upload.has-file{min-height:150px;padding:12px;overflow:visible;aspect-ratio:4 / 3;background:#f7fbff}.upload.has-file.has-files{min-height:128px;aspect-ratio:auto;display:block;padding:10px}.mask-edit-actions{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.mask-edit-actions button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border:1px solid #b9c9df;border-radius:7px;color:#31587f;background:#f4f8fc;cursor:pointer}.mask-edit-actions button:hover{border-color:#75a9d1;background:#eaf4fb}.mask-edit-actions .mask-clear{color:#a23f46;border-color:#e1c3c6;background:#fff7f7}.mask-edit-actions>span{color:#78869a;font-size:12px}.mask-editor-backdrop{z-index:1000}.mask-editor{width:min(920px,calc(100vw - 40px));max-height:calc(100vh - 40px);margin:auto;padding:0;border:1px solid #cbd6e3;border-radius:12px;overflow:hidden;background:#f8fafc;box-shadow:0 24px 70px #1d2b4047}.mask-editor-head,.mask-editor-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#fff}.mask-editor-head{border-bottom:1px solid #dce3ec}.mask-editor-head h2{margin:0 0 3px;font-size:19px}.mask-editor-head p{margin:0;color:#738096;font-size:13px}.mask-editor-stage{position:relative;display:grid;place-items:center;width:100%;height:min(68vh,680px);padding:18px;background:#dfe9f4;overflow:hidden}.mask-editor-stage img,.mask-editor-stage canvas{position:absolute;max-width:calc(100% - 36px);max-height:calc(100% - 36px);width:auto;height:auto;object-fit:contain}.mask-editor-stage canvas{opacity:.55;cursor:crosshair;touch-action:none}.mask-editor-tools{border-top:1px solid #dce3ec;justify-content:flex-end}.mask-editor-tools label{display:flex;align-items:center;gap:9px;margin-right:auto;color:#536176;font-size:13px}.mask-editor-tools input{width:180px}.mask-editor-tools label span{width:42px;color:#748198}.reference-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reference-card,.add-reference{position:relative;min-width:0;height:84px;border:1px solid #d7e4f1;border-radius:8px;background:#fff;overflow:hidden}.reference-card img{width:100%;height:100%;display:block;object-fit:contain}.reference-card>span{position:absolute;left:5px;bottom:5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;color:#fff;background:#162740b8;display:grid;place-items:center;font-size:11px}.reference-card .remove-ref{top:4px;right:4px;width:24px;height:24px;display:grid;place-items:center;box-shadow:0 3px 10px #1e375629}.add-reference{color:var(--blue);border-style:dashed;background:#f7fbff;display:grid;place-items:center;align-content:center;gap:3px}.add-reference:hover{border-color:var(--blue-2);background:#edf5ff}.reference-summary{display:block;margin-top:8px;color:#718198;text-align:center}.reference-preview-box{width:100%;height:100%;min-height:126px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden}.reference-preview-box img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.remove-ref{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;background:#fff;color:#536278}.file-name{position:absolute;left:10px;bottom:8px;max-width:calc(100% - 20px);padding:3px 8px;border-radius:999px;color:#536278;background:#ffffffdb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}textarea{width:100%;min-height:94px;height:94px;padding:11px 13px 22px;resize:none;overflow:auto;line-height:1.55;white-space:normal}textarea[readonly]{color:#44536b;background:#f5f9ff;cursor:default;overflow:hidden;pointer-events:none}textarea.negative{min-height:74px;height:74px}.counter{position:absolute;right:12px;bottom:8px;font-size:12px;color:#8795a8}.combined-prompt-card{margin-bottom:10px;border:1px solid #cfddec;border-radius:8px;background:#fff;overflow:hidden}.combined-prompt-card>header{min-height:52px;padding:9px 12px;border-bottom:1px solid #e3ebf4;background:#f9fbfe;display:flex;align-items:center;justify-content:space-between;gap:12px}.combined-prompt-card>header>div{min-width:0;display:grid;gap:3px}.combined-prompt-card>header .prompt-card-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}.combined-prompt-card>header b{color:#24344c;font-size:14px}.combined-prompt-card>header span{color:#7a8ba1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combined-prompt-card>header button,.combined-prompt-card .prompt-status{flex:0 0 auto;min-height:26px;padding:0 8px;border-radius:6px;color:#6f7f94;background:#eef2f6;font-size:11px;display:inline-flex;align-items:center}.combined-prompt-card>header button:hover{color:var(--blue);background:#e7f1ff}.combined-prompt-card>header .prompt-expand-button{gap:4px}.combined-prompt-section{position:relative;display:block;padding:8px 12px 6px}.combined-prompt-section+.combined-prompt-section{border-top:1px dashed #dce6f0}.combined-prompt-section>span{display:block;margin-bottom:2px;color:#6f8097;font-size:11px;font-weight:650}.combined-prompt-section textarea,.combined-prompt-section textarea.negative{min-height:68px;height:68px;padding:2px 0 18px;border:0;border-radius:0;background:transparent;line-height:1.55}.combined-prompt-section.unified textarea{min-height:116px;height:116px}.combined-prompt-section.negative textarea,.combined-prompt-card.is-template .combined-prompt-section.negative textarea{min-height:58px;height:58px;color:#9a672e}.combined-prompt-section textarea:focus{border:0;box-shadow:none}.combined-prompt-section textarea[readonly]{background:transparent}.combined-prompt-card.is-template .combined-prompt-section.unified textarea{color:#365b86}.combined-prompt-section>small{position:absolute;right:12px;bottom:7px;color:#8a98aa;font-size:11px;background:#ffffffe6}.template-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:stretch;margin-bottom:8px}.template-strip span{grid-column:1 / -1;color:#41516a;font-weight:650;font-size:14px}.template-strip button,.choice-group button,.preview-actions button,.preview-actions a,.ghost-btn,.template-card button,.history-item button,.modal-actions button{min-height:32px;border:1px solid #d9e5f2;border-radius:8px;background:#fff;color:#526177;text-decoration:none}.modal-actions .copy-prompt-button{border-color:#b9d5ff;color:#1d67ca;background:linear-gradient(135deg,#f7fbff,#edf6ff);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.modal-actions .copy-prompt-button:hover:not(:disabled){border-color:#5a9df4;color:#0d55b4;background:#e5f1ff;box-shadow:0 5px 12px #367edb2e;transform:translateY(-1px)}.modal-actions .copy-prompt-button:active:not(:disabled){box-shadow:none;transform:translateY(0) scale(.97)}.modal-actions .copy-prompt-button.copied{border-color:#8bd5ae;color:#157346;background:#edf9f1;box-shadow:none}.template-strip button{font-size:12px;padding:0 8px}.option-grid{display:grid;gap:8px;margin-bottom:8px}.choice-group>span{display:block;margin-bottom:5px;color:#41516a;font-size:14px;font-weight:650}.choice-group div{display:flex;flex-wrap:wrap;gap:7px}.choice-group button{min-width:44px;min-height:32px;padding:0 8px;font-size:13px;font-weight:520}.choice-group button.selected{color:var(--blue);border-color:var(--blue-2);background:#edf5ff}.advanced{border:1px solid #d9e5f2;border-radius:8px;background:#ffffffbd;padding:14px;margin-bottom:22px}.advanced-title{display:flex;gap:8px;align-items:center;font-weight:650;margin-bottom:14px}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;color:#64748b;font-size:13px}.advanced-grid input[type=range]{width:100%;padding:0;box-shadow:none}.advanced-grid.text input{height:38px;padding:0 12px}.toggle{display:flex;align-items:center;gap:8px}.generate-row{margin-top:12px;display:grid;grid-template-columns:1fr 102px;gap:12px}.generate-row.has-cancel{grid-template-columns:minmax(0,1fr) 96px 86px;gap:8px}.cancel-current-btn{min-height:52px;padding:0 10px;border:1px solid #efbcbc;border-radius:10px;color:#b53a3a;background:#fff7f7;display:inline-flex;align-items:center;justify-content:center;gap:5px}.cancel-current-btn:hover:not(:disabled){border-color:#df9191;color:#982b2b;background:#ffeded}.generation-result-hint{margin-top:8px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}.generate-btn{--active: 0;--button-dark: hsl(0 0% 12%);--button-radius: 9999px;--button-transition: .3s ease-in-out;position:relative;isolation:isolate;min-height:52px;padding:0 28px;border:0;border-radius:var(--button-radius);color:#fff;background:transparent;box-shadow:none;transform:scale(calc(1 + (var(--active) * .035)));transform-origin:center;transition:transform var(--button-transition)}.generate-btn:before,.generate-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--button-radius);transition:all var(--button-transition)}.generate-btn:before{z-index:0;background:var(--button-dark);box-shadow:inset 0 .5px #fff,inset 0 -1px 2px #000,0 4px 10px -4px hsl(0 0% 0% / calc(1 - var(--active))),0 0 0 calc(var(--active) * 1px) #5604fbbf}.generate-btn:after{z-index:2;opacity:var(--active);background-color:#7b3bfcbf;background-image:radial-gradient(at 51% 89%,hsl(266 45% 74%) 0,transparent 50%),radial-gradient(at 100% 100%,hsl(266 36% 60%) 0,transparent 50%),radial-gradient(at 22% 91%,hsl(266 36% 60%) 0,transparent 50%);transition:opacity var(--button-transition)}.generate-btn:not(:disabled):is(:hover,:focus-visible),.generate-btn.is-running{--active: 1}.generate-btn:not(:disabled):active{transform:scale(1)}.generate-btn:focus-visible{outline:0}.generate-btn .dots-border{position:absolute;z-index:-1;top:-1px;right:-1px;bottom:-1px;left:-1px;overflow:hidden;border-radius:var(--button-radius)}.generate-btn .dots-border:before{content:"";position:absolute;top:30%;left:50%;width:100%;height:32px;background:#fff;mask:linear-gradient(transparent 0%,#fff 120%);transform:translate(-50%,-50%) rotate(0);transform-origin:left;animation:generate-border-rotate 2s linear infinite}.generate-sparkle,.generate-btn-text{position:relative;z-index:3}.generate-sparkle{width:24px;height:24px;flex:0 0 auto;overflow:visible;fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.generate-sparkle path{transform-origin:center}.generate-btn:not(:disabled):is(:hover,:focus-visible) .generate-sparkle path,.generate-btn.is-running .generate-sparkle path{animation:generate-sparkle-path 1.5s linear .5s infinite}.generate-btn-text{font-size:16px;font-weight:500;color:hsl(0 0% 100% / calc(.72 + (var(--active) * .28)))}@keyframes generate-border-rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes generate-sparkle-path{0%,34%,71%,to{transform:scale(1)}17%,49%,83%{transform:scale(1.2)}}.ghost-btn{background:#f8fbff}.ghost-btn.small{min-height:34px;padding:0 13px}.hint{margin:10px 0 0;font-size:13px}.hint.error{color:var(--red)}.hint.success{color:var(--green)}.spin{animation:spin .8s linear infinite}.spin.large{color:var(--blue)}@keyframes spin{to{transform:rotate(360deg)}}.preview-panel{min-height:0;height:100%;padding:18px 24px;overflow:hidden;background:linear-gradient(180deg,#f8fbff,#f5faff)}.preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.preview-head div{display:grid;gap:4px}.preview-head span,.meta-line{color:#7d8ca2;font-size:13px}.inline-history{margin-top:10px;padding:12px;border:1px solid #d2e0ee;border-radius:8px;background:#ffffff75}.generation-queue{margin-top:10px;padding:12px;border:1px solid #cfe0f3;border-radius:8px;background:#ffffff9e}.inline-history-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px}.inline-history-head div{display:grid;gap:4px}.inline-history-head .inline-history-tools{display:flex;grid-auto-flow:initial;align-items:center;gap:10px}.inline-history-tools button{min-height:30px;padding:0 10px;border:1px solid #d7e2f0;border-radius:7px;color:#526177;background:#fff;display:inline-flex;align-items:center;gap:5px}.inline-history-tools button:hover:not(:disabled){color:var(--blue);border-color:var(--blue-2);background:#f4f8ff}.inline-history-head b{color:#1d2c44}.inline-history-head span,.inline-history-card span{color:#75859b;font-size:12px}.inline-history-grid{display:flex;gap:10px;overflow-x:auto;align-items:flex-start;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(160,178,202,.26) transparent}.inline-history-grid::-webkit-scrollbar{height:4px}.inline-history-grid::-webkit-scrollbar-track{background:transparent}.inline-history-grid::-webkit-scrollbar-thumb{border-radius:999px;background:#a0b2ca42}.inline-history-grid::-webkit-scrollbar-thumb:hover{background:#7891b461}.inline-history-card{flex:0 0 340px;height:132px;overflow:hidden;border:1px solid #d9e5f2;border-radius:8px;background:#fff;display:grid;grid-template-columns:132px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 24px 38px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.inline-history-card:hover{border-color:#8cbcff;box-shadow:0 10px 22px #2375dd1f;transform:translateY(-1px)}.inline-history-image{width:132px;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:#edf6ff;display:block;grid-row:1 / 4;overflow:hidden;cursor:zoom-in}.inline-history-image img{transition:transform .18s ease}.inline-history-image:hover img{transform:scale(1.025)}.inline-history-image img{width:100%;height:100%;object-fit:cover;display:block;overflow:hidden}.inline-history-card>div{padding:11px 12px 4px;display:grid;gap:4px;min-width:0;overflow:hidden}.inline-history-card b{color:#23334b;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis}.inline-history-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-history-card footer{padding:0 12px 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.inline-history-card footer button{min-height:28px;padding:0 8px;border-radius:6px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;white-space:nowrap}.inline-history-empty{min-height:92px;display:grid;place-items:center;align-content:center;gap:10px;color:#7a8aa1}.generation-task-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:rgba(160,178,202,.26) transparent}.generation-task-grid::-webkit-scrollbar{height:4px}.generation-task-grid::-webkit-scrollbar-track{background:transparent}.generation-task-grid::-webkit-scrollbar-thumb{border-radius:999px;background:#a0b2ca42}.generation-task{flex:0 0 300px;min-height:92px;padding:8px;border:1px solid #d9e5f2;border-radius:8px;background:#fff;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 28px;gap:8px}.generation-task.success{cursor:pointer}.generation-task.generating{border-color:#8cbcff;background:#f4f9ff}.generation-task.failed{border-color:#ffd4d4;background:#fff8f8}.generation-task.cancelling{border-color:#f2c98f;background:#fffaf1}.generation-task.cancelled{border-color:#dce3ec;background:#f7f9fc}.generation-task-thumb{grid-row:1 / 3;width:72px;height:72px;border-radius:8px;background:#edf6ff;display:grid;place-items:center;color:var(--blue);overflow:hidden}.generation-task.failed .generation-task-thumb{color:var(--red);background:#fff0f0}.generation-task.cancelled .generation-task-thumb{color:#7d8ca0;background:#eaf0f6}.generation-task-thumb img{width:100%;height:100%;object-fit:cover}.generation-task>div:nth-child(2){min-width:0;display:grid;gap:4px}.generation-task b{color:#23334b;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.generation-task span,.generation-task small{color:#75859b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generation-task.failed span,.generation-task.failed small{color:var(--red)}.generation-task.cancelled span,.generation-task.cancelled small{color:#7d8ca0}.generation-task footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.generation-task footer button{min-height:28px;padding:0 8px;border-radius:6px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.generation-task footer .cancel-generation-task{grid-column:1 / -1;color:#c24646;border-color:#f1caca;background:#fff}.generation-task footer .cancel-generation-task:hover:not(:disabled){color:#a62f2f;border-color:#e9aaaa;background:#fff4f4}.image-stage{position:relative;width:100%;min-height:400px;height:clamp(400px,calc(100vh - 410px),640px);border:1px solid #d2e0ee;border-radius:8px;background:#eef6ff;display:grid;place-items:center;overflow:hidden}.preview-nav{position:absolute;top:50%;z-index:2;width:54px;height:54px;border:1px solid rgba(158,191,229,.7);border-radius:50%;color:#47709f;background:#ffffffc2;box-shadow:0 14px 34px #2375dd1f;display:grid;place-items:center;font-size:38px;line-height:1;transform:translateY(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-nav.previous{left:28px}.preview-nav.next{right:28px}.preview-nav:hover:not(:disabled){color:var(--blue);border-color:var(--blue-2);background:#fff}.result-stage{width:calc(100% - 44px);max-width:980px;height:calc(100% - 44px);display:grid;place-items:center}.preview-image-button{padding:0;border:0;border-radius:8px;background:transparent;cursor:zoom-in}.preview-image-button:hover img{box-shadow:0 18px 34px #2375dd2e}.result-stage.preview-square,.result-stage.preview-auto{aspect-ratio:1 / 1;width:min(calc(100% - 44px),calc(100vh - 290px),760px);height:auto}.result-stage.preview-three-four{aspect-ratio:3 / 4;width:min(calc(100% - 44px),560px);height:auto}.result-stage.preview-four-three{aspect-ratio:4 / 3;height:auto}.result-stage.preview-nine-sixteen{aspect-ratio:9 / 16;width:min(calc(100% - 44px),480px);height:auto}.result-stage.preview-sixteen-nine{aspect-ratio:16 / 9;height:auto}.result-stage.preview-two-three{aspect-ratio:2 / 3;width:min(calc(100% - 44px),520px);height:auto}.result-stage.preview-three-two{aspect-ratio:3 / 2;height:auto}.result-stage.preview-ultra{aspect-ratio:21 / 9;height:auto}.preview-image-button.result-stage{width:calc(100% - 44px);height:calc(100% - 44px);max-width:none;aspect-ratio:auto;overflow:hidden;display:grid;place-items:center}.preview-image-button.result-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;background:#dfeeff;border-radius:8px;display:block;transform:scale(var(--preview-zoom, 1));transform-origin:center center;transition:transform .16s ease}.image-stage>img{width:100%;height:100%;object-fit:contain;background:#dfeeff;border-radius:8px}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;padding:54px 56px 18px;background:#f7f8faf5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:18px;overflow:hidden}.image-viewer-layout{width:min(1460px,calc(100vw - 112px));height:min(84vh,1040px);min-height:0;display:grid;grid-template-columns:minmax(0,3fr) minmax(310px,1.08fr);gap:24px}.image-viewer-stage{min-height:0;overflow:hidden;border-radius:18px;display:grid;place-items:center;overscroll-behavior:contain;cursor:default;scrollbar-width:none;-ms-overflow-style:none;touch-action:none;-webkit-user-select:none;user-select:none;padding:18px;box-sizing:border-box;transform-origin:center center;animation:image-viewer-center-in .22s cubic-bezier(.2,.72,.24,1) both}.image-viewer-stage.can-pan{cursor:grab}.image-viewer-stage.is-panning{cursor:grabbing}.image-viewer-stage::-webkit-scrollbar{width:0;height:0}.image-viewer-stage img{width:auto;height:auto;max-width:min(100%,820px);max-height:min(100%,72vh);object-fit:contain;border-radius:18px;background:#eef1f4;box-shadow:0 24px 58px #202a3633;transform-origin:center center;transition:transform .16s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.image-viewer-stage.is-panning img{transition:none}@keyframes image-viewer-center-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.image-viewer-stage{animation:none}}.image-viewer-prompt{min-width:0;min-height:0;overflow:hidden;border:1px solid #dde2e9;border-radius:18px;background:#fffffff0;box-shadow:0 22px 52px #2832401f;display:grid;grid-template-rows:auto minmax(0,1fr)}.image-viewer-prompt header{margin:0 24px;padding:23px 0 17px;border-bottom:1px solid #e5e8ed;color:#263345;font-size:14px;font-weight:750;display:flex;align-items:center;gap:9px}.image-viewer-prompt header svg{color:#7167f4;fill:currentColor}.image-viewer-prompt-copy{min-height:0;padding:20px 24px 28px;overflow-y:auto;color:#445064;font-size:14px;line-height:1.9;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:#717989 transparent}.image-viewer-dismiss{padding:6px 13px;border-radius:999px;background:#363c466b;color:#fff;font-size:12px;line-height:1}@media(max-width:900px){.image-viewer{padding:18px 16px 12px;gap:10px}.image-viewer-layout{width:100%;height:100%;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(150px,32vh);gap:12px}.image-viewer-stage,.image-viewer-stage img,.image-viewer-prompt{border-radius:12px}}.empty-state,.loading-state,.empty-wide{display:grid;place-items:center;gap:10px;color:#7a8aa1;text-align:center}.empty-state b,.loading-state b{color:#44536b}.generated-image-error{width:100%;height:100%;min-height:92px;padding:18px;background:linear-gradient(145deg,#eef6fff5,#f7f9fdf5);color:#7a8aa1;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.generated-image-error b{color:#44536b;font-size:14px}.generated-image-retry{min-height:30px;padding:0 10px;border:1px solid #c9dbef;border-radius:8px;background:#fff;color:#3269ac;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:12px}.generated-image-retry:hover,.generated-image-retry:focus-visible{border-color:#83afe4;background:#f7fbff;outline:none}.loading-state small{color:#7a8aa1;font-size:12px}.stage-rail{width:min(260px,70%);display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:2px}.stage-rail i{height:5px;border-radius:999px;background:#d7e5f5;overflow:hidden}.stage-rail i.active{background:linear-gradient(90deg,var(--blue),#35b6ff);box-shadow:0 6px 16px #2d7cff38}.preview-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:12px}.preview-actions button,.preview-actions a{border-radius:0;display:flex;align-items:center;justify-content:center;gap:8px}.preview-actions button:first-child,.preview-actions a:first-child{border-radius:8px 0 0 8px}.preview-actions button:last-child{border-radius:0 8px 8px 0}.page-block{min-height:0;height:100%;padding:30px;overflow:auto}.page-block.compact{max-width:820px}.cutout-page{background:linear-gradient(180deg,#f8fbff,#f3f8ff)}.cutout-config-warning{margin:-8px 0 18px;padding:11px 13px;border:1px solid #f0d4a1;border-radius:8px;color:#8b5b0b;background:#fff8e8;display:flex;align-items:center;gap:8px;font-size:13px}.cutout-layout{min-height:calc(100% - 86px);display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:18px}.cutout-card{min-width:0;padding:20px;border:1px solid #d8e4f1;border-radius:10px;background:#ffffffdb;box-shadow:0 10px 30px #335b8c12}.cutout-controls,.cutout-result-card{display:flex;flex-direction:column;gap:16px}.cutout-step{display:flex;align-items:center;gap:10px}.cutout-step>span{width:30px;height:30px;border-radius:8px;color:#fff;background:var(--blue);display:grid;place-items:center;font-weight:750}.cutout-step>div{display:grid;gap:2px}.cutout-step b{color:#21324a}.cutout-step small{color:#7b8ba1}.cutout-upload{min-height:310px;padding:18px;border:1px dashed #abc5e3;border-radius:9px;color:#72839a;background:#f7fbff;display:grid;place-items:center;align-content:center;gap:8px;overflow:hidden}.cutout-upload:hover{border-color:var(--blue);background:#f1f7ff}.cutout-upload.has-image{padding:10px;border-style:solid}.cutout-upload img{width:100%;height:290px;object-fit:contain}.cutout-filename{margin:-6px 0 0;color:#697a91;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cutout-tuning{display:grid;gap:12px;padding:14px;border:1px solid #dce4ee;border-radius:9px;background:#f8fafc}.cutout-tuning-title,.cutout-tuning label>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.cutout-tuning-title b{font-size:13px}.cutout-tuning-title button{border:0;color:#52647a;background:transparent;cursor:pointer}.cutout-tuning label{display:grid;gap:5px}.cutout-tuning label>span{color:#526074;font-size:12px}.cutout-tuning em{color:#3d36d8;font-style:normal;font-weight:700}.cutout-tuning input[type=range]{width:100%;accent-color:#4438df}.cutout-tuning small{color:#8a96a6;font-size:11px}.cutout-actions{display:grid;grid-template-columns:1fr 120px;gap:10px}.cutout-actions button,.cutout-download{min-height:42px}.cutout-error{margin:0;padding:10px 12px;border-radius:8px;color:#b23a3a;background:#fff1f1;display:flex;align-items:flex-start;gap:7px;font-size:13px}.cutout-local-status{margin:-10px 0 18px;padding:11px 13px;border:1px solid #bde3cd;border-radius:8px;color:#286344;background:#edf9f1;display:flex;align-items:center;gap:8px;font-size:13px}.cutout-local-status.unsupported{border-color:#efc8c8;color:#9b3535;background:#fff1f1}.cutout-mode-switch{display:inline-flex;gap:4px;width:fit-content;padding:4px;border:1px solid #d8e0ea;border-radius:10px;background:#edf1f6}.cutout-mode-switch button{min-height:36px;padding:0 16px;border:0;border-radius:7px;color:#657286;background:transparent;cursor:pointer}.cutout-mode-switch button.active{color:#3028bd;background:#fff;box-shadow:0 2px 8px #3028bd1f}.cutout-mode-switch span{margin-left:5px;padding:2px 5px;border-radius:5px;color:#fff;background:#5147df;font-size:10px}.cutout-precise-tip{display:grid;gap:4px;padding:13px 14px;border:1px solid #cfd8f8;border-radius:9px;color:#5e6a7e;background:#f1f3ff;font-size:12px}.cutout-precise-tip b{color:#3730bb}.cutout-point-prompt{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:9px;color:#fff;background:linear-gradient(135deg,#244cf2,#6e27df);font-weight:700}.cutout-result{min-height:440px;flex:1;border:1px solid #d5e1ee;border-radius:9px;background-color:#f9fbfd;background-image:conic-gradient(#e8edf3 25%,transparent 0 50%,#e8edf3 0 75%,transparent 0);background-size:20px 20px;display:grid;place-items:center;overflow:hidden}.cutout-result:not(.has-result){background-image:none}.cutout-result>img{width:100%;height:100%;max-height:600px;padding:16px;object-fit:contain}.cutout-precise-target{position:relative;width:100%;height:100%;min-height:440px;padding:0;border:0;background:#f9fbfd;cursor:crosshair;overflow:hidden}.cutout-precise-target img{width:100%;height:100%;max-height:600px;object-fit:contain}.cutout-precise-target span{position:absolute;left:50%;bottom:20px;display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;color:#fff;background:#252b46d1;box-shadow:0 8px 22px #1e233e33;transform:translate(-50%);pointer-events:none}.cutout-reselect-point{align-self:flex-end}.cutout-empty{color:#8090a5;display:grid;place-items:center;gap:8px;text-align:center}.cutout-empty b{color:#52647c}.cutout-empty span{font-size:13px}.cutout-download{align-self:flex-end;min-width:190px}.generation-error-visual{min-height:370px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#274b70e6,#7089a1b8),url(/assets/mountain-preview-CUIQkmz_.png) center/cover;color:#fff}.cutout-batch-page{--cutout-orange:#ff4b00;--cutout-orange-light:#ff7a35;--cutout-orange-soft:#fff0e8;background:#f5f7fb;color:#1f2430}.cutout-batch-page .page-title{margin-bottom:14px}.cutout-batch-page .page-title h1,.cutout-batch-page .page-title p{color:inherit}.cutout-batch-page .page-title>span{color:var(--cutout-orange);background:var(--cutout-orange-soft);box-shadow:0 5px 16px #ff4b0024}.cutout-batch-page .cutout-local-status{margin:0 0 14px;border-color:#c7e8d4;color:#286344;background:#fff;box-shadow:0 1px 2px #1018280a}.cutout-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 16px;padding:14px 16px;border:1px solid #e6e9f0;border-radius:14px;background:#fff;box-shadow:0 1px 2px #1018280a,0 4px 16px #1018280f}.cutout-toolbar-group{display:flex;align-items:center;gap:8px;color:#7a8294;font-size:13px}.cutout-segment{display:flex;gap:2px;padding:3px;border-radius:10px;background:#f0f2f7}.cutout-segment button{min-height:32px;padding:0 13px;border:0;border-radius:8px;color:#7a8294;background:transparent;cursor:pointer}.cutout-segment button.active{color:var(--cutout-orange);background:#fff;box-shadow:0 1px 4px #ff4b0029}.cutout-segment button:disabled{cursor:not-allowed;opacity:.6}.cutout-toolbar-group input[type=color]{width:32px;height:32px;padding:2px;border:1px solid #e6e9f0;border-radius:8px;background:#fff;cursor:pointer}.cutout-toolbar-spacer{flex:1}.cutout-toolbar .primary-btn,.cutout-toolbar .ghost-btn,.cutout-grid-copy .ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border-radius:9px;font-size:13px}.cutout-toolbar .primary-btn{position:relative;overflow:hidden;padding:0 15px;border-color:var(--cutout-orange);background:linear-gradient(135deg,var(--cutout-orange),var(--cutout-orange-light));color:#fff;box-shadow:0 6px 17px #ff4b0040;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.cutout-toolbar .primary-btn:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.34) 50%,transparent 65%);transform:translate(-120%)}.cutout-toolbar .primary-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 23px #ff4b0052;filter:saturate(1.08)}.cutout-toolbar .primary-btn:not(:disabled):hover:after{animation:cutout-button-sheen .6s ease}.cutout-toolbar .primary-btn:active{transform:translateY(0) scale(.98)}.cutout-toolbar .ghost-btn{padding:0 13px;border:1px solid #e6e9f0;background:#fff;color:#354052}.cutout-toolbar .ghost-btn.danger,.cutout-grid-copy .ghost-btn.danger{color:#e5484d;border-color:#f3d0d1}.cutout-dropzone{width:100%;min-height:215px;padding:34px 20px;border:2px dashed #ffc6ad;border-radius:14px;color:#7a8294;background:#fff;display:grid;place-items:center;align-content:center;gap:9px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;animation:cutout-dropzone-breathe 3.2s ease-in-out infinite}.cutout-dropzone:hover{border-color:var(--cutout-orange);background:#fff8f4;transform:translateY(-2px);box-shadow:0 12px 26px #ff4b001c;animation-play-state:paused}.cutout-dropzone svg{color:var(--cutout-orange);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.cutout-dropzone:hover svg{transform:translateY(-4px) scale(1.08)}.cutout-dropzone b{color:#1f2430;font-size:16px}.cutout-dropzone span{font-size:13px}.cutout-dropzone em{margin-top:7px;padding:9px 18px;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--cutout-orange),var(--cutout-orange-light));box-shadow:0 6px 15px #ff4b0038;font-style:normal;font-size:14px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease}.cutout-dropzone:hover em{transform:translateY(-1px);box-shadow:0 9px 20px #ff4b004d}.cutout-progress{margin-top:16px;padding:14px 16px;border:1px solid #e6e9f0;border-radius:14px;background:#fff;box-shadow:0 1px 2px #1018280a}.cutout-progress>div{display:flex;justify-content:space-between;gap:16px;margin-bottom:9px;color:#7a8294;font-size:13px}.cutout-progress>div b{color:#1f2430}.cutout-progress>i{display:block;height:8px;overflow:hidden;border-radius:999px;background:#eef1f7}.cutout-progress>i>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cutout-orange),#ff9b68,var(--cutout-orange));background-size:200% 100%;transition:width .25s ease;animation:cutout-progress-flow 1.4s linear infinite}.cutout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:20px}.cutout-grid-card{overflow:hidden;border:1px solid #e6e9f0;border-radius:14px;background:#fff;box-shadow:0 1px 2px #1018280a,0 4px 16px #1018280f;animation:cutout-card-in .25s ease}@keyframes cutout-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cutout-grid-image{position:relative;width:100%;aspect-ratio:1;padding:0;border:0;overflow:hidden;background:#f6f7f9;cursor:zoom-in}.cutout-grid-image:disabled{cursor:default}.cutout-grid-image img{width:100%;height:100%;object-fit:contain;vertical-align:middle}.cutout-badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:999px;color:#fff;background:#788294d9;font-size:11px;font-weight:700}.cutout-badge.processing{background:var(--cutout-orange);box-shadow:0 0 #ff4b006b;animation:cutout-processing-pulse 1.45s ease-out infinite}.cutout-badge.done{background:#18a058f0}.cutout-badge.error{background:#e5484df0}.cutout-card-spinner{position:absolute;top:50%;left:50%;width:48px;height:48px;display:grid;place-items:center;color:var(--cutout-orange);background:#ffffffe0;border:1px solid rgba(255,75,0,.18);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #ff4b0021}.cutout-card-spinner:before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;content:"";border:1px solid rgba(255,75,0,.3);border-radius:inherit;opacity:.32;animation:cutout-spinner-halo 2.1s ease-in-out infinite}.cutout-card-spinner svg{position:relative;animation:cutout-centered-spin 1.25s cubic-bezier(.45,.05,.55,.95) infinite}.cutout-grid-image small{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:6px;color:#fff;background:#1018288c;font-size:11px}.cutout-grid-copy{display:grid;gap:8px;padding:12px 14px 14px}.cutout-grid-copy>b{overflow:hidden;color:#1f2430;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.cutout-grid-copy>span{min-height:16px;overflow:hidden;color:#7a8294;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.cutout-grid-copy>div{display:flex;gap:8px}.cutout-grid-copy>div button{flex:1;min-height:34px;padding:0 8px}.cutout-batch-empty{min-height:180px;color:#7a8294}.cutout-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:40px;display:grid;place-items:center;background:#0a0e16b8;cursor:zoom-out}.cutout-lightbox>img{max-width:92vw;max-height:88vh;border-radius:10px;box-shadow:0 8px 30px #10182859}.cutout-lightbox>button{position:absolute;top:22px;right:26px;width:40px;height:40px;border:0;border-radius:50%;color:#fff;background:#ffffff29;cursor:pointer;display:grid;place-items:center}@keyframes cutout-button-sheen{to{transform:translate(120%)}}@keyframes cutout-dropzone-breathe{0%,to{box-shadow:0 0 #ff4b0000}50%{box-shadow:0 0 0 5px #ff4b000d}}@keyframes cutout-progress-flow{to{background-position:200% 0}}@keyframes cutout-processing-pulse{70%{box-shadow:0 0 0 9px #ff4b0000}to{box-shadow:0 0 #ff4b0000}}@keyframes cutout-centered-spin{to{transform:rotate(360deg)}}@keyframes cutout-spinner-halo{0%,to{opacity:.18}50%{opacity:.52}}@media(prefers-reduced-motion:reduce){.cutout-dropzone,.cutout-progress>i>i,.cutout-badge.processing,.cutout-card-spinner:before,.cutout-card-spinner svg{animation:none}.cutout-toolbar .primary-btn,.cutout-dropzone,.cutout-dropzone svg,.cutout-dropzone em{transition:none}}.page-title{display:flex;align-items:center;gap:14px;margin-bottom:24px}.page-title>span{width:44px;height:44px;border-radius:8px;background:#e7f1ff;color:var(--blue);display:grid;place-items:center}.page-title h2{margin:0;font-size:24px}.page-title p{margin:4px 0 0;color:#718198}.page-title-action{min-height:36px;margin-left:auto;padding:0 14px;border:1px solid #d7e2f0;border-radius:8px;color:#526177;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px}.page-title-action:hover:not(:disabled){color:var(--blue);border-color:var(--blue-2);background:#f4f8ff}.template-grid,.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.history-timeline{position:relative;display:grid;gap:12px}.history-timeline:before{content:"";position:absolute;left:20px;top:12px;bottom:12px;width:1px;background:#d7e5f4}.template-card,.history-item,.profile-card,.admin-panel{border:1px solid #d9e5f2;border-radius:8px;background:#ffffffdb}.template-card{padding:18px;display:grid;gap:12px}.template-card>span{color:var(--blue);font-size:13px;font-weight:650}.template-card h3,.history-item h3{margin:0;font-size:17px}.template-card p,.history-item p{margin:0;color:#63748c;line-height:1.55}.template-card div,.history-item div,.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.template-card button,.history-item button,.modal-actions button{padding:0 12px;display:inline-flex;align-items:center;gap:6px}.history-item{position:relative;min-height:132px;margin-left:42px;padding:12px;overflow:hidden;display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:14px;align-items:center;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.history-item:hover,.history-item.latest{border-color:#8cbcff;box-shadow:0 12px 28px #2375dd1f}.history-item:hover{transform:translateY(-1px)}.timeline-dot{position:absolute;left:-31px;top:50%;width:13px;height:13px;border:3px solid #f5faff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px #9cc9ff;transform:translateY(-50%)}.history-item img{width:132px;height:108px;object-fit:cover;border-radius:8px;background:#edf6ff;display:block}.history-copy{min-width:0;display:grid;gap:7px}.history-copy>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.history-item h3,.history-item p{margin:0}.history-item h3{color:#1d2c44;font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-copy small{color:#8a98aa}.history-item footer{display:flex;gap:8px;flex-wrap:nowrap}.empty-wide{min-height:360px;border:1px dashed #b9cbe0;border-radius:8px;background:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#0f1f3657;padding:24px}.generation-error-backdrop{z-index:1200;padding:24px}.generation-error-modal{width:min(760px,calc(100vw - 32px));padding:0;overflow:hidden;border:1px solid #cfd7e1;border-radius:18px;background:#f7f9fb;box-shadow:0 28px 80px #1c2a3c47;color:#2c3542;display:grid;grid-template-columns:minmax(230px,.82fr) minmax(360px,1.18fr)}.generation-error-visual{min-height:370px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#274b70e6,#7089a1b8),url(/assets/mountain-preview-CUIQkmz_.png) center/cover;color:#fff}.generation-error-visual img{width:142px;max-height:48px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.generation-error-visual span{display:block;margin-bottom:12px;font-size:11px;letter-spacing:.18em;opacity:.72}.generation-error-visual b{font-size:23px;line-height:1.35;letter-spacing:-.03em}.generation-error-content{position:relative;padding:48px 46px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.generation-error-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border:1px solid #d7dee7;border-radius:10px;background:#fff;color:#657385;display:grid;place-items:center}.generation-error-icon{width:52px;height:52px;margin-bottom:22px;border-radius:15px;display:grid;place-items:center;background:#fff0f0;color:#dc4d59}.generation-error-content>p{margin:0 0 8px;color:#496d91;font-size:12px;font-weight:750;letter-spacing:.08em}.generation-error-content h2{margin:0 0 14px;color:#2c3542;font-size:28px;letter-spacing:-.04em}.generation-error-content>span{color:#68778a;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.generation-error-actions{width:100%;margin-top:32px;display:flex;justify-content:flex-end;gap:10px}.generation-error-actions button{min-width:108px;min-height:42px;border-radius:10px}@media(max-width:720px){.generation-error-modal{grid-template-columns:1fr}.generation-error-visual{min-height:130px;padding:22px}.generation-error-visual div{display:none}.generation-error-content{padding:38px 26px 28px}}.detail-modal{width:min(980px,100%);border:0;border-radius:10px;padding:18px;display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:20px;position:relative;background:#fff}.detail-modal>img{width:100%;max-height:70vh;object-fit:contain;border-radius:8px;background:#edf6ff}.detail-modal h2{margin:0 0 10px}.detail-modal p{color:#536278;line-height:1.6}.detail-modal dl{display:grid;grid-template-columns:84px 1fr;gap:8px 14px;color:#536278}.detail-modal dt{color:#8795a8}.close{position:absolute;right:14px;top:14px;width:32px;height:32px;border-radius:6px;background:#edf5ff}.batch-shell{min-height:420px;border:1px dashed #b9cbe0;border-radius:8px;background:#ffffffc7;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-content:center;gap:14px;padding:30px}.batch-shell span{min-height:86px;border:1px solid #d9e5f2;border-radius:8px;display:grid;place-items:center;color:#526177;background:#f8fbff}.profile-card{max-width:560px;padding:24px;display:grid;gap:18px}.profile-card>img{width:86px;height:86px;border-radius:50%;object-fit:cover}.profile-card input{height:42px;padding:0 12px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-stats span{padding:14px;border-radius:8px;background:#f3f8ff;color:#68778d;display:grid;gap:5px}.profile-stats b{color:var(--text)}.danger-btn{height:40px;border-radius:8px;background:#fff0f0;color:#bf3030;display:inline-flex;gap:8px;align-items:center;justify-content:center}.admin-shell{height:100vh;overflow:hidden;display:grid;grid-template-columns:244px minmax(0,1fr);background:var(--bg)}.admin-side{height:100vh;overflow:hidden;padding:24px 18px;border-right:1px solid #dce8f5;background:linear-gradient(180deg,#f7fbff,#edf7ff);display:grid;align-content:start;gap:12px}.admin-side img{width:165px;height:64px;object-fit:contain;margin:0 auto 18px}.admin-side svg{width:18px;height:18px}.admin-main{min-width:0;min-height:0;height:100vh;overflow-y:auto;overflow-x:hidden}.admin-panel{margin:30px;padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid input,.form-grid select{height:42px;padding:0 12px;width:100%}.admin-config-stack{display:grid;gap:18px;max-width:1040px}.admin-config-stack>.legacy-comfy-config-card{display:none}.admin-config-stack>.text-model-config-card{order:-1}.config-card{padding:18px;border:1px solid #d9e5f2;border-radius:8px;background:#f8fbff}.config-card h3{margin:0 0 16px;color:#1f3048;font-size:16px}.model-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.legacy-priority-config{display:none!important}.priority-config-card{display:grid;gap:22px}.priority-config-title,.priority-group-head,.priority-entry-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.priority-config-title p,.priority-group-head small{display:block;margin:5px 0 0;color:#70819a;font-weight:500}.priority-config-title>span,.priority-group-head>span,.priority-entry-head>span{border-radius:999px;background:#eef6ff;color:#3975ad;padding:5px 10px;font-size:12px;white-space:nowrap}.priority-group{display:grid;gap:12px;padding-top:18px;border-top:1px solid #e4ebf3}.priority-entry-list{display:grid;gap:12px}.priority-entry-card{padding:16px;border:1px solid #dce5ef;border-radius:14px;background:#f9fbfd;cursor:grab;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.priority-entry-card:hover{border-color:#9cc5e7;box-shadow:0 8px 22px #2e5b8414}.priority-entry-card:active{cursor:grabbing}.priority-entry-head{justify-content:flex-start;margin-bottom:14px;color:#6d7f91}.priority-entry-head strong{display:flex;align-items:center;gap:9px;color:#172b3e}.priority-entry-head strong i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#263f55;color:#fff;font-style:normal;font-size:12px}.priority-entry-head>span{margin-left:auto}@media(max-width:760px){.priority-config-title{align-items:flex-start;flex-direction:column}}.model-config-card{padding:16px;border:1px solid #d9e5f2;border-radius:8px;background:#fff;display:grid;gap:14px}.model-config-card>label:nth-of-type(2),.model-config-card>label:nth-of-type(5){display:none}.model-config-card label,.form-grid label{display:grid;gap:8px;color:#536278;font-size:13px;font-weight:650}.model-config-card input,.model-config-card select,.form-grid input,.form-grid select,.secret-field input{min-height:44px;border:1px solid #d6e4f4;border-radius:10px;background:#fff;color:#0d2340;font-size:14px;outline:none}.model-config-card input,.model-config-card select,.secret-field input{padding:0 12px}.model-config-card input:focus,.model-config-card select:focus,.secret-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1677ff1a}.model-config-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.model-config-head b{color:#1f3048}.model-config-head span{padding:3px 9px;border-radius:999px;color:var(--blue);background:#edf5ff;font-size:12px;font-weight:650}.secret-field{display:grid;grid-template-columns:1fr 42px;gap:8px}.fallback-config{margin-top:4px;padding:14px;border:1px dashed #cfe0f3;border-radius:10px;background:#f7fbff;display:grid;gap:12px}.fallback-config>b{color:#1f3048;font-size:14px}.api-priority-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.api-priority-head>b{color:#1f3048;font-size:14px}.api-priority-head button{min-height:32px;padding:0 10px;border:1px solid #c9daed;border-radius:8px;color:#526177;background:#fff;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.api-priority-head button:hover:not(:disabled){color:var(--blue);border-color:var(--blue-2)}.comfy-config-card{max-width:1040px}.config-note{margin:0;padding:10px 12px;border-radius:8px;color:#65768d;background:#f3f8fe;font-size:12px;line-height:1.6}.comfy-config-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.template-admin-list{display:grid;gap:16px;max-width:1040px;margin-top:16px}.template-admin-card{padding:18px;border:1px solid #d9e5f2;border-radius:8px;background:#fff;display:grid;gap:14px}.template-admin-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.template-admin-head b{color:#1f3048}.template-admin-head button{min-height:34px;padding:0 12px;border-radius:8px;color:var(--red);background:#fff2f2;display:inline-flex;gap:6px;align-items:center}.full-label{display:grid;gap:8px;color:#536278;font-size:13px;font-weight:650}.full-label textarea{min-height:112px;height:112px;padding:12px}.admin-actions{display:flex;gap:12px;align-items:center;margin-top:22px;flex-wrap:wrap}.admin-actions>button:not(.primary-btn){min-height:40px;padding:0 14px;border-radius:8px;border:1px solid #d9e5f2;background:#fff;display:inline-flex;align-items:center;gap:7px}.save-status{color:#718198;font-size:13px}.account-table{margin-top:16px;border:1px solid #d9e5f2;border-radius:8px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:1fr 1.5fr .8fr .8fr .8fr 92px;gap:0;align-items:center}.table-head{background:#edf5ff;color:#536278;font-weight:650;font-size:13px}.table-head span{padding:12px}.table-row{border-top:1px solid #d9e5f2;background:#fff}.table-row input,.table-row select{height:38px;margin:8px;padding:0 10px;min-width:0}.table-row button{height:34px;margin:8px;border-radius:7px;color:var(--red);background:#fff0f0;display:flex;gap:5px;align-items:center;justify-content:center}.table-row button svg{width:16px;height:16px}@media(max-width:980px){.app-shell,.app-shell.sidebar-collapsed,.admin-shell{grid-template-columns:1fr}.sidebar,.admin-side{width:100%;height:auto;min-height:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;overflow:hidden}.sidebar.collapsed{padding:12px 16px;align-items:center}.sidebar.collapsed .nav-label{display:inline}.sidebar.collapsed nav button{width:auto;min-width:0;padding:0 12px}.sidebar.collapsed .sidebar-brand-row,.sidebar.collapsed .sidebar-brand{width:auto;overflow:visible}.sidebar.collapsed .brand-logo{display:block;width:132px}.sidebar.collapsed .sidebar-brand:hover .brand-hover-icon{display:none}.brand-logo,.admin-side img{width:132px;margin:0}.plan-box{display:none}.workspace,.cutout-layout{grid-template-columns:1fr}.cutout-result{min-height:380px}.control-panel{border-right:0;border-bottom:1px solid #dce8f5}.image-stage{min-height:420px;height:auto}.form-grid{grid-template-columns:1fr}.table-head,.table-row{grid-template-columns:minmax(120px,1fr) minmax(160px,1.4fr) 90px 90px 90px 82px;min-width:760px}.account-table{overflow-x:auto}}@media(max-width:640px){.topbar,.admin-top{height:auto;padding:16px;align-items:flex-start;flex-direction:column}.top-actions{width:100%;flex-wrap:wrap;gap:10px}.control-panel,.preview-panel,.page-block,.admin-panel{padding:16px;margin:0}.cutout-card{padding:14px}.cutout-upload{min-height:240px}.cutout-upload img{height:220px}.cutout-actions{grid-template-columns:1fr}.cutout-download{width:100%}.template-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.generate-row,.generate-row.has-cancel,.preview-actions,.advanced-grid,.profile-stats{grid-template-columns:1fr}.image-stage{min-height:320px;max-height:none}.detail-modal{grid-template-columns:1fr}.sidebar nav,.secondary-nav{width:100%;grid-template-columns:repeat(2,1fr)}.sidebar nav button{justify-content:center}}@media(max-width:980px){html,body,#root{height:100%;min-height:100%}body{overscroll-behavior-y:none}.app-shell,.app-shell.sidebar-collapsed{height:100vh;height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr)}.sidebar,.sidebar.collapsed{width:100%;height:auto;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));border-right:0;border-bottom:1px solid #dce8f5;overflow:hidden;display:block}.sidebar-content{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.sidebar-brand-row,.sidebar.collapsed .sidebar-brand-row{width:auto;min-height:40px}.sidebar-brand,.sidebar.collapsed .sidebar-brand{width:auto;height:40px;pointer-events:none}.brand-logo,.sidebar.collapsed .brand-logo,.sidebar.collapsed .brand-logo.brand-mark{width:108px;height:38px;object-fit:contain;object-position:left center}.sidebar-toggle,.sidebar-nav-title,.secondary-nav{display:none}.sidebar nav.primary-nav,.sidebar.collapsed nav.primary-nav{width:100%;min-width:0;display:flex;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sidebar nav.primary-nav::-webkit-scrollbar{display:none}.sidebar nav.primary-nav button,.sidebar.collapsed nav.primary-nav button{flex:0 0 auto;width:auto;min-width:44px;min-height:44px;height:44px;padding:0 11px;justify-content:center;white-space:nowrap}.sidebar nav.primary-nav button svg{width:18px;height:18px}.sidebar.collapsed .nav-label{display:inline}.main-surface{height:auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.workspace{height:auto;min-height:100%;overflow:visible;display:block}.control-panel,.preview-panel,.page-block{width:100%;height:auto;min-height:0;overflow:visible}.preview-panel{border-top:1px solid #dce8f5}.admin-shell{height:100vh;height:100dvh;grid-template-rows:auto minmax(0,1fr)}.admin-side{padding-top:max(12px,env(safe-area-inset-top));padding-inline:max(12px,env(safe-area-inset-left))}.admin-main{height:auto;padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch}}@media(max-width:640px){input,textarea,select{font-size:16px}button,a,input,textarea,select{touch-action:manipulation}.sidebar-content{grid-template-columns:42px minmax(0,1fr);gap:6px}.brand-logo,.sidebar.collapsed .brand-logo,.sidebar.collapsed .brand-logo.brand-mark{width:38px;height:38px;object-position:left center;object-fit:cover}.sidebar nav.primary-nav button,.sidebar.collapsed nav.primary-nav button{padding:0 10px}.sidebar nav.primary-nav .nav-label{display:none}.sidebar nav.primary-nav button.active .nav-label{display:inline}.topbar,.admin-top{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));gap:10px}.topbar h1,.admin-top h1{font-size:19px}.topbar p,.admin-top p,.top-actions .quota,.top-actions>.icon-btn{display:none}.top-actions{flex-wrap:nowrap;justify-content:space-between}.user-chip{margin-left:auto;min-height:44px}.control-panel,.preview-panel,.page-block,.admin-panel{padding:14px max(14px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.segmented,.select-row,.prompt-mode-row button,.template-strip button,.choice-group button,.inline-history-tools button,.preview-actions button,.preview-actions a,.ghost-btn{min-height:44px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-card,.add-reference{height:104px}.combined-prompt-card>header{align-items:flex-start}.combined-prompt-card>header>div:first-child span{white-space:normal}.template-strip{display:flex;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.template-strip::-webkit-scrollbar{display:none}.template-strip>span{display:none}.template-strip button{flex:0 0 auto;padding-inline:14px}.generate-row.has-cancel{grid-template-columns:1fr 1fr}.generate-row.has-cancel .generate-btn{grid-column:1 / -1}.preview-head,.inline-history-head,.page-title{align-items:flex-start;flex-wrap:wrap}.page-title{gap:10px;margin-bottom:18px}.page-title>span{width:40px;height:40px}.page-title h2{font-size:21px}.page-title-action{width:100%;min-height:44px;margin-left:0}.inline-history-head .inline-history-tools{width:100%;justify-content:flex-end}.inline-history-card{flex-basis:min(88vw,320px)}.history-timeline:before,.timeline-dot{display:none}.history-item{min-height:0;margin-left:0;grid-template-columns:96px minmax(0,1fr);gap:10px}.history-item img{width:96px;height:96px}.history-item>footer{grid-column:1 / -1}.mask-editor-backdrop,.modal-backdrop,.generation-error-backdrop{padding:0}.mask-editor,.generation-error-modal,.detail-modal{width:100%;max-width:none;max-height:100dvh;border-radius:18px 18px 0 0;align-self:end}.mask-editor-stage{height:min(54dvh,520px);padding:10px}.mask-editor-tools{padding-bottom:calc(14px + env(safe-area-inset-bottom));flex-wrap:wrap}.mask-editor-tools label{width:100%;margin-right:0}.mask-editor-tools input{min-width:0;flex:1}.generation-error-content{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.generation-error-actions{display:grid;grid-template-columns:1fr 1fr}.generation-error-actions button{min-width:0}.login-screen{min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.login-card{min-height:100vh;min-height:100dvh}.login-visual{padding-top:max(28px,env(safe-area-inset-top))}}:root{--bg: #eef1f5;--panel: rgba(251, 252, 254, .96);--panel-soft: rgba(244, 247, 250, .92);--line: #d9dfe7;--line-strong: #bbc4cf;--text: #202836;--muted: #7b8593;--soft: #e9eef4;--blue: #1d2089;--blue-2: #7ecdf4;--green: #429578;--red: #bd4d58;--shadow: 0 12px 30px rgba(45, 58, 78, .09);color:var(--text);background:var(--bg)}.chat-page{min-width:0;min-height:0;height:100%;padding:24px 30px 28px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px}.chat-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.chat-page-head>div>span{color:#4d58dd;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:760;letter-spacing:.05em}.chat-page-head h2{margin:7px 0 4px;color:#20283a;font-size:clamp(22px,2vw,30px);line-height:1.2;letter-spacing:-.045em}.chat-page-head p{margin:0;color:#7b8596;font-size:13px}.chat-page-head .ghost-btn{min-height:38px;padding:0 13px;border-color:#d8deea;background:#ffffffc7;display:inline-flex;align-items:center;gap:7px}.chat-workspace{min-height:0;overflow:hidden;border:1px solid rgba(210,217,230,.9);border-radius:18px;background:#fafbfde6;box-shadow:0 22px 55px #2d375214;display:grid;grid-template-rows:minmax(0,1fr) auto}.chat-thread{min-height:0;padding:30px max(24px,calc((100% - 900px)/2));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7cfdd transparent}.chat-welcome{min-height:100%;padding:42px 0 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.chat-assistant-mark{width:58px;height:58px;margin-bottom:16px;border:1px solid rgba(78,86,221,.14);border-radius:18px;background:linear-gradient(145deg,#fff,#eef0ff);box-shadow:0 16px 34px #3b38be24;display:grid;place-items:center}.chat-assistant-mark img{width:34px;height:34px}.chat-welcome>span{color:#5964d8;font-size:12px;font-weight:760}.chat-welcome h3{margin:8px 0 7px;color:#222b3d;font-size:clamp(24px,2.3vw,34px);letter-spacing:-.05em}.chat-welcome>p{max-width:620px;margin:0;color:#7b8596;font-size:14px;line-height:1.7}.chat-suggestions{width:min(720px,100%);margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chat-suggestions button{min-height:88px;padding:15px;border:1px solid #dce1eb;border-radius:13px;background:#ffffffd1;color:#4c5669;text-align:left;line-height:1.55;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.chat-suggestions button:hover{border-color:#aeb7ee;box-shadow:0 12px 28px #3d43aa17;transform:translateY(-2px)}.chat-suggestions svg{flex:0 0 auto;color:#5861d7}.chat-message{width:min(900px,100%);margin:0 auto 24px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px}.chat-message.user{grid-template-columns:minmax(0,1fr) 38px}.chat-message.user .chat-avatar{grid-column:2}.chat-message.user .chat-bubble{grid-column:1;grid-row:1;justify-self:end;border-color:#4e53d429;background:linear-gradient(145deg,#f1f2ff,#eceeff)}.chat-avatar{width:38px;height:38px;overflow:hidden;border:1px solid #dce2ec;border-radius:12px;background:#fff;color:#667185;display:grid;place-items:center}.chat-avatar img{width:100%;height:100%;padding:7px;object-fit:contain}.chat-message.user .chat-avatar img{padding:0;object-fit:cover}.chat-bubble{width:fit-content;max-width:min(760px,88%);padding:13px 16px 14px;border:1px solid #e0e5ed;border-radius:4px 15px 15px;background:#fff;box-shadow:0 8px 24px #2b354b0b}.chat-message.user .chat-bubble{border-radius:15px 4px 15px 15px}.chat-bubble header{margin-bottom:7px;display:flex;align-items:center;gap:9px}.chat-bubble header b{color:#354054;font-size:12px}.chat-bubble header span,.chat-bubble small{color:#9aa2b0;font-size:10px}.chat-bubble p{margin:0;color:#333d50;font-size:14px;line-height:1.78;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble small{display:block;margin-top:8px}.typing-dots{height:22px;display:flex;align-items:center;gap:5px}.typing-dots i{width:6px;height:6px;border-radius:50%;background:#6972dd;animation:chat-dot 1.15s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.14s}.typing-dots i:nth-child(3){animation-delay:.28s}@keyframes chat-dot{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}.chat-composer-wrap{padding:14px max(24px,calc((100% - 900px)/2)) 16px;border-top:1px solid #e1e5ed;background:#f7f9fcf0}.chat-login-notice,.chat-error{margin:0 0 9px;font-size:12px;display:flex;align-items:center;gap:7px}.chat-login-notice{justify-content:space-between;color:#697487}.chat-login-notice button{border:0;background:transparent;color:#434cd1;font-weight:740}.chat-error{color:#c45058}.chat-composer{min-height:58px;padding:9px 10px 9px 16px;border:1px solid #cfd6e2;border-radius:15px;background:#fff;box-shadow:0 10px 28px #25314812;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:9px}.chat-composer:focus-within{border-color:#858ce6;box-shadow:0 0 0 3px #5b5edb17,0 12px 32px #25314814}.chat-composer textarea{min-height:38px;max-height:130px;padding:8px 0;resize:vertical;border:0;outline:0;background:transparent;color:#2f394b;font:inherit;line-height:1.5}.chat-counter{padding-bottom:10px;color:#a0a7b3;font-size:10px}.chat-send,.chat-stop{width:40px;height:40px;border:0;border-radius:11px;color:#fff;background:linear-gradient(145deg,#3448e7,#5b32dc);box-shadow:0 8px 20px #3937cf3d;display:grid;place-items:center}.chat-stop{background:#515b6c;box-shadow:none}.chat-send:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.chat-disclaimer{display:block;margin-top:7px;color:#9aa2ae;text-align:center;font-size:10px}@media(max-width:900px){.chat-page{padding:18px}.chat-page-head p{display:none}.chat-thread,.chat-composer-wrap{padding-left:18px;padding-right:18px}.chat-suggestions{grid-template-columns:1fr}.chat-suggestions button{min-height:58px;align-items:center}}@media(max-width:600px){.chat-page{padding:12px;gap:10px}.chat-page-head h2{font-size:20px}.chat-page-head .ghost-btn{font-size:0;width:38px;padding:0;justify-content:center}.chat-workspace{border-radius:14px}.chat-thread{padding:20px 12px}.chat-welcome{justify-content:flex-start;padding-top:34px}.chat-message{grid-template-columns:32px minmax(0,1fr);gap:8px}.chat-message.user{grid-template-columns:minmax(0,1fr) 32px}.chat-avatar{width:32px;height:32px;border-radius:10px}.chat-bubble{max-width:94%;padding:11px 13px}.chat-composer-wrap{padding:10px 10px 12px}.chat-counter{display:none}.chat-composer{grid-template-columns:minmax(0,1fr) auto}}@media(prefers-reduced-motion:reduce){.typing-dots i{animation:none;opacity:.75}.chat-suggestions button{transition:none}}body{background:#e9edf2}button,input,textarea,select{border-radius:7px}button:focus-visible{outline:2px solid #7eb7e3;outline-offset:2px}input,textarea,select{border-color:#d5dbe3;color:var(--text);background:#fffffff7}input:focus,textarea:focus,select:focus{border-color:#80add5;box-shadow:0 0 0 3px #7ecdf42e}::selection{color:#151a3e;background:#cceafb}.app-shell{grid-template-columns:186px minmax(0,1fr);border:1px solid #d2d8e0;border-radius:16px;overflow:hidden;background:#f4f6f9}.app-shell.sidebar-collapsed{grid-template-columns:58px minmax(0,1fr)}.sidebar{padding:0;gap:0;display:flex;flex-direction:column;border-right:1px solid #d9dee5;background:#f8fafc;box-shadow:none}.sidebar-content{min-width:0;width:100%;min-height:100vh;padding:13px 11px;display:flex;flex-direction:column;gap:14px}.sidebar-brand-row{min-height:50px;padding-bottom:10px;border-bottom:1px solid #e0e5eb}.brand-logo{width:136px;max-height:42px}.sidebar-toggle{width:28px;height:28px;border:1px solid transparent;border-radius:6px;color:#677485;background:transparent}.sidebar-toggle:hover{border-color:#d4dbe4;background:#edf2f7}.sidebar nav{gap:5px}.sidebar nav button,.admin-side button,.admin-side a{min-height:38px;border:1px solid transparent;border-radius:7px;color:#5b6777;background:transparent;font-weight:620}.sidebar nav button:hover{border-color:transparent;color:#344359;background:#f0f3f7;box-shadow:none}.sidebar nav button.active,.sidebar nav:first-of-type button.active{border-color:transparent;border-left:2px solid #1d2089;color:#293b56;background:#edf1f6;box-shadow:none}.secondary-nav{padding-top:14px;border-top:1px solid #e0e5eb}.sidebar.collapsed{display:flex;padding:8px 7px;background:#f2f5f8}.sidebar.collapsed .sidebar-content{width:100%;min-height:auto;padding:0;align-items:center}.sidebar.collapsed .sidebar-brand-row,.sidebar.collapsed .sidebar-brand{width:100%;justify-content:center}.sidebar.collapsed .brand-logo.brand-mark{width:40px;height:40px;padding:5px;border-radius:8px;background:#fff}.sidebar.collapsed .sidebar-brand:hover .brand-logo.brand-mark{display:none}.sidebar.collapsed .sidebar-brand:hover .brand-hover-icon{display:block;color:#1d2089}.sidebar.collapsed nav{display:grid;width:100%;gap:6px;justify-items:center}.sidebar.collapsed .secondary-nav{display:grid;margin-top:2px;padding-top:10px;border-top-color:#dce2e9}.sidebar.collapsed nav button{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;justify-content:center;border-radius:8px}.sidebar.collapsed nav button.active,.sidebar.collapsed nav:first-of-type button.active{position:relative;min-height:40px;border:0;color:#1d2089;background:#e4eaf2}.sidebar.collapsed nav button.active:before{content:"";position:absolute;left:-7px;width:2px;height:18px;border-radius:2px;background:#1d2089}.sidebar.collapsed [data-tooltip]:after{left:calc(100% + 10px);border-color:#d8dee7;color:#344359;background:#fff;box-shadow:0 8px 24px #2a354521}.main-surface,.admin-main{background:#f4f6f9}.topbar,.admin-top{height:64px;padding:0 22px;border-bottom-color:#dde2e8;background:#f9fafcf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar h1,.admin-top h1{color:#28313f;font-size:18px;font-weight:720;letter-spacing:-.025em}.topbar p,.admin-top p{color:#818b98}.top-actions{gap:11px}.status-pill{min-height:28px;padding:0 10px;border:1px solid #dce2e9;border-radius:8px;color:#687484;background:#f4f7fa}.status-pill.connected{border-color:#cfe6dc;color:#3f846b;background:#eef8f4}.status-pill.error{border-color:#ead4d7;color:#a7444f;background:#fff4f5}.quota{min-height:36px;padding:5px 11px;border:1px solid #dce2e9;border-radius:8px;color:#717d8c;background:#f7f9fb;grid-auto-flow:column;align-items:center;gap:7px}.quota b{color:#27303d}.icon-btn{border-color:transparent;border-radius:7px;color:#647181;background:transparent}.icon-btn:hover{border-color:#d7dee7;color:#1d2089;background:#edf3f9}.user-chip small{color:#748090}.workspace{grid-template-columns:minmax(0,1fr) 365px;background:#f3f5f8}.control-panel{grid-column:2;grid-row:1;padding:14px 18px 18px;border:0;border-left:1px solid #dbe1e8;background:#f8fafc}.preview-panel{grid-column:1;grid-row:1;padding:18px 24px;background:#f4f6f9}.preview-head{margin-bottom:12px}.preview-head b,.inline-history-head b{color:#27303d;font-weight:740}.preview-head span,.meta-line{color:#818b98}.segmented{min-height:40px;height:40px;margin-bottom:12px;border-color:#d8dee6;border-radius:7px;background:#eef2f6;box-shadow:none}.segmented button{color:#6f7a89}.segmented button.selected,.segmented button:first-child.selected,.segmented button:last-child.selected{margin:0;border:1px solid #d7e2ef;border-radius:6px;color:#1d2089;background:#fff;box-shadow:0 5px 12px #2d405e14}.field{margin-bottom:10px}.field-label,.choice-group>span{color:#424c5a;font-size:12px;font-weight:680}.field-label button{color:#697687}.select-row,.upload,.template-selected-card,.combined-prompt-card,.readiness-strip span,.prompt-mode-row,.choice-group button,.template-strip button{border-color:#d7dde5;border-radius:7px;box-shadow:none}.select-row,.template-selected-card{background:#fff}.select-row,.select-row *,.template-selected-card,.template-selected-card *{color:#303a48}.model-select>span,.template-selected-card span,.template-selected-card small{color:#647080!important;border-color:transparent}.select-meta,.prompt-status{border-radius:999px;color:#687383;background:#edf1f5}.model-menu,.template-drawer{border-color:#c7d0db;border-radius:8px;box-shadow:var(--shadow);background:#fbfcfd}.model-menu button.selected,.template-drawer button.selected{color:#1d2089;background:#ebf2fb;box-shadow:inset 3px 0 #7ecdf4}.upload{color:#7c8794;background:#f9fafc}.upload b{color:#667281}.upload:hover,.add-reference:hover{border-color:#9dc7e5;color:#345f86;background:#f1f7fc}.reference-card,.add-reference{border-radius:7px}.readiness-strip{gap:6px;margin-bottom:10px}.readiness-strip span,.readiness-strip .ready,.readiness-strip .waiting{background:#f7f9fb}.readiness-strip .ready{border-color:#c9dfef;color:#2f5f88;background:#eef6fc}.readiness-strip small{color:#89929e}.readiness-strip b{color:#3c4755}.prompt-mode-row{gap:0;padding:3px;background:#edf1f5}.prompt-mode-row button{min-height:34px;border-radius:6px;color:#697585}.prompt-mode-row button.selected{color:#1d2089;background:#f8fbfe;box-shadow:inset 0 0 0 1px #d7e6f1}.combined-prompt-card{background:#fbfcfd}.combined-prompt-card>header{min-height:44px;padding:7px 10px}.combined-prompt-card header{border-bottom-color:#dce1e8;background:#f1f4f7}.combined-prompt-card header b{color:#36414f}.combined-prompt-card header span,.combined-prompt-section>span,.combined-prompt-section small{color:#7d8794}.prompt-status{color:#657181!important;border-color:#d7dde5}.prompt-input{color:#3b4654!important;border-color:#d7dde5!important;line-height:1.6}.combined-prompt-section{padding:6px 10px 5px}.combined-prompt-section.unified textarea,.combined-prompt-card.is-template .combined-prompt-section.unified textarea{min-height:82px;height:82px}.template-strip>span,.template-strip button{color:#687586}.template-strip{margin-bottom:6px}.template-strip span,.choice-group>span{font-size:12px}.template-strip button,.choice-group button{min-height:29px}.choice-group{margin-top:9px}.choice-group button{min-height:32px;color:#667283;background:#fff}.choice-group button:hover,.choice-group button.selected{border-color:#465269;color:#fff;background:#4b5569}.primary-btn,.generate-btn{border:1px solid #333c49;border-radius:7px;color:#f8fafc;background:#3f4857;box-shadow:none;font-weight:680}.primary-btn:hover:not(:disabled),.generate-btn:hover:not(:disabled){color:#fff;background:#1d2089;transform:none;box-shadow:none}.generate-btn:before,.generate-btn:after{display:none!important;content:none!important}.generate-btn.staggered-action-button:hover:not(:disabled),.generate-btn.staggered-action-button:focus-visible{background:#354052}.generate-btn .sab-text{color:#f8fafc;font-size:14px;font-weight:680}.generate-row{margin-top:8px;gap:10px}.generate-btn,.generate-row .ghost-btn{min-height:44px}.ghost-btn,.page-title-action,.preview-actions button,.preview-actions a,.admin-actions button{border-color:#d7dde5;border-radius:7px;color:#536071;background:#fafbfd}.image-stage{border:1px solid #d5dbe3;border-radius:7px;background:#e7ebf0;box-shadow:0 8px 22px #303d4f12}.image-stage.idle,.image-stage.loading{color:#7e8996;background:#e7ebf0}.empty-state b,.loading-state b{color:#5b6674}.empty-state svg,.loading-state svg,.spin.large{color:#76879a}.empty-state,.empty-state span,.loading-state,.inline-history-empty,.inline-history-empty span,.inline-history-empty svg{color:#89939f}.result-stage,.result-stage img,.preview-image-button.result-stage{border-radius:6px}.preview-nav{border-radius:7px;color:#283c65;background:#e5eef8}.preview-actions{gap:0}.preview-actions button,.preview-actions a,.preview-actions button:first-child,.preview-actions a:first-child,.preview-actions button:last-child{border-radius:0}.preview-actions button:first-child,.preview-actions a:first-child{border-radius:7px 0 0 7px}.preview-actions button:last-child{border-radius:0 7px 7px 0}.meta-line{padding:9px 11px;border:1px solid #d9dfe6;border-radius:7px;background:#f7f9fb;font-size:11px}.inline-history{padding:12px 0 0;border:0;border-top:1px solid #dbe1e8;border-radius:0;background:transparent}.inline-history-head span,.inline-history-tools,.inline-history-tools span,.inline-history-tools button{color:#748090}.inline-history-card{border-color:#d6dde5;border-radius:7px;background:#fbfcfd;box-shadow:none}.inline-history-card:hover{border-color:#83b3dc;box-shadow:0 6px 16px #3253771a}.inline-history-image,.inline-history-image img{border-radius:6px 0 0 6px}.generation-queue{border-color:#d7dde5;border-radius:7px;background:#f8fafc}.page-block{padding:30px 34px;background:#f4f6f9}.page-block.compact{max-width:none}.page-title{min-height:58px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dbe1e8;gap:12px}.page-title>span{width:38px;height:38px;border:1px solid #d8e4ef;border-radius:9px;color:#40658a;background:#edf5fb}.page-title h2{color:#2d3745;font-size:24px;font-weight:740;letter-spacing:-.03em}.page-title p{color:#808a97;font-size:13px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-card,.history-item,.profile-card,.admin-panel,.cutout-card,.config-card,.model-config-card,.template-admin-card{border-color:#d7dde5;border-radius:9px;background:#fbfcfd;box-shadow:0 7px 20px #323e500d}.template-card{min-height:190px;padding:22px}.template-card>span{color:#4b7195}.template-card h3,.history-item h3{color:#313b49}.template-card button,.history-item button{border:1px solid #d8dee6;border-radius:7px;background:#fff}.template-card button:hover,.history-item button:hover{border-color:#9cc4e2;background:#eef6fc}.history-timeline:before{background:#d5dce5}.history-item:hover,.history-item.latest{border-color:#8db9dc;box-shadow:0 8px 20px #36547417}.timeline-dot{border-color:#f4f6f9;background:#7ecdf4;box-shadow:0 0 0 1px #8cb8d9}.empty-wide{border-color:#c5cdd7;border-radius:9px;color:#8994a1;background:#eef1f5}.cutout-page{background:#f4f6f9}.cutout-config-warning{border-color:#dce2e8;border-radius:7px;color:#667283;background:#eef2f6}.cutout-layout{gap:14px}.cutout-card{padding:22px}.cutout-step>span{border-radius:7px;color:#f8fafc;background:#485365}.cutout-upload,.cutout-result{border-color:#ced5de;border-radius:8px}.cutout-upload{background:#f3f6f9}.cutout-upload:hover{border-color:#8eb9da;background:#eef6fc}.cutout-result{background-color:#f7f9fb}.cutout-result.has-result{background-image:conic-gradient(#dfe5ec 25%,#f7f9fb 0,#f7f9fb 50%,#dfe5ec 0,#dfe5ec 75%,#f7f9fb 0)}.cutout-result:not(.has-result){background-color:#e7ebf0;background-image:none}.cutout-empty b{color:#66717f}.cutout-empty,.cutout-empty span{color:#89939f}.batch-shell{border-color:#c7cfd9;border-radius:9px;background:#eef1f5}.batch-shell span{border-color:#d6dde5;border-radius:8px;color:#536071;background:#fafbfd}.profile-card{max-width:720px;padding:26px}.profile-card>img{border:3px solid #c7dced}.profile-stats span{border:1px solid #d8dee6;border-radius:8px;background:#f1f4f7}.danger-btn{border:1px solid #e2c7ca;border-radius:7px}.admin-shell{grid-template-columns:240px minmax(0,1fr);background:#eef1f5}.admin-side{padding:20px 16px;border-right-color:#d6dde5;background:#f7f9fb}.admin-side img{padding:8px;border-radius:8px;background:#fff}.admin-side button,.admin-side a{color:#596676}.admin-side button:hover,.admin-side button.active{border-color:#d6e1ef;color:#263d72;background:#eaf1fa}.admin-panel{margin:24px;padding:24px}.admin-config-stack{max-width:none}.config-card{padding:20px;background:#f1f4f7}.config-card h3{color:#35404e}.model-config-card{background:#fff}.model-config-head span{color:#315f87;background:#eaf4fb}.model-config-card input,.model-config-card select,.form-grid input,.form-grid select,.secret-field input{border-color:#d7dde5;border-radius:7px;color:#35404e}.model-config-card input:focus,.model-config-card select:focus,.secret-field input:focus{border-color:#86b1d4;box-shadow:0 0 0 3px #7ecdf429}.fallback-config{border-color:#d0d7df;border-radius:8px;background:#f2f5f8}.api-priority-head button{border-color:#d4dbe4;border-radius:7px;color:#536071;background:#fff}.table-head{color:#315170;background:#e9f2f9}.table-row{border-color:#dce2e9;background:#fff}.detail-modal{border:1px solid #d0d7df;border-radius:10px;background:#f7f9fb;box-shadow:0 20px 50px #23314433}.modal-backdrop{background:#2f3a4a80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.login-screen{position:relative;min-height:100vh;padding:26px;grid-template-columns:minmax(360px,1.08fr) minmax(420px,.92fr);gap:0;background:#e8edf2}.login-screen:before{content:"";align-self:stretch;min-height:calc(100vh - 52px);border:1px solid #ccd4dd;border-radius:16px 0 0 16px;background-color:#cfd6de;background-image:url(/assets/mountain-preview-CUIQkmz_.png);background-size:cover;background-position:center;filter:grayscale(1) saturate(.3) contrast(.92) brightness(.9)}.login-screen:after{content:"CREATE WITH CLARITY\a COTTON LANGUAGE · AI STUDIO";position:absolute;left:64px;bottom:64px;max-width:520px;color:#f8fafc;white-space:pre;font-size:clamp(20px,2.8vw,42px);font-weight:740;line-height:1.08;letter-spacing:-.035em;text-shadow:0 2px 12px rgba(34,49,69,.3);pointer-events:none}.login-panel{width:100%;min-height:calc(100vh - 52px);padding:clamp(32px,6vw,82px);border:1px solid #ccd4dd;border-left:0;border-radius:0 16px 16px 0;background:#f7f9fbf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:none;align-content:center}.login-logo{width:172px;height:58px;margin:0 0 28px}.brand-logo,.login-logo,.admin-side img{filter:none!important}.login-copy p{color:#496d91;font-weight:700}.login-copy h1{color:#2c3542;font-size:32px;letter-spacing:-.04em}.auth-links button{color:#365f88;font-weight:650}@media(max-width:1180px){.app-shell{grid-template-columns:174px minmax(0,1fr)}.workspace{grid-template-columns:minmax(0,1fr) 338px}.preview-panel{padding:18px}.control-panel{padding:14px}.brand-logo{width:122px}}@media(max-width:980px){.app-shell,.app-shell.sidebar-collapsed,.admin-shell{height:auto;min-height:100vh;overflow:auto;grid-template-columns:1fr;grid-template-rows:auto auto;border-radius:0}.main-surface,.admin-main{height:auto;min-height:100vh}.sidebar{width:100%;height:auto;min-height:auto;overflow:visible}.sidebar-content{min-height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.workspace{display:flex;flex-direction:column;overflow:auto}.preview-panel,.control-panel{height:auto;overflow:visible}.preview-panel{order:1}.control-panel{order:2;border-left:0;border-top:1px solid #dbe1e8}.login-screen{grid-template-columns:1fr}.login-screen:before,.login-screen:after{display:none}.login-panel{max-width:620px;min-height:auto;border-left:1px solid #ccd4dd;border-radius:14px}}@media(max-width:640px){.page-block,.preview-panel,.control-panel,.admin-panel{padding:16px}.template-grid,.model-config-grid{grid-template-columns:1fr}.page-title h2{font-size:21px}.login-screen{padding:14px}.login-panel{padding:28px 22px}}@media(max-width:980px){.app-shell,.app-shell.sidebar-collapsed{height:100dvh;grid-template-rows:auto minmax(0,1fr)}.sidebar,.sidebar.collapsed{display:block;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));border-right:0;border-bottom:1px solid #c7c7c1}.sidebar-content{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.sidebar-brand-row,.sidebar.collapsed .sidebar-brand-row,.sidebar-brand,.sidebar.collapsed .sidebar-brand{width:auto;height:40px;min-height:40px}.sidebar-brand,.sidebar.collapsed .sidebar-brand{pointer-events:none}.brand-logo,.sidebar.collapsed .brand-logo,.sidebar.collapsed .brand-logo.brand-mark{width:108px;height:38px;object-fit:contain;object-position:left center}.sidebar-toggle,.sidebar-nav-title,.sidebar nav.secondary-nav{display:none}.sidebar nav.primary-nav,.sidebar.collapsed nav.primary-nav{display:flex;width:100%;min-width:0;gap:4px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sidebar nav.primary-nav::-webkit-scrollbar{display:none}.sidebar nav.primary-nav button,.sidebar.collapsed nav.primary-nav button{flex:0 0 auto;width:auto;min-width:44px;height:44px;padding:0 11px;justify-content:center;white-space:nowrap}.main-surface{height:auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.workspace{height:auto;min-height:100%;display:flex;flex-direction:column;overflow:visible}.control-panel{order:1}.preview-panel{order:2}.control-panel,.preview-panel,.page-block{width:100%;height:auto;min-height:0;overflow:visible}}@media(max-width:640px){.sidebar-content{grid-template-columns:42px minmax(0,1fr);gap:6px}.brand-logo,.sidebar.collapsed .brand-logo,.sidebar.collapsed .brand-logo.brand-mark{width:38px;height:38px;object-fit:cover;object-position:left center}.sidebar nav.primary-nav .nav-label{display:none}.sidebar nav.primary-nav button.active .nav-label{display:inline}.page-block,.preview-panel,.control-panel,.admin-panel{padding:14px max(14px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.login-screen{min-height:100dvh;padding-bottom:calc(14px + env(safe-area-inset-bottom))}}.profile-page{max-width:none;padding:26px 30px 34px}.profile-page .page-title{margin-bottom:22px}.profile-dashboard{display:grid;gap:16px}.profile-identity-panel,.profile-edit-form,.profile-overview-panel,.profile-account-panel,.profile-shortcuts{border:1px solid #d8dee7;border-radius:10px;background:#f8f9fc;box-shadow:none}.profile-identity-panel{min-height:184px;padding:28px 34px;border-top:2px solid #3531d7;display:flex;align-items:center;justify-content:space-between;gap:28px}.profile-identity{display:flex;align-items:center;gap:22px}.profile-identity>img{width:92px;height:92px;border:3px solid #d8e9f7;border-radius:50%;object-fit:cover}.profile-identity h3{margin:0;color:#1d2b41;font-size:25px;line-height:1.15;letter-spacing:-.025em}.profile-identity p{margin:8px 0 12px;color:#768399;font-size:14px}.profile-plan{min-height:28px;width:fit-content;padding:0 10px;border:1px solid #cdd8f4;border-radius:6px;display:inline-flex;align-items:center;gap:6px;color:#2d35d2;background:#f1f4ff;font-size:13px;font-weight:700}.profile-actions{display:flex;align-items:center;gap:14px}.profile-actions button{min-height:42px;padding:0 22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650}.profile-edit-btn{border:1px solid #d1d8e3;color:#526177;background:#fff}.profile-edit-btn:hover{border-color:#9ca9bc;color:#27364d}.profile-logout-btn{border:0;color:#67758a;background:transparent}.profile-logout-btn:hover{color:#cf3c48;background:#fff2f3}.profile-edit-form{padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:14px}.profile-edit-form label{display:grid;gap:7px;color:#657288;font-size:12px;font-weight:650}.profile-edit-form input{height:40px;padding:0 12px;border:1px solid #d4dbe5;border-radius:7px;color:#26344a;background:#fff}.profile-edit-form>div{display:flex;gap:8px}.profile-edit-form button{min-height:40px;padding:0 16px}.profile-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.95fr);gap:16px}.profile-overview-panel,.profile-account-panel,.profile-shortcuts{padding:20px}.profile-overview-panel>h3,.profile-account-panel>h3,.profile-shortcuts>h3{margin:0 0 16px;color:#233149;font-size:17px;letter-spacing:-.015em}.profile-metrics{border:1px solid #dce2ea;border-radius:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fbfcfe}.profile-metrics article{min-height:102px;padding:20px;display:flex;align-items:center;justify-content:center;gap:12px;color:#6d7b90}.profile-metrics article+article{border-left:1px solid #dde3eb}.profile-metrics article>svg{flex:0 0 auto}.profile-metrics article>span{display:grid;gap:7px;font-size:13px}.profile-metrics article b{color:#1e2b40;font-size:21px;line-height:1;font-weight:730}.profile-quota{margin-top:20px;padding:20px;border:1px solid #dce2ea;border-radius:8px;background:#fbfcfe}.profile-quota>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#253249}.profile-quota>div:first-child span{color:#27354c;font-weight:700}.profile-quota>div:first-child strong{color:#2e35d1;font-size:17px}.profile-quota-track{height:9px;margin-top:24px;overflow:hidden;border-radius:999px;background:#e4e8ef}.profile-quota-track>span{display:block;height:100%;border-radius:inherit;background:#3036d3}.profile-quota p{margin:15px 0 0;color:#8a95a7;font-size:12px}.profile-side-column{display:grid;align-content:start;gap:16px}.profile-account-panel dl{margin:0}.profile-account-panel dl>div{min-height:58px;border-top:1px solid #e0e5ec;display:flex;align-items:center;justify-content:space-between;gap:20px}.profile-account-panel dl>div:first-child{border-top:0}.profile-account-panel dt,.profile-account-panel dd{margin:0}.profile-account-panel dt{display:inline-flex;align-items:center;gap:10px;color:#748197;font-size:13px}.profile-account-panel dt svg{color:#3037d5}.profile-account-panel dd{color:#526077;font-size:13px;text-align:right;overflow-wrap:anywhere}.profile-account-panel dd.accent{color:#2e35d2;font-weight:700}.profile-account-panel dd i{width:7px;height:7px;margin-right:7px;border-radius:50%;display:inline-block;background:#16b867}.profile-shortcuts{padding-bottom:10px}.profile-shortcuts button,.profile-shortcuts a{width:100%;min-height:55px;padding:0 4px;border:0;border-top:1px solid #e0e5ec;border-radius:0;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;color:#4b5970;background:transparent;text-align:left;text-decoration:none}.profile-shortcuts button:hover,.profile-shortcuts a:hover{color:#2f36d2;background:#f2f4fb}.profile-shortcuts button>svg:first-child,.profile-shortcuts a>svg:first-child{color:#3037d5}.profile-shortcuts button>svg:last-child,.profile-shortcuts a>svg:last-child{transform:rotate(-90deg)}@media(max-width:1050px){.profile-dashboard-grid{grid-template-columns:1fr}.profile-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.profile-page{padding:18px 16px 28px}.profile-identity-panel{padding:24px;align-items:flex-start;flex-direction:column}.profile-actions,.profile-actions button{width:100%}.profile-edit-form,.profile-metrics,.profile-side-column{grid-template-columns:1fr}.profile-edit-form>div{justify-content:flex-end}.profile-metrics article{justify-content:flex-start}.profile-metrics article+article{border-top:1px solid #dde3eb;border-left:0}}.login-screen{position:relative;padding:clamp(20px,4vw,56px);grid-template-columns:1fr;place-items:center;background:#f1f3f7}.login-screen:before,.login-screen:after{display:none}.login-card{border-color:#dfe4ec;background:#fff;box-shadow:0 22px 60px #2a364e1a}.login-panel{width:min(500px,100%);min-height:auto;margin:auto;padding:clamp(42px,5vw,72px);border:0;border-radius:0;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;align-content:center}.login-visual-logo{filter:brightness(0) invert(1)!important}.brand-logo,.admin-side img{filter:none!important}.login-copy{text-align:left}.login-copy p{color:#1d2089;font-weight:720}.login-copy h1{color:#171a22;font-size:clamp(34px,3.2vw,48px);letter-spacing:-.045em}.auth-links button,.login-options>button,.login-switch button,.login-legal button{color:#2925d6;font-weight:680}.login-submit{border-color:#2420c7;color:#fff;background:#2925d6;box-shadow:0 12px 26px #2925d633}.login-submit:hover:not(:disabled){background:#1d2089}@media(max-width:980px){.login-card{grid-template-columns:1fr}.login-panel{max-width:560px;min-height:auto;border-left:0;border-radius:0}}@media(max-width:640px){.login-screen{padding:0}.login-panel{padding:38px 24px 46px}}body{background:#eef1f6}.app-shell{grid-template-columns:220px minmax(0,1fr);border:0;border-radius:0;background:#f5f7fb;transition:grid-template-columns .46s cubic-bezier(.22,1,.36,1)}.app-shell.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}.sidebar{border-right-color:#dfe4ec;background:#fafbfdf7;overflow:hidden}.sidebar-content{padding:18px 16px;gap:18px}.sidebar-brand-row{min-height:58px;padding-bottom:14px;border-bottom-color:#e6e9ef}.brand-logo{width:156px}.sidebar nav{gap:8px}.sidebar:not(.collapsed) .sidebar-nav-card{position:relative;padding:34px 8px 10px;border:1px solid #e1e5ed;border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(88,104,240,.08),transparent 44%),#ffffffb8;box-shadow:none;will-change:transform,opacity}.sidebar:not(.collapsed) .secondary-nav{margin-top:0;padding-top:34px;border-top:1px solid #e1e5ed}.sidebar-nav-title{position:absolute;top:12px;left:14px;color:#8b94a3;font-size:11px;font-weight:720;letter-spacing:.12em}.sidebar:not(.collapsed) .sidebar-nav-card:first-of-type:after{content:"";position:absolute;top:-1px;left:14px;right:14px;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#2388f1,#3931d5 58%,#7650ef);opacity:.78}.sidebar nav button,.admin-side button,.admin-side a{min-height:44px;padding:0 14px;border-radius:10px;font-weight:650}.sidebar nav button:hover{color:#2228a8;background:#2d36d80e}.sidebar nav button.active,.sidebar nav:first-of-type button.active{position:relative;border-left:0;color:#2725c9;background:linear-gradient(90deg,#3446e61f,#6f54f40b)}.sidebar nav button.active:before,.sidebar nav:first-of-type button.active:before{content:"";position:absolute;left:0;width:3px;height:24px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#2268ff,#6535eb)}.sidebar.collapsed{padding:10px 8px;color:#667286;border-right-color:#dfe4ec;background:#f7f9fc}.sidebar.collapsed .brand-logo.brand-mark{padding:7px;border:1px solid #e1e5ec;background:#fff;box-shadow:0 5px 14px #2a364e0f}.sidebar.collapsed nav button{color:#687487;background:transparent}.sidebar.collapsed nav button:hover{color:#292bc1;background:#373fd413}.sidebar.collapsed nav button.active,.sidebar.collapsed nav:first-of-type button.active{color:#2928cc;background:linear-gradient(145deg,#3446e624,#673de517);box-shadow:inset 0 0 0 1px #3e46d514}.main-surface{position:relative;background:radial-gradient(circle at 38% -18%,rgba(91,109,255,.18),transparent 35%),radial-gradient(circle at 72% -28%,rgba(94,52,224,.13),transparent 38%),#f5f7fb}.topbar{height:76px;padding:0 30px;border-bottom-color:#cfd6e3b8;background:radial-gradient(ellipse at 48% -120%,rgba(61,91,245,.25),transparent 64%),#fbfcffd4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar h1{color:#161d2d;font-size:24px;font-weight:780;letter-spacing:-.04em}.topbar p{margin-top:5px;color:#8a93a3}.status-pill,.quota{border-color:#d0d7e3bd;background:#ffffffb3}.workspace{grid-template-columns:minmax(0,1fr) 392px;background:transparent}.preview-panel{padding:26px 32px 24px;background:transparent}.preview-head{margin-bottom:16px}.preview-head b{color:#171d2b;font-size:16px}.control-panel{padding:24px 24px 28px;border-left-color:#d3dae5d1;background:#fcfdffe0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.segmented{height:44px;min-height:44px;margin-bottom:18px;padding:3px;border:0;border-radius:10px;background:#eef1f6}.segmented button.selected,.segmented button:first-child.selected,.segmented button:last-child.selected{border:0;color:#fff;background:linear-gradient(100deg,#2147e8,#3a25d7);box-shadow:0 8px 20px #2c2fc92e}.field{margin-bottom:16px}.field-label,.choice-group>span{margin-bottom:8px;color:#333b4b;font-size:12px;letter-spacing:.01em}.select-row,.template-selected-card{min-height:44px;border-color:#dce1ea;border-radius:10px}.upload{min-height:108px;border-color:#d9dfe9;border-radius:12px;background:#f8fafdb3}.readiness-strip{margin-bottom:14px}.readiness-strip span{min-height:54px;border-color:#e0e4eb;background:transparent}.prompt-mode-row{margin-bottom:12px;border:0;border-radius:10px}.combined-prompt-card{border-color:#dce1e9;border-radius:12px;background:#ffffffc2}.combined-prompt-card header{background:transparent}.combined-prompt-section.unified textarea,.combined-prompt-card.is-template .combined-prompt-section.unified textarea{min-height:108px;height:108px}.combined-prompt-card.is-custom.is-expanded .combined-prompt-section.unified textarea{min-height:320px;height:320px}.choice-group{margin-top:14px}.choice-group button{min-height:34px;border-color:#dce1ea;border-radius:9px;background:transparent}.choice-group button:hover,.choice-group button.selected{border-color:#3035d5;color:#252bc4;background:#333dd813}.generate-row{margin-top:18px}.primary-btn,.generate-btn,.generate-btn.staggered-action-button:hover:not(:disabled),.generate-btn.staggered-action-button:focus-visible{min-height:52px;border:0;border-radius:11px;background:linear-gradient(100deg,#1748ee,#3920d3 58%,#5c35ef);box-shadow:0 14px 32px #3228d23d}.image-stage{min-height:460px;height:clamp(460px,calc(100vh - 400px),720px);border:1px solid #d5dbe3;border-radius:14px;background:#e7ebf0;box-shadow:none}.image-stage.idle,.image-stage.loading{background:#e7ebf0}.result-stage,.result-stage img,.preview-image-button.result-stage,.preview-image-button.result-stage img{border-radius:13px}.preview-image-button.result-stage,.preview-image-button.result-stage img,.image-stage>img{background:#e7ebf0}.preview-actions{position:relative;z-index:2;width:min(620px,calc(100% - 56px));margin:-62px auto 22px;padding:6px;border:1px solid #d7dde5;border-radius:12px;background:#f8fafcf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none}.preview-actions button,.preview-actions a,.preview-actions button:first-child,.preview-actions a:first-child,.preview-actions button:last-child{min-height:38px;border:0;border-radius:8px;color:#4f5c6e;background:transparent}.preview-actions button:hover,.preview-actions a:hover{color:#1d2089;background:#1d208911}.meta-line{border:0;border-bottom:1px solid #dce1e9;border-radius:0;background:transparent}.inline-history{margin-top:18px;padding-top:16px;border-top-color:#dce1e9}.inline-history-card{border-color:#dce1e9;border-radius:10px;background:#ffffffad}.inline-history-card:hover{border-color:#6e70e8;box-shadow:0 12px 28px #3136891f}@media(max-width:1180px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.workspace{grid-template-columns:minmax(0,1fr) 350px}.preview-panel{padding:22px}.control-panel{padding:20px 18px 24px}}@media(max-width:980px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.workspace{display:flex;flex-direction:column}.preview-panel,.control-panel{padding:18px}.preview-actions{width:calc(100% - 28px)}}@media(min-width:721px)and (max-width:980px){.app-shell{height:100vh;min-height:0;overflow:hidden;grid-template-columns:178px minmax(0,1fr);grid-template-rows:1fr}.app-shell.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr);grid-template-rows:1fr}.sidebar,.sidebar.collapsed{width:100%;height:100vh;min-height:0;overflow:hidden}.sidebar-content,.sidebar.collapsed .sidebar-content{min-height:100%;flex-direction:column;flex-wrap:nowrap}.sidebar.collapsed nav,.sidebar.collapsed .secondary-nav{display:grid}.sidebar.collapsed .nav-label,.sidebar.collapsed .plan-box{display:none}.sidebar.collapsed nav button{width:40px;min-width:40px;padding:0}.main-surface{height:100vh;min-height:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;overflow:hidden}.preview-panel,.control-panel{height:100%;overflow-y:auto}.preview-panel{grid-column:1;grid-row:1;order:initial}.control-panel{grid-column:2;grid-row:1;order:initial;border-top:0;border-left:1px solid rgba(211,218,229,.82)}.image-stage{min-height:390px;height:clamp(390px,calc(100vh - 390px),560px)}}@media(max-width:720px){.app-shell,.app-shell.sidebar-collapsed{height:100dvh;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sidebar,.sidebar.collapsed{display:block;width:100%;height:auto;min-height:0;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));overflow:hidden;border-right:0;border-bottom:1px solid #dce1e9}.sidebar-content,.sidebar.collapsed .sidebar-content{width:100%;min-height:0;padding:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:6px}.sidebar-brand-row,.sidebar.collapsed .sidebar-brand-row,.sidebar-brand,.sidebar.collapsed .sidebar-brand{width:40px;height:40px;min-height:40px}.sidebar-brand,.sidebar.collapsed .sidebar-brand{pointer-events:none}.brand-logo,.sidebar.collapsed .brand-logo,.sidebar.collapsed .brand-logo.brand-mark{width:38px;height:38px;object-fit:cover;object-position:left center}.sidebar-toggle,.sidebar-nav-title,.sidebar nav.secondary-nav,.sidebar.collapsed nav.secondary-nav{display:none}.sidebar nav.primary-nav,.sidebar.collapsed nav.primary-nav{width:100%;min-width:0;display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sidebar nav.primary-nav::-webkit-scrollbar{display:none}.sidebar nav.primary-nav button,.sidebar.collapsed nav.primary-nav button{flex:0 0 auto;width:auto;min-width:44px;height:44px;padding:0 10px;justify-content:center;white-space:nowrap}.sidebar nav.primary-nav .nav-label,.sidebar.collapsed nav.primary-nav .nav-label{display:none}.sidebar nav.primary-nav button.active .nav-label,.sidebar.collapsed nav.primary-nav button.active .nav-label{display:inline}.main-surface{height:auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.workspace{height:auto;min-height:100%;display:flex;flex-direction:column;overflow:visible}.control-panel,.preview-panel{flex:0 0 auto;width:100%;height:auto;min-height:0;overflow:visible}.control-panel{order:1;border-left:0}.preview-panel{order:2;border-top:1px solid #dce1e9}}@media(max-width:720px){.sidebar,.sidebar.collapsed{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:6px}.sidebar-content,.sidebar.collapsed .sidebar-content{grid-template-columns:36px minmax(0,1fr)}.sidebar-brand-row,.sidebar.collapsed .sidebar-brand-row,.sidebar-brand,.sidebar.collapsed .sidebar-brand,.brand-logo,.sidebar.collapsed .brand-logo,.sidebar.collapsed .brand-logo.brand-mark{width:34px;height:34px;min-height:34px}.sidebar nav.primary-nav button,.sidebar.collapsed nav.primary-nav button{min-width:40px;height:40px;min-height:40px;padding:0 9px;border-radius:9px}.topbar{min-height:52px;height:52px;padding:6px max(14px,env(safe-area-inset-right)) 6px max(14px,env(safe-area-inset-left))}.topbar>div:first-child{display:none}.topbar .top-actions{width:100%;min-width:0;justify-content:space-between}.topbar .status-pill{min-height:32px;padding-inline:10px}.topbar .user-chip{min-width:0;max-width:62%}.topbar .user-chip>span:not(.guest-avatar){min-width:0}.topbar .user-chip>span:not(.guest-avatar) span,.topbar .user-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-panel,.preview-panel{padding:12px max(14px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.control-panel{gap:0}.segmented{height:42px;min-height:42px;margin-bottom:12px}.field{margin-bottom:10px}.select-row{height:46px}.upload{min-height:124px;padding:14px 10px;gap:4px}.upload>svg{width:22px;height:22px}.upload b{font-size:13px}.upload>span{max-width:280px;line-height:1.45;text-align:center}.upload.has-file.has-files{min-height:112px}.reference-card,.add-reference{height:88px}.readiness-strip{gap:6px;margin-bottom:10px}.readiness-strip span{min-height:46px;padding:7px 8px}.prompt-mode-row{margin-bottom:10px}.combined-prompt-card>header{min-height:46px;padding:8px 10px}.combined-prompt-card>header>div:first-child span{display:none}.combined-prompt-section{padding:8px 10px 6px}.combined-prompt-section.unified textarea,.combined-prompt-card.is-custom.is-expanded .combined-prompt-section.unified textarea{min-height:128px;height:128px}.combined-prompt-card.is-template .combined-prompt-section.unified textarea{min-height:104px;height:104px}.template-strip{margin-bottom:12px}.template-strip button{min-height:36px}.option-grid{gap:10px;margin:2px 0 12px;padding:12px;border:1px solid #dce1e9;border-radius:12px;background:#fff9}.choice-group{min-width:0;margin:0}.choice-group>span{margin-bottom:6px}.choice-group div{width:100%;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.choice-group div::-webkit-scrollbar{display:none}.choice-group button{flex:0 0 auto;min-height:38px;padding-inline:12px}.generate-row,.generate-row.has-cancel{margin-top:4px;grid-template-columns:1fr;gap:8px}.generate-row>.ghost-btn:disabled{display:none}.generate-btn,.cancel-current-btn{min-height:50px}.preview-panel{padding-top:16px}.preview-head{margin-bottom:10px}.preview-panel.is-empty .preview-head span{display:none}.image-stage,.preview-panel.is-empty .image-stage{min-height:220px;height:220px;max-height:220px}.preview-panel.has-preview .image-stage{height:auto;min-height:320px;max-height:none}.preview-panel.is-empty .empty-state{gap:6px}.preview-panel.is-empty .empty-state svg{width:32px;height:32px}.preview-panel.is-empty .empty-state span{font-size:12px}.preview-actions{position:static;width:100%;margin:10px 0 0;grid-template-columns:repeat(4,minmax(0,1fr))}.preview-actions button{min-height:42px;padding:0 4px;font-size:12px}.preview-actions button svg{width:16px;height:16px}.meta-line{margin:8px 0 0;padding:8px 2px;overflow-wrap:anywhere}.inline-history{margin-top:12px;padding-top:12px}.inline-history-head{margin-bottom:8px}.inline-history-head>div:first-child span{display:none}.inline-history-head .inline-history-tools{width:auto;margin-left:auto}.inline-history-tools button{min-height:38px}.inline-history-empty{min-height:108px}}.sidebar:not(.collapsed) .sidebar-nav-card{padding-left:6px;padding-right:6px}.sidebar:not(.collapsed) .sidebar-nav-title{left:12px}.sidebar:not(.collapsed) nav button{gap:10px;padding-left:10px;padding-right:10px}.sidebar nav button svg{transform-origin:center;transition:color .18s ease,filter .18s ease}.sidebar nav button:hover svg{color:#3d38e6;filter:drop-shadow(0 3px 5px rgba(61,56,230,.18));animation:sidebar-icon-pop .3s cubic-bezier(.2,.8,.2,1) both}@keyframes sidebar-icon-pop{0%{transform:translate(0) scale(1) rotate(0)}55%{transform:translate(3px) scale(1.16) rotate(-5deg)}to{transform:translate(2px) scale(1.08) rotate(0)}}@media(prefers-reduced-motion:reduce){.sidebar nav button:hover svg{animation:none}}.admin-main .ops-dashboard{max-width:1440px;margin:0 auto;padding:32px clamp(16px,3vw,40px) 48px;color:var(--text)}.ops-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ops-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:700}.ops-heading h2{font-size:28px;letter-spacing:-.04em;margin:8px 0}.ops-heading p{font-size:13px;color:var(--muted);margin:0}.ops-heading button{display:flex;align-items:center;gap:8px;padding:10px 14px}.ops-message{font-size:12px;color:var(--muted);margin-bottom:14px}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.ops-metrics article,.ops-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px #26344903}.ops-metrics article{padding:22px}.ops-metrics article>div{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}.ops-metrics svg{color:var(--blue);opacity:.7}.ops-metrics b{display:block;font-size:34px;font-weight:650;letter-spacing:-.04em;margin:17px 0 8px;font-variant-numeric:tabular-nums}.ops-metrics small{font-size:11px;color:var(--muted)}.ops-account-metric{position:relative;padding:22px;text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px #26344903;transition:transform .18s,border-color .18s,box-shadow .18s}.ops-account-metric>div{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}.ops-account-metric:hover,.ops-account-metric:focus-visible{border-color:#7d87c3;box-shadow:0 10px 24px #4450a214;transform:translateY(-2px);outline:0}.ops-account-metric em{position:absolute;right:18px;bottom:15px;color:var(--blue);font-size:10px;font-style:normal;display:flex;align-items:center;gap:3px}.ops-analysis{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;margin-bottom:20px}.ops-card{padding:22px;min-width:0}.ops-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.ops-card h3{font-size:14px;margin:0;font-weight:650}.ops-card header>span{color:var(--muted);font-size:11px}.ops-chart{height:170px;display:flex;gap:clamp(12px,3vw,38px);justify-content:space-around}.ops-chart>div{display:flex;flex:1;flex-direction:column;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.ops-bar-track{height:122px;width:100%;max-width:46px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line)}.ops-bar-track i{display:block;width:100%;background:#7882b8;border-radius:5px 5px 0 0}.ops-chart>div:last-child i{background:var(--blue)}.ops-footnote{font-size:10px;color:var(--muted);margin:20px 0 0}.ops-models{display:grid;gap:18px}.ops-models>div>div{display:flex;justify-content:space-between;font-size:13px}.ops-models small{color:var(--muted);font-size:10px}.ops-dashboard progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;border:0;width:100%;height:5px;background:var(--soft);border-radius:6px;overflow:hidden;margin:10px 0}.ops-dashboard progress::-webkit-progress-bar{background:var(--soft)}.ops-dashboard progress::-webkit-progress-value{background:#7882b8;border-radius:6px}.ops-dashboard progress::-moz-progress-bar{background:#7882b8}.ops-empty{display:flex;min-height:132px;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:var(--muted);font-size:12px}.ops-empty svg{color:var(--green)}.ops-empty b{font-weight:500;color:var(--text)}.ops-empty span{font-size:11px}.ops-accounts{display:grid;gap:17px}.ops-accounts>div{display:flex;align-items:center;gap:12px}.ops-avatar{display:grid;place-items:center;background:var(--soft);width:32px;height:32px;border-radius:10px;color:var(--blue);font-size:12px}.ops-accounts>div>div{flex:1}.ops-accounts b{font-size:12px}.ops-accounts small{color:var(--muted);font-size:11px}.ops-accounts progress{margin:7px 0 0}.ops-jobs{max-height:230px;overflow:auto}.ops-jobs article{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.ops-jobs article>div{min-width:0;flex:1}.ops-jobs b{font-size:12px}.ops-jobs small{font-size:10px;color:var(--muted);font-weight:400}.ops-jobs p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px}.ops-jobs button{background:var(--soft);border-radius:7px;padding:7px 10px;color:var(--red);font-size:11px}.ops-line-legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:10px;color:var(--muted);margin:-6px 0 10px}.ops-line-legend span{display:flex;align-items:center;gap:5px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-line-legend i{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.ops-line-chart{height:146px;border:1px solid var(--line);border-radius:9px;padding:10px 12px 3px;background:linear-gradient(#ffffff00 24%,var(--line) 25%,#ffffff00 26%,#ffffff00 49%,var(--line) 50%,#ffffff00 51%,#ffffff00 74%,var(--line) 75%,#ffffff00 76%)}.ops-line-chart svg{width:100%;height:116px;overflow:visible}.ops-line-chart>div{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.ops-line-chart small{font-size:10px}.ops-distribution{display:flex;align-items:center;gap:22px}.ops-donut{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto}.ops-donut:before{content:"";position:absolute;top:27px;right:27px;bottom:27px;left:27px;background:var(--panel);border-radius:50%}.ops-donut b{z-index:1;text-align:center;font-size:19px}.ops-donut small{display:block;font-size:10px;color:var(--muted);font-weight:400}.ops-usage-table{display:grid;gap:8px;min-width:0;flex:1}.ops-usage-table>div{display:flex;gap:7px;align-items:center;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:6px}.ops-usage-table i{width:8px;height:8px;border-radius:2px}.ops-usage-table b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ops-usage-table span{color:var(--muted);white-space:nowrap}.ops-filters{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ops-filters label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--muted);width:290px}.ops-filters input{width:100%;border:0!important;background:transparent!important;box-shadow:none!important;min-height:36px;font-size:12px}.ops-filters select{border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--panel);font-size:12px}.ops-filters>span{margin-left:auto;font-size:11px;color:var(--muted)}.ops-record{display:flex;align-items:center;text-align:left;width:100%;padding:14px 0;gap:12px;border-top:1px solid var(--line);background:transparent;color:var(--text)}.ops-record:hover{background:var(--panel-soft)}.ops-record img{width:52px;height:58px;border-radius:7px;object-fit:cover;background:var(--soft)}.ops-record>div{flex:1;min-width:0}.ops-record b{font-size:12px;font-weight:500;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ops-record small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.ops-model-tag,.ops-api-tag{font-size:10px;border:1px solid var(--line);border-radius:6px;padding:5px 8px;white-space:nowrap}.ops-api-tag{max-width:185px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);background:var(--panel-soft)}.ops-record-quality{font-size:11px;color:var(--muted);white-space:nowrap}.ops-record>svg{color:var(--muted);flex-shrink:0}.ops-preview{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182799;z-index:1000;display:grid;place-items:center;padding:24px}.ops-preview section{position:relative;max-width:980px;width:100%;max-height:90vh;overflow:auto;border-radius:16px;background:var(--panel);padding:24px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.ops-preview section>button{position:absolute;right:10px;top:10px;background:var(--soft);padding:8px;border-radius:50%;display:grid;place-items:center}.ops-preview img{width:100%;max-height:75vh;object-fit:contain}.ops-preview p{font-size:13px;line-height:1.9;white-space:pre-wrap}.ops-preview .ops-preview-api{margin:14px 0 0;color:var(--blue);font-size:12px}.ops-preview small{color:var(--muted)}.ops-loading{padding:80px;text-align:center;color:var(--muted)}@media(max-width:1100px){.ops-analysis{grid-template-columns:1fr 1fr}.ops-record-quality{display:none}}@media(max-width:700px){.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ops-metrics article{padding:16px}.ops-analysis{grid-template-columns:1fr}.ops-card{padding:16px}.ops-heading h2{font-size:24px}.ops-filters{flex-wrap:wrap}.ops-filters label{width:100%}.ops-record{gap:10px}.ops-record>svg{display:none}.ops-preview section{grid-template-columns:1fr}.ops-metrics b{font-size:28px}}.api-settings-page{max-width:1440px;margin-inline:auto;padding-bottom:24px}.api-settings-page .admin-config-stack{gap:24px}.api-settings-page .config-card{border:1px solid #dfe5ee;border-radius:18px;background:#fff;padding:24px;box-shadow:0 3px 14px #24354b04}.api-settings-page .priority-config-card{gap:12px}.api-settings-page .priority-config-title{padding-bottom:12px}.api-settings-page h3{font-size:16px;letter-spacing:-.2px}.api-settings-page details.priority-group{display:block;padding:0;border:1px solid #e3e8f0;border-radius:12px;overflow:hidden}.api-settings-page .priority-group-head{padding:18px 20px;cursor:pointer;list-style:none;background:#f8faff}.api-settings-page .priority-group-head::-webkit-details-marker{display:none}.api-settings-page .priority-group-head:after{content:"+";color:#64748b;font-size:20px}.api-settings-page details[open]>summary:after{content:"−"}.api-settings-page .priority-group-head>div{flex:1}.api-settings-page .priority-group-head b{color:#22334b;font-size:14px}.api-settings-page .priority-group-head small{font-size:12px;line-height:1.6}.api-settings-page .priority-group-head>span{background:#edf0fc;color:#6360af;font-size:11px}.api-settings-page .priority-entry-list{padding:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.api-settings-page .priority-entry-card{background:#fff;padding:18px;border-color:#e3e8f0;border-radius:12px;cursor:default}.api-settings-page .priority-entry-head{cursor:grab;gap:8px}.api-settings-page .priority-entry-head strong{font-size:13px}.api-settings-page .priority-entry-head strong i{border-radius:7px;background:#eeedfb;color:#635cb4}.api-settings-page .priority-entry-head>span{font-size:10px;background:#f2f5fa;color:#738196;padding:4px 7px}.api-settings-page .form-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.api-settings-page .form-grid label{min-width:0;font-size:12px;color:#65738a;gap:7px}.api-settings-page input,.api-settings-page select{width:100%;min-width:0;min-height:40px;border:1px solid #dce3ed;border-radius:8px;background:#fbfcff;color:#25364d;font-size:13px}.api-settings-page input:focus,.api-settings-page select:focus{outline:2px solid #8277da55;outline-offset:1px;border-color:#8277da}.api-settings-page .secret-field{min-width:0}.api-settings-page .config-note{font-size:12px;line-height:1.7;color:#7b879b}.api-settings-page .admin-actions{position:sticky;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:24px;padding:14px 18px;border:1px solid #dfe5ee;border-radius:14px;background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 28px #293c5412}.api-settings-page .admin-actions .save-status{margin-left:auto}.api-settings-page summary:focus-visible{outline:2px solid #8277da;outline-offset:-3px}@media(max-width:1050px){.api-settings-page .priority-entry-list{grid-template-columns:1fr}}@media(max-width:600px){.api-settings-page .config-card{padding:14px}.api-settings-page .priority-group-head{padding:14px;gap:8px}.api-settings-page .priority-group-head small{display:none}.api-settings-page .priority-entry-list{padding:10px}.api-settings-page .form-grid{grid-template-columns:1fr}.api-settings-page .admin-actions{bottom:6px;padding:12px}}.api-settings-page .api-line-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-3px 0 18px}.api-settings-page .api-line-status{font-size:11px;color:#8792a4;display:flex;align-items:center;gap:6px}.api-settings-page .api-line-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#b8c1cf}.api-settings-page .api-line-status.configured{color:#537d70}.api-settings-page .api-line-status.configured:before{background:#6b9e8b}.api-settings-page .api-line-status.available{color:#26754d}.api-settings-page .api-line-status.available:before{background:#35a766}.api-settings-page .api-line-status.testing{color:#466f9b}.api-settings-page .api-line-status.testing:before{background:#5a9fe3;animation:api-status-pulse 1s ease-in-out infinite}.api-settings-page .api-line-status.error{color:#bd4a53}.api-settings-page .api-line-status.error:before{background:#d95b66}@keyframes api-status-pulse{50%{opacity:.35;transform:scale(.72)}}.api-settings-page .api-order-buttons{display:flex;gap:5px}.api-settings-page .api-order-buttons button{width:28px;height:28px;min-height:28px;padding:0;border:1px solid #e1e6ef;border-radius:6px;background:#f8faff;color:#52627c}.api-settings-page .api-order-buttons button:disabled{opacity:.3;cursor:default}.api-settings-page .api-capability-note{margin:14px 0 0;padding:10px 12px;background:#f7f6fc;border-radius:8px;color:#72668b;font-size:12px;line-height:1.7}.api-settings-page .api-test-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0 18px 18px}.api-settings-page .api-test-row button{border:1px solid #dcd9ef;background:#f6f5fc;color:#6558a6;border-radius:8px;padding:9px 14px;font-size:12px}.api-settings-page .api-test-row span{flex:1;min-width:180px;font-size:12px;color:#748299;line-height:1.6;overflow-wrap:anywhere}:root{--blue: #ff4b00;--blue-2: #ff6a21;--taoa-orange: #ff4b00;--taoa-orange-soft: rgba(255, 75, 0, .11);--taoa-orange-glow: rgba(255, 75, 0, .24)}.sidebar-toggle:hover,.sidebar nav button:hover,.sidebar nav button.active,.sidebar nav:first-of-type button.active{color:var(--taoa-orange)}.sidebar nav button:hover,.sidebar nav button.active,.sidebar nav:first-of-type button.active{background:var(--taoa-orange-soft)}.sidebar nav button.active:before,.sidebar nav:first-of-type button.active:before,.sidebar:not(.collapsed) .sidebar-nav-card:first-of-type:after{background:linear-gradient(180deg,#ff7a32,var(--taoa-orange))}.sidebar nav button:hover svg{color:var(--taoa-orange);filter:drop-shadow(0 3px 5px var(--taoa-orange-glow))}.sidebar-grok-mark{display:block;flex:0 0 auto;object-fit:contain}.primary-btn,.generate-btn,.login-submit,.auth-submit,.page-title-action,.choice-group button.active,.tab-button.active,[role=tab][aria-selected=true]{border-color:#ff4b00!important;background:linear-gradient(135deg,#ff4b00,#ff7428)!important;color:#fff!important;box-shadow:0 8px 22px #ff4b0033}.primary-btn:hover,.generate-btn:hover,.login-submit:hover,.auth-submit:hover,.page-title-action:hover{border-color:#ff6a21!important;background:linear-gradient(135deg,#ff5a10,#ff8a42)!important}.choice-group button:hover,.choice-group button.selected{border-color:var(--taoa-orange)!important;color:var(--taoa-orange)!important;background:var(--taoa-orange-soft)!important}.template-field-actions{display:inline-flex;align-items:center;gap:6px}.template-delete-button{color:#c63813!important}.login-visual-logo{width:min(320px,62%);align-self:flex-start;object-position:left center}.ops-bar-track i,.ops-dashboard progress::-webkit-progress-value,.ops-dashboard progress::-moz-progress-bar{background:var(--taoa-orange)}.ops-account-metric:hover,.ops-account-metric:focus-visible{border-color:#ff4b008a;box-shadow:0 10px 24px #ff4b001f}.sidebar.collapsed .sidebar-brand:hover .brand-hover-icon,.sidebar.collapsed nav button.active,.segmented button.selected,.model-menu button.selected,.template-drawer button.selected,.prompt-mode-row button.selected,.login-copy p,.auth-links button,.login-options>button,.login-switch button,.login-legal button,.preview-actions button:hover,.preview-actions a:hover{color:var(--taoa-orange)!important}.sidebar.collapsed nav button.active,.segmented button.selected,.model-menu button.selected,.template-drawer button.selected,.prompt-mode-row button.selected{border-color:#ff4b0042!important;background:var(--taoa-orange-soft)!important;box-shadow:inset 3px 0 0 var(--taoa-orange)!important}.sidebar.collapsed nav button.active:before,.stage-rail i.active{background:linear-gradient(90deg,var(--taoa-orange),#ff8a42)!important;box-shadow:0 6px 16px #ff4b0033!important}@media(min-width:981px){.workspace{grid-template-columns:392px minmax(0,1fr)}.control-panel{grid-column:1;grid-row:1;border-right:1px solid rgba(211,218,229,.82);border-left:0}.preview-panel{grid-column:2;grid-row:1}}@media(max-width:980px){.workspace .preview-panel{order:2;border-top:1px solid #dce1e9}.workspace .control-panel{order:1;border-top:0;border-left:0}}