:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8f5;font-family:Inter,Plus Jakarta Sans,Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0}button,input{letter-spacing:0}.admin-shell{color:#0f172a;background:radial-gradient(circle at 16% 12%,#fffffff0,#0000 42%),radial-gradient(circle at 86% 84%,#f5f7faf5,#0000 46%),linear-gradient(165deg,#f7f8fa 0%,#f2f4f7 58%,#eef1f5 100%);min-height:100vh;padding:20px}.admin-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;min-height:calc(100vh - 40px);display:grid}.admin-sidebar,.admin-content,.admin-empty,.hud-panel,.hud-metric-card{background:linear-gradient(150deg,#fffffff5,#fcfdfff0);border:1px solid #0f172a14;border-radius:18px;box-shadow:0 16px 42px #0f172a14}.admin-sidebar{grid-template-rows:auto 1fr auto;gap:18px;min-height:0;padding:18px;display:grid}.admin-brand{gap:5px;display:grid}.admin-brand span{color:#64748b;letter-spacing:.02em;font-size:11px;font-weight:900}.admin-brand strong{color:#0f172a;font-size:24px;font-weight:950;line-height:1}.admin-brand small{color:#64748b;font-size:12px;font-weight:760}.admin-nav-list{align-content:start;gap:10px;min-height:0;display:grid;overflow:auto}.admin-nav-button{color:#334155;text-align:left;background:#f8fafce6;border:1px solid #0f172a14;border-radius:14px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:10px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:grid}.admin-nav-button:hover{background:#fffffffa;border-color:#0f172a33;transform:translateY(-1px)}.admin-nav-button.active{background:#fff;border-color:#0f172a38;box-shadow:inset 0 0 0 1px #0f172a0f}.admin-nav-icon{color:#1e293b;background:#94a3b82e;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.admin-nav-copy{gap:2px;min-width:0;display:grid}.admin-nav-copy strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:860;overflow:hidden}.admin-nav-copy small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.admin-sidebar-actions{gap:8px;display:grid}.admin-sidebar-actions button,.admin-login-form button,.hud-form-grid button,.hud-inline-actions>button,.admin-empty button{color:#0f172a;background:#fff;border:1px solid #0f172a24;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:820;transition:border-color .2s,background .2s;display:inline-flex}.admin-sidebar-actions button:hover,.admin-login-form button:hover,.hud-form-grid button:hover,.hud-inline-actions>button:hover,.admin-empty button:hover{background:#f8fafc;border-color:#0f172a4d}.admin-content{align-content:start;gap:14px;min-width:0;min-height:0;padding:18px;display:grid;overflow:auto}.admin-content-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-content-header>div:first-child{gap:4px;display:grid}.admin-content-header span{color:#64748b;font-size:12px;font-weight:900}.admin-content-header strong{color:#0f172a;font-size:24px;font-weight:950;line-height:1.1}.admin-header-pills{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-header-pills span{color:#334155;background:#fff;border:1px solid #0f172a1f;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:820}.admin-error-banner{color:#991b1b;background:#fef2f2e0;border:1px solid #f8717157;border-radius:12px;margin:0;padding:9px 12px;font-size:12px;font-weight:760}.hud-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hud-metric-card{grid-template-columns:40px minmax(0,1fr);gap:10px;min-width:0;min-height:112px;padding:12px;display:grid}.hud-metric-icon{color:#1e293b;background:#94a3b82e;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.hud-metric-copy{align-content:start;gap:4px;min-width:0;display:grid}.hud-metric-copy small{color:#64748b;font-size:11px;font-weight:820}.hud-metric-copy strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:21px;line-height:1.1;overflow:hidden}.hud-metric-copy span{color:#64748b;font-size:12px;line-height:1.35}.hud-row-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hud-row-grid.users{grid-template-columns:1.6fr 1fr}.hud-row-grid.token{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-row-grid.growth{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-operations-grid{gap:12px;display:grid}.hud-panel{min-width:0;padding:14px}.hud-panel-head{gap:4px;margin-bottom:12px;display:grid}.hud-panel-head strong{color:#0f172a;font-size:17px;font-weight:920;line-height:1.1}.hud-panel-head span{color:#64748b;font-size:12px;font-weight:760}.hud-kpi-stack{gap:8px;display:grid}.hud-kpi-stack>div{background:#f8fafce6;border:1px solid #0f172a14;border-radius:12px;gap:4px;padding:10px;display:grid}.hud-kpi-stack span{color:#64748b;font-size:12px;font-weight:760}.hud-kpi-stack strong{color:#0f172a;font-size:17px;font-weight:860;line-height:1.15}.hud-table-wrap{overflow:auto}.hud-table{border-collapse:collapse;width:100%}.hud-table th,.hud-table td{color:#334155;text-align:left;white-space:nowrap;border-bottom:1px solid #0f172a14;padding:9px 7px;font-size:12px}.hud-table th{color:#64748b;font-weight:860}.hud-table tr.active{background:#0f172a0d}.hud-table td strong,.hud-table td small{display:block}.hud-table td strong{color:#0f172a;font-size:13px}.hud-table td small{color:#64748b;margin-top:2px}.hud-field,.hud-form-grid label{gap:6px;min-width:0;display:grid}.hud-field span,.hud-form-grid span{color:#64748b;font-size:12px;font-weight:760}.hud-field select,.hud-form-grid input,.hud-form-grid select,.hud-form-grid textarea{color:#0f172a;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #0f172a24;border-radius:11px;outline:0;padding:0 11px;font-size:13px;font-weight:760}.hud-form-grid textarea{resize:vertical;min-height:88px;padding:10px 11px}.hud-form-grid{gap:10px;display:grid}.hud-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.hud-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.hud-form-grid.inline{grid-template-columns:minmax(0,1fr) auto;align-items:end}.hud-form-grid.compact{margin-bottom:10px}.hud-textarea-field{grid-column:1/-1}.hud-helper{color:#64748b;margin:8px 0 0;font-size:12px}.hud-helper.warn{color:#b45309;font-weight:760}.hud-inline-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.hud-list{gap:9px;display:grid}.hud-list article{background:#f8fafce0;border:1px solid #0f172a14;border-radius:12px;gap:4px;padding:10px;display:grid}.hud-provider-list article{cursor:grab;transition:border-color .2s,box-shadow .2s,transform .2s,opacity .2s}.hud-provider-list article.is-dragging{opacity:.65;cursor:grabbing;transform:scale(.99)}.hud-provider-list article.is-drag-over{border-color:#0f172a47;box-shadow:inset 0 0 0 1px #0f172a1f}.hud-list article>span{color:#475569;background:#94a3b833;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:820;display:inline-flex}.hud-list article>span.is-active{color:#0f172a;background:#0f172a1f}.hud-list strong{color:#0f172a;font-size:14px;font-weight:860}.hud-list small{color:#64748b;font-size:12px;line-height:1.35}.hud-inline-field{gap:6px;display:grid}.hud-inline-field span{color:#64748b;font-size:12px;font-weight:760}.hud-inline-field select{color:#0f172a;width:100%;min-height:34px;font:inherit;background:#fff;border:1px solid #0f172a24;border-radius:10px;padding:0 10px;font-size:12px;font-weight:760}.hud-list.compact article{gap:3px}.hud-upload-row{align-items:center;gap:8px;min-height:38px;display:flex}.hud-upload-row small{color:#64748b;font-size:12px;font-weight:700}.hud-upload-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a24;border-radius:10px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.hud-upload-button input{display:none}.hud-upload-row button{color:#0f172a;background:#fff;border:1px solid #0f172a24;border-radius:10px;min-height:30px;padding:0 10px;font-size:12px;font-weight:760}.hud-popup-preview{background:#f8fafc;border:1px solid #0f172a1a;border-radius:10px;grid-column:1/-1;overflow:hidden}.hud-popup-preview img{object-fit:cover;width:100%;max-height:180px;display:block}.hud-popup-list-image{background:#f8fafc;border:1px solid #0f172a1a;border-radius:10px;width:100%;overflow:hidden}.hud-popup-list-image img{object-fit:cover;width:100%;max-height:140px;display:block}.hud-popup-actions{justify-content:flex-end;display:flex}.hud-popup-actions button{color:#0f172a;background:#fff;border:1px solid #0f172a24;border-radius:10px;min-height:32px;padding:0 10px;font-size:12px;font-weight:800}.hud-secret{color:#0f172a;overflow-wrap:anywhere;background:#fff;border:1px solid #0f172a29;border-radius:11px;margin:0;padding:8px 10px;font-size:12px;font-weight:760}.admin-empty{text-align:center;align-content:center;place-items:center;gap:12px;width:min(420px,100vw - 40px);min-height:300px;margin:14vh auto 0;padding:24px;display:grid}.admin-empty strong{color:#0f172a;font-size:24px;font-weight:900}.admin-empty span{color:#64748b;font-size:13px;line-height:1.45}.admin-login-form{gap:10px;width:min(320px,100%);display:grid}.admin-login-form input{color:#0f172a;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #0f172a24;border-radius:11px;outline:0;padding:0 12px;font-size:14px;font-weight:760}@media (width<=1360px){.hud-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-row-grid.growth,.hud-row-grid.token{grid-template-columns:1fr}}@media (width<=1080px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{grid-template-rows:auto auto auto}.hud-row-grid,.hud-row-grid.users,.hud-form-grid.two,.hud-form-grid.three,.hud-inline-actions{grid-template-columns:1fr}}@media (width<=760px){.admin-shell{padding:12px}.admin-content{padding:14px}.admin-content-header{flex-direction:column;align-items:stretch}.admin-header-pills{justify-content:flex-start}.hud-metric-grid{grid-template-columns:1fr}}.login-shell{color:#111827;background:#fff;grid-template-columns:minmax(460px,1fr) minmax(460px,1fr);min-height:100vh;display:grid;overflow:hidden}.login-hero,.login-form-section{min-width:0;position:relative}.login-hero{color:#fff;background:radial-gradient(circle at 22% 18%,#fff3,#0000 26%),radial-gradient(circle at 72% 76%,#ffffff24,#0000 32%),linear-gradient(135deg,#9ca3af 0%,#6b7280 48%,#4b5563 100%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px;display:flex;overflow:hidden}.login-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000c7,#0000 88%);mask-image:linear-gradient(#000000c7,#0000 88%)}.login-hero:after{content:"";aspect-ratio:1;filter:blur(82px);pointer-events:none;background:#ffffff29;border-radius:999px;width:62%;position:absolute;bottom:-18%;right:-16%}.login-hero-brand,.login-character-stage,.login-hero-footer{z-index:1;position:relative}.login-hero-brand,.login-mobile-brand{align-items:center;gap:12px;display:flex}.brand-link{color:inherit;align-items:center;gap:12px;font-size:18px;font-weight:900;text-decoration:none;display:inline-flex}.login-hero-mark{color:#111827;background:#fffffff0;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 18px 42px #0f172a29}.login-hero-mark img{object-fit:contain;width:34px;height:34px;display:block}.login-mobile-brand span:last-child{font-size:18px;font-weight:900}.login-character-stage{place-items:end center;min-height:min(56vh,560px);display:grid}.animated-characters{filter:drop-shadow(0 28px 38px #0f172a2e);transform-origin:bottom;will-change:transform;width:550px;max-width:min(82vw,550px);height:400px;animation:6s ease-in-out infinite charactersFloat;position:relative}.character-block{transform-origin:bottom;will-change:height, transform;transition:height .7s,transform .7s;position:absolute;bottom:0}.purple-character{z-index:1;background:#6c3ff5;border-radius:10px 10px 0 0;width:180px;left:70px}.black-character{z-index:2;background:#2d2d2d;border-radius:8px 8px 0 0;width:120px;height:310px;left:240px}.orange-character{z-index:3;background:#ff9b6b;border-radius:120px 120px 0 0;width:240px;height:200px;left:0}.yellow-character{z-index:4;background:#e8d754;border-radius:70px 70px 0 0;width:140px;height:230px;left:310px}.character-eyes{will-change:left, top, opacity;transition:left .7s,top .7s,opacity .18s;display:flex;position:absolute}.purple-eyes{gap:32px}.black-eyes{gap:24px}.orange-eyes{gap:32px;transition:left .2s ease-out,top .2s ease-out,opacity .18s}.yellow-eyes{gap:24px;transition:left .2s ease-out,top .2s ease-out,opacity .18s}.character-eye{border-radius:999px;justify-content:center;align-items:center;transition:width .15s,height .15s,transform .15s;display:flex;overflow:hidden}.character-pupil{will-change:transform;border-radius:999px;transition:transform .1s ease-out}.yellow-mouth{will-change:left, top, opacity;background:#2d2d2d;border-radius:999px;width:80px;height:4px;transition:left .2s ease-out,top .2s ease-out,opacity .18s;position:absolute}.login-hero-footer{gap:28px;display:flex}.login-hero-footer a{color:#f8fafcb8;font-size:13px;font-weight:800;text-decoration:none;transition:color .18s}.login-hero-footer a:hover{color:#fff}.login-form-section{background:radial-gradient(circle at 88% 88%,#f1e5eeb8,#0000 36%),#fff;place-items:center;min-height:100vh;padding:48px;display:grid}.login-mobile-brand{display:none}.login-form-card{width:min(420px,100%);animation:.7s cubic-bezier(.2,.82,.2,1) both loginPanelRise}.login-switch{background:#f1f5f9;border:1px solid #0f172a1a;border-radius:999px;grid-template-columns:repeat(2,1fr);gap:5px;padding:5px;display:grid}.login-switch button,.interactive-hover-button,.password-input-wrap button{cursor:pointer}.login-switch button{color:#64748b;min-height:40px;font:inherit;background:0 0;border:0;border-radius:999px;font-size:14px;font-weight:900;transition:color .18s,background .18s,box-shadow .18s}.login-switch button.active{color:#111827;background:#fff;box-shadow:0 10px 26px #0f172a1a}.login-heading{text-align:center;margin:34px 0 28px}.login-heading h1{color:#111827;letter-spacing:0;margin:0;font-size:34px;font-weight:950;line-height:1.08}.login-heading p{color:#64748b;margin:10px 0 0;font-size:14px;font-weight:760}.login-form{gap:16px;display:grid}.login-form label{gap:8px;display:grid}.login-form label>span{color:#334155;font-size:13px;font-weight:900}.login-input-wrap{color:#64748b;background:#fff;border:1px solid #0f172a1f;border-radius:14px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;min-height:52px;padding:0 14px;transition:border-color .18s,box-shadow .18s;display:grid}.login-input-wrap:focus-within{border-color:#1118274d;box-shadow:0 0 0 4px #0f172a0f}.password-input-wrap{grid-template-columns:22px minmax(0,1fr) 34px}.password-input-wrap button{color:#64748b;background:0 0;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.password-input-wrap button:hover{color:#111827;background:#f1f5f9}.login-input-wrap input{color:#111827;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:15px;font-weight:760}.login-input-wrap input::placeholder{color:#94a3b8}.captcha-row{grid-template-columns:minmax(0,1fr) 128px;gap:10px;display:grid}.captcha-image{color:#111827;cursor:pointer;background:repeating-linear-gradient(-18deg,#94a3b829 0 7px,#0000 7px 13px),#f8fafc;border:1px solid #0f172a1f;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:52px;padding:0 10px;display:inline-flex}.captcha-image span{letter-spacing:.12em;font-family:Georgia,Times New Roman,serif;font-size:20px;font-style:italic;font-weight:900;transform:rotate(-2deg)}.login-form-error{color:#b91c1c;background:#fef2f2db;border:1px solid #ef44443d;border-radius:14px;padding:11px 14px;font-size:13px;font-weight:850}.login-options{color:#64748b;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.remember-check{align-items:center;grid-template-columns:none!important;gap:8px!important;display:inline-flex!important}.remember-check input{accent-color:#111827;width:16px;height:16px}.login-options a{color:#111827;font-size:13px;font-weight:900;text-decoration:none}.login-options a:hover,.signup-link button:hover{text-decoration:underline}.interactive-hover-button{color:#111827;text-align:center;width:100%;min-height:52px;font:inherit;background:#fff;border:1px solid #0f172a1f;border-radius:999px;padding:0 24px;font-size:15px;font-weight:900;position:relative;overflow:hidden}.interactive-label{transition:opacity .3s,transform .3s;display:inline-block}.interactive-overlay{z-index:1;color:#fff;opacity:0;background:#111827;border-radius:999px;justify-content:center;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute;inset:0}.interactive-hover-button:hover .interactive-label{opacity:0;transform:translate(48px)}.interactive-hover-button:hover .interactive-overlay{opacity:1}.primary-action{color:#fff;background:#111827;border:0;margin-top:4px}.primary-action .interactive-overlay{background:#020617}.social-login{margin-top:24px}.google-action{border-color:#0f172a1f}.google-icon{width:20px;height:20px}.signup-link{color:#64748b;text-align:center;margin-top:30px;font-size:14px;font-weight:760}.signup-link button{color:#111827;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900}@keyframes loginPanelRise{0%{opacity:0;transform:translateY(54px)scale(.982)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes charactersFloat{0%,to{translate:0}50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.login-form-card,.animated-characters{animation:none}.character-block,.character-eyes,.character-eye,.character-pupil,.yellow-mouth{transition:none}}@media (width<=920px){.login-shell{grid-template-columns:1fr;overflow:auto}.login-hero{min-height:auto;padding:28px 20px 10px}.login-hero-brand,.login-hero-footer{display:none}.login-character-stage{min-height:300px}.animated-characters{scale:.62}.login-form-section{place-items:start center;min-height:auto;padding:28px 20px 34px}.login-mobile-brand{display:flex;position:absolute;top:22px;left:22px}.login-form-card{margin-top:22px}}@media (width<=520px){.login-heading h1{font-size:28px}.captcha-row{grid-template-columns:1fr}.login-options{flex-direction:column;align-items:flex-start}.signup-link{margin-top:22px}}.studio-shell{color:#15171c;background:linear-gradient(120deg,#14b8a614,#0000 30%),linear-gradient(250deg,#ec489914,#0000 38%),#f7f8f5;min-height:100svh;position:relative;overflow:hidden}.studio-shell:after{content:"";z-index:0;pointer-events:none;opacity:.65;background:linear-gradient(90deg,#0000 0 16%,#14b8a61a 31%,#0000 48%),linear-gradient(#0000 0 48%,#ec489914 60%,#0000 74%);animation:16s ease-in-out infinite alternate surfaceSweep;position:absolute;inset:0}.animated-grid{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.flow-line{opacity:.45;background:linear-gradient(90deg,#0000,#0f766e7a,#ec489957,#0000);height:1px;position:absolute}.flow-line-a{width:42vw;animation:12s ease-in-out infinite lineFloat;top:29%;left:11%}.flow-line-b{width:36vw;animation:15s ease-in-out infinite reverse lineFloat;top:67%;right:9%;transform:rotate(-9deg)}.flow-line-c{width:28vw;animation:18s ease-in-out infinite lineFloat;top:46%;left:54%;transform:rotate(7deg)}button{font:inherit}.topbar,.canvas-area,.workstation-panel,.prompt-dock,.zoom-status{position:absolute}.topbar{z-index:6;justify-content:space-between;align-items:center;gap:18px;height:62px;display:flex;top:24px;left:28px;right:28px}.topbar-left,.topbar-actions{align-items:center;gap:12px;display:flex}.brand-block{gap:2px;display:grid}.brand-block strong{color:#111827;font-size:22px;font-weight:900;line-height:1.05}.brand-block span{color:#64748b;font-size:13px;font-weight:600}.topbar-logo{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #0f172a1f;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;overflow:hidden;box-shadow:0 14px 34px #0f172a14}.topbar-logo img{object-fit:contain;width:78%;height:78%;display:block}.round-button,.avatar-button,.glass-button,.station-button,.composer-icon,.model-pill,.generate-button,.card-tools button{cursor:pointer}.round-button,.avatar-button,.station-icon{color:#111827;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #0f172a1f;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;transition:background .18s,border-color .18s;display:inline-flex}.round-button:hover,.composer-icon:hover,.model-pill:hover,.station-button:hover,.glass-button:hover{background:#ffffffeb;border-color:#1118274d}.round-button:focus-visible,.avatar-button:focus-visible,.composer-icon:focus-visible,.model-pill:focus-visible,.station-button:focus-visible,.glass-button:focus-visible,.generate-button:focus-visible,.card-tools button:focus-visible{outline-offset:2px;outline:3px solid #14b8a659}.glass-button{color:#111827;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #0f172a1f;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:700;transition:background .18s,border-color .18s;display:inline-flex}.glass-button.exporting{color:#0f766e;background:#f0fdfae6;border-color:#14b8a647}.avatar-button{color:#fff;background:linear-gradient(135deg,#0284c7,#f59e0b);border-color:#0284c766;overflow:hidden}.avatar-button img{object-fit:cover;width:100%;height:100%;display:block}.user-center{position:relative}.user-menu{z-index:12;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffeb;border:1px solid #0f172a1f;border-radius:24px;gap:8px;width:248px;padding:12px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 24px 68px #0f172a29}.user-menu:before{content:"";background:#ffffffeb;border-top:1px solid #0f172a1f;border-left:1px solid #0f172a1f;width:12px;height:12px;position:absolute;top:-6px;right:22px;rotate:45deg}.user-menu-head{align-items:center;gap:10px;min-width:0;padding:4px 4px 8px;display:flex}.user-menu-avatar,.profile-avatar{color:#fff;background:linear-gradient(135deg,#0284c7,#f59e0b);border-radius:999px;flex:none;place-items:center;display:grid;overflow:hidden}.user-menu-avatar{width:42px;height:42px}.user-menu-avatar img,.profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.user-menu-head div{gap:2px;min-width:0;display:grid}.user-menu-head strong,.account-drawer-head strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.user-menu-head small,.account-drawer-head span,.user-balance-card span,.account-field>span,.balance-overview span,.recharge-grid span{color:#64748b;font-size:12px;font-weight:800}.user-balance-card{background:#f1f5f9d1;border-radius:18px;grid-template-columns:1fr 1fr;gap:8px;padding:8px;display:grid}.user-balance-card div{gap:3px;display:grid}.user-balance-card strong{color:#111827;font-size:17px;font-weight:950;line-height:1.1}.user-menu>button{color:#111827;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;min-height:42px;padding:0 10px;font-size:14px;font-weight:850;display:flex}.user-menu>button:hover{background:#0f172a0f}.user-menu>button.danger{color:#dc2626}.account-drawer{z-index:9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffe6;border:1px solid #0f172a1f;border-radius:30px;gap:16px;width:min(380px,100vw - 56px);max-height:calc(100vh - 132px);padding:18px;display:grid;position:absolute;top:98px;right:28px;overflow:auto;box-shadow:0 28px 78px #0f172a2e}.account-drawer-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.account-drawer-head div{gap:3px;min-width:0;display:grid}.account-drawer-head strong{font-size:22px;line-height:1.1}.account-drawer-head button{color:#334155;cursor:pointer;background:#ffffffc7;border:1px solid #0f172a1a;border-radius:999px;flex:none;place-items:center;width:38px;height:38px;display:grid}.account-section{gap:14px;display:grid}.profile-avatar-row{align-items:center;gap:14px;display:flex}.profile-avatar{width:72px;height:72px}.upload-avatar-button{color:#111827;cursor:pointer;background:#f8fafceb;border:1px solid #0f172a1f;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 15px;font-weight:850;display:inline-flex}.upload-avatar-button input{display:none}.account-field{gap:7px;display:grid}.account-field div{background:#ffffffc7;border:1px solid #0f172a1f;border-radius:16px;align-items:center;gap:10px;min-height:48px;padding:0 13px;display:flex}.account-field input{color:#111827;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px;font-weight:750}.account-message{color:#0f766e;margin:0;font-size:13px;font-weight:850}.account-primary-button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:18px;min-height:50px;font-size:15px;font-weight:900}.account-primary-button:disabled{cursor:not-allowed;opacity:.52}.marketing-popup-shell{z-index:10;pointer-events:none;place-items:start center;display:grid;position:absolute;inset:92px 28px 146px}.marketing-popup-window{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:auto;background:#fffffff0;border:1px solid #0f172a24;border-radius:24px;grid-template-columns:250px minmax(0,1fr);gap:12px;width:min(860px,100%);max-height:100%;padding:12px;display:grid;box-shadow:0 30px 78px #0f172a33}.marketing-popup-list{background:#f8fafce6;border:1px solid #0f172a14;border-radius:18px;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.marketing-popup-list header{border-bottom:1px solid #0f172a14;gap:2px;padding:12px;display:grid}.marketing-popup-list header strong{color:#111827;font-size:14px;font-weight:900;line-height:1.1}.marketing-popup-list header small{color:#64748b;font-size:12px;font-weight:700}.marketing-popup-list>div{align-content:start;gap:6px;padding:10px;display:grid;overflow:auto}.marketing-popup-list button{color:#334155;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-items:start;gap:2px;min-height:54px;padding:8px 10px;display:grid}.marketing-popup-list button:hover,.marketing-popup-list button.active{background:#fff;border-color:#0f172a29}.marketing-popup-list button strong{color:#111827;font-size:13px;font-weight:850;line-height:1.2}.marketing-popup-list button small{color:#64748b;font-size:11px;font-weight:700;line-height:1.2}.marketing-popup-main{background:#ffffffe6;border:1px solid #0f172a14;border-radius:18px;align-content:start;gap:12px;min-width:0;padding:14px;display:grid;overflow:auto}.marketing-popup-main header{gap:4px;display:grid}.marketing-popup-main header span,.marketing-popup-main p,.marketing-popup-error{color:#64748b;font-size:13px;font-weight:700;line-height:1.45}.marketing-popup-main header strong{color:#111827;font-size:24px;font-weight:950;line-height:1.1}.marketing-popup-image{background:#f8fafce6;border:1px solid #0f172a14;border-radius:14px;overflow:hidden}.marketing-popup-image img{object-fit:cover;width:100%;max-height:260px;display:block}.marketing-popup-main p{margin:0}.marketing-popup-actions{justify-content:flex-end;gap:8px;display:flex}.marketing-popup-actions button{color:#0f172a;background:#fff;border:1px solid #0f172a1f;border-radius:12px;min-height:40px;padding:0 14px;font-size:13px;font-weight:820}.marketing-popup-actions button.primary{color:#fff;background:#111827;border-color:#111827}.delete-confirm-shell{z-index:13;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a38;place-items:center;display:grid;position:absolute;inset:0}.delete-confirm-window{background:#fffffff5;border:1px solid #0f172a24;border-radius:20px;gap:14px;width:min(460px,100vw - 32px);padding:18px;display:grid;box-shadow:0 32px 86px #0f172a3d}.delete-confirm-window header{gap:4px;display:grid}.delete-confirm-window header strong{color:#111827;font-size:20px;font-weight:920;line-height:1.15}.delete-confirm-window header small,.delete-confirm-window p{color:#64748b;margin:0;font-size:13px;font-weight:700;line-height:1.45}.delete-confirm-window p{background:#f8fafce6;border:1px solid #0f172a14;border-radius:12px;padding:10px 12px}.delete-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.delete-confirm-actions button{color:#0f172a;background:#fff;border:1px solid #0f172a24;border-radius:12px;min-height:40px;padding:0 14px;font-size:13px;font-weight:820}.delete-confirm-actions button.danger{color:#fff;background:#dc2626;border-color:#dc2626}.balance-overview{grid-template-columns:1fr 1fr;gap:10px;display:grid}.balance-overview div,.recharge-grid button{background:#f8fafce6;border:1px solid #0f172a1a;border-radius:18px;gap:6px;padding:14px;display:grid}.balance-overview strong,.recharge-grid strong{color:#111827;font-size:20px;font-weight:950;line-height:1.1}.recharge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.recharge-grid button{text-align:left;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.recharge-grid button.active{background:#fff;border-color:#111827b8;transform:translateY(-1px)}.recharge-grid small{color:#0f766e;font-size:11px;font-weight:800}.payment-dialog{background:#ffffffeb;border:1px solid #0f172a1f;border-radius:18px;gap:12px;padding:12px;display:grid}.payment-dialog header{gap:2px;display:grid}.payment-dialog header strong{color:#111827;font-size:16px;font-weight:900}.payment-dialog header small,.payment-dialog p,.payment-note{color:#64748b;margin:0;font-size:12px;font-weight:700}.payment-channel-tabs{gap:8px;display:flex}.payment-channel-tabs button{color:#334155;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:800}.payment-channel-tabs button.active{color:#fff;background:#111827;border-color:#0f172a}.payment-qr-wrap{background:#f8fafceb;border:1px dashed #0f172a33;border-radius:14px;place-items:center;padding:12px;display:grid}.payment-qr-wrap img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px;width:min(240px,100%)}.payment-qr-placeholder{text-align:center;color:#64748b;place-items:center;gap:6px;width:100%;min-height:160px;display:grid}.payment-qr-placeholder strong{color:#111827;font-size:14px;font-weight:850}.payment-qr-placeholder small{font-size:12px;line-height:1.4}.payment-actions{justify-content:flex-end;gap:8px;display:flex}.payment-actions button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a24;border-radius:12px;min-height:38px;padding:0 14px;font-size:12px;font-weight:820}.payment-actions button.primary{color:#fff;background:#111827;border-color:#111827}.canvas-area{--grid-size:24px;--grid-x:0px;--grid-y:0px;z-index:1;cursor:crosshair;touch-action:none;inset:96px 0 118px;overflow:hidden}.canvas-area.panning{cursor:grabbing}.canvas-area.selecting{cursor:crosshair}.canvas-area:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#47556947 1px,#0000 1.35px);background-position:var(--grid-x) var(--grid-y);background-size:var(--grid-size) var(--grid-size);position:absolute;inset:-120px}.canvas-world{transform-origin:0 0;will-change:transform;width:1px;height:1px;position:absolute;top:0;left:0}.generated-card{--card-width:170px;--card-height:170px;width:var(--card-width);height:var(--card-height);-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;will-change:transform, box-shadow;background:#fff;border:1px solid #0f172a24;border-radius:14px;transition:border-color .16s,box-shadow .22s,filter .22s,transform .26s cubic-bezier(.16,1,.3,1);position:absolute;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 18px 46px #0f172a21}.generated-card.ready{box-shadow:none;background:0 0;border-color:#0000}.generated-card.reference-card.ready{background:#ffffffe0;border-color:#0f172a1f;box-shadow:0 18px 46px #0f172a1f}.generated-card.dragging{transition:none}.generated-card:active{cursor:pointer}.generated-card.pending:hover,.generated-card.pending.active{border-color:color-mix(in srgb, var(--accent) 64%, #fff);box-shadow:0 24px 58px #0f172a2e}.generated-card.pending.active:after,.generated-card.selected:after{content:"";border:1.5px solid color-mix(in srgb, var(--accent) 72%, transparent);box-shadow:0 0 0 4px #ffffffc2, 0 0 0 7px color-mix(in srgb, var(--accent) 16%, transparent), 0 18px 34px #0f172a24;pointer-events:none;border-radius:20px;position:absolute;inset:-7px}.generated-card.pending{cursor:progress;border-style:dashed}.generated-card.ready.selected:after{border-color:#111827c2}.generated-card.selected,.generated-card.active{filter:saturate(1.02);border-color:#0f172a38;animation:.26s cubic-bezier(.16,1,.3,1) cardLiftIn;box-shadow:0 34px 82px #0f172a33,0 12px 26px #0f172a1f}.generated-card.ready.selected,.generated-card.ready.active{background:#fff3;box-shadow:0 34px 82px #0f172a33,0 12px 26px #0f172a1f}.generated-card.reference-card.selected,.generated-card.reference-card.active{background:#fffffff0;border-color:#0f172a47}.selection-box{z-index:4;pointer-events:none;background:#14b8a61f;border:1px solid #11182794;border-radius:8px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff9e}.export-frame{pointer-events:none;background:linear-gradient(#fff3,#fff3),repeating-linear-gradient(0deg,#0f172a09 0 1px,#0000 1px 24px),repeating-linear-gradient(90deg,#0f172a09 0 1px,#0000 1px 24px);border:2px solid #0f172ac2;border-radius:18px;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffffb8,0 28px 72px #0f172a29}.export-frame:before{content:"";border:1px dashed #0f172a33;border-radius:12px;position:absolute;inset:10px}.export-frame-label{z-index:3;color:#111827;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #0f172a1a;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:12px;left:12px}.export-frame-overlay{z-index:2;color:#111827;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#f8fafc8f;align-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.export-frame.ready .export-frame-overlay{background:#f0fdfa73}.export-spinner{color:#fff;background:#111827;border-radius:999px;place-items:center;width:58px;height:58px;animation:1.1s ease-in-out infinite pendingPulse;display:grid;box-shadow:0 18px 34px #0f172a2e}.export-frame.ready .export-spinner{color:#0f766e;background:#fff;animation:none}.export-frame-overlay strong{font-size:18px;font-weight:950;line-height:1.1}.export-frame-overlay span{color:#475569;font-size:12px;font-weight:850}.card-label{z-index:2;color:#475569;white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;transition:opacity .14s;display:flex;position:absolute;top:9px;left:10px;right:10px}.generated-card.ready .card-label{opacity:0}.generated-card.ready:hover .card-label,.generated-card.ready:focus-within .card-label,.generated-card.reference-card .card-label{opacity:1}.card-label span{color:#334155;font-weight:900}.card-label small{text-overflow:ellipsis;max-width:84px;overflow:hidden}.pending-frame,.failed-frame,.preview-image,.preview-logo{background:linear-gradient(135deg, #ffffffeb, #f8fafcf0), color-mix(in srgb, var(--accent) 12%, #fff);border-radius:13px;position:absolute;inset:0;overflow:hidden}.result-image{object-fit:fill;image-rendering:auto;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;border-radius:13px;width:100%;height:100%;display:block;position:absolute;inset:0}.reference-card .result-image{object-fit:contain;box-sizing:border-box;background:linear-gradient(#ffffffc2,#ffffffc2),repeating-linear-gradient(0deg,#0f172a09 0 1px,#0000 1px 18px),repeating-linear-gradient(90deg,#0f172a09 0 1px,#0000 1px 18px);padding:12px}.pending-frame:before,.failed-frame:before,.preview-image:before,.preview-logo:before{content:"";background-image:linear-gradient(#0f172a09 1px,#0000 1px),linear-gradient(90deg,#0f172a09 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.pending-frame,.failed-frame{color:#111827;align-content:center;justify-items:center;gap:6px;padding:14px;display:grid}.pending-loader-media,.failed-symbol,.pending-frame strong,.pending-frame span,.pending-frame small,.failed-frame strong,.failed-frame span{z-index:1;position:relative}.pending-loader-media,.failed-symbol{border-radius:12px;place-items:center;width:clamp(68px,54%,154px);height:clamp(68px,54%,154px);display:grid}.pending-loader-media{margin-bottom:3px}.pending-loader-video,.pending-loader-gif{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.failed-symbol{color:#dc2626;background:#fff1f2;border-radius:50%;width:54px;height:54px}.pending-frame strong,.failed-frame strong{font-size:15px;font-weight:900;line-height:1.1}.pending-frame span,.failed-frame span{color:#64748b;font-size:11px;font-weight:800}.pending-progress-track{background:#94a3b842;border-radius:999px;width:min(86%,220px);height:7px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #94a3b83d}.pending-progress-fill{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg, #0f172a, color-mix(in srgb, var(--accent) 50%, #2563eb));transition:transform .12s linear;position:absolute;inset:0}.pending-frame small{color:#475569;font-size:10px;font-weight:800}.preview-top{display:none}.product-stage{z-index:1;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, #fff), transparent), #ffffffc2;border-radius:20px;place-items:center;width:76%;min-height:42%;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.product-object{color:#fff;background:linear-gradient(180deg, #ffffff8c, transparent 28%), linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #111827), #111827);border-radius:19px 19px 13px 13px;place-items:center;width:46px;height:88px;font-size:13px;font-weight:900;display:grid}.product-shadow{filter:blur(4px);background:#0f172a2e;border-radius:999px;width:68px;height:9px;position:absolute;bottom:15px}.copy-block{z-index:1;color:#111827;text-align:center;justify-items:center;gap:3px;display:grid;position:absolute;bottom:33px;left:12px;right:12px}.copy-block strong{font-size:14px;line-height:1.1}.copy-block span{color:#64748b;font-size:10px}.bars{z-index:1;gap:5px;display:flex;position:absolute;bottom:15px;left:16px;right:16px}.bars i{background:color-mix(in srgb, var(--accent) 44%, #e2e8f0);border-radius:999px;flex:1;height:6px}.preview-white .product-stage{background:#fff;border:1px solid #0f172a14}.preview-detail .product-stage{min-height:34%;top:39%}.preview-detail .copy-block{text-align:left;justify-items:start;bottom:55px}.preview-detail .bars{display:grid;bottom:18px}.preview-detail .bars i{height:8px}.preview-poster{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 62%, #111827), #111827 63%), #111827}.preview-poster .preview-top,.preview-poster .copy-block span{color:#ffffffc2}.preview-poster .copy-block strong{color:#fff;font-size:18px}.preview-poster .product-stage{background:#ffffff24}.preview-logo{align-content:center;justify-items:center;gap:8px;display:grid}.logo-symbol,.preview-logo strong,.preview-logo span{z-index:1;position:relative}.logo-symbol{color:#fff;background:linear-gradient(145deg, #fff3, transparent), var(--accent);border-radius:25px;place-items:center;width:78px;height:78px;display:grid}.preview-logo strong{color:#111827;font-size:22px;font-weight:900;line-height:1}.preview-logo span{color:#64748b;letter-spacing:.08em;font-size:8px;font-weight:900}.card-tools{opacity:0;gap:6px;transition:opacity .16s;display:flex;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.generated-card:hover .card-tools,.generated-card.active .card-tools,.generated-card.selected .card-tools{opacity:1}.card-tools button{color:#111827;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #0f172a1f;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 8px 18px #0f172a29}.card-tools button.delete{color:#b42318;border-color:#b4231833}.card-tools button.delete:hover{color:#fff;background:#ef4444;border-color:#ef4444}.workstation-panel{z-index:5;box-sizing:border-box;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);will-change:width;background:#ffffffb8;border:1px solid #0f172a1f;border-radius:30px;grid-template-columns:74px minmax(0,1fr);gap:12px;width:min(392px,100vw - 48px);min-width:0;padding:10px;transition:width .44s cubic-bezier(.16,1,.3,1),grid-template-columns .44s cubic-bezier(.16,1,.3,1),gap .36s cubic-bezier(.16,1,.3,1),border-radius .36s,background .3s,box-shadow .36s;display:grid;top:108px;bottom:172px;left:24px;box-shadow:0 24px 72px #0f172a24}.workstation-panel.collapsed{background:#ffffffc7;border-radius:28px;grid-template-columns:74px minmax(0,0);gap:0;width:98px}.drawer-toggle{z-index:3;color:#475569;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:40px;height:96px;padding:0;transition:color .24s,transform .34s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.drawer-toggle:before{content:"";-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #0f172a1a;border-radius:999px;transition:inset .32s cubic-bezier(.16,1,.3,1),border-color .24s,background .24s,box-shadow .32s;position:absolute;inset:12px 10px;box-shadow:0 10px 28px #0f172a14}.drawer-toggle svg{z-index:1;stroke-width:2.2px;width:14px;height:14px;transition:transform .32s cubic-bezier(.16,1,.3,1);position:relative}.drawer-toggle:hover{color:#0f172a;transform:translateY(-50%)translate(2px)}.drawer-toggle:hover:before{background:#fffffff0;border-color:#11182729;inset:8px;box-shadow:0 18px 42px #0f172a21}.drawer-toggle:active{transform:translateY(-50%)translate(1px)scale(.98)}.drawer-toggle:hover svg{transform:translate(1px)scale(1.08)}.workstation-panel:not(.collapsed) .drawer-toggle:hover{transform:translateY(-50%)translate(-2px)}.workstation-panel:not(.collapsed) .drawer-toggle:active{transform:translateY(-50%)translate(-1px)scale(.98)}.workstation-panel:not(.collapsed) .drawer-toggle:hover svg{transform:translate(-1px)scale(1.08)}.drawer-toggle:focus-visible{outline-offset:2px;outline:3px solid #14b8a659}.station-tabs{align-content:start;gap:8px;min-width:0;padding:8px 0;display:grid}.station-button{color:#334155;background:#ffffff9e;border:1px solid #0f172a14;border-radius:20px;place-items:center;gap:4px;width:58px;min-height:58px;padding:6px 0;transition:background .18s,border-color .18s,color .18s;display:grid}.station-button.active{color:#fff;background:#111827;border-color:#111827}.station-button.active:hover{background:#111827;border-color:#111827}.station-icon{background:0 0;border:0;border-radius:0;place-items:center;width:28px;height:26px;display:grid}.station-label{max-width:52px;color:inherit;white-space:nowrap;font-size:11px;font-weight:900;line-height:1.1}.station-detail{scrollbar-width:thin;scrollbar-color:#0f172a38 transparent;opacity:1;min-width:0;padding:8px 8px 10px 0;transition:opacity .26s,transform .36s cubic-bezier(.22,1,.36,1),visibility .26s;overflow:auto;transform:translate(0)}.workstation-panel.collapsed .station-detail{visibility:hidden;pointer-events:none;opacity:0;width:0;min-width:0;max-width:0;padding-left:0;padding-right:0;overflow:hidden;transform:translate(-14px)}.station-detail::-webkit-scrollbar{width:5px}.prompt-preview::-webkit-scrollbar{width:5px}.station-detail::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:999px}.prompt-preview::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:999px}.station-detail::-webkit-scrollbar-track{background:0 0}.prompt-preview::-webkit-scrollbar-track{background:0 0}.station-heading{border-bottom:1px solid #0f172a17;gap:4px;padding:3px 4px 14px;display:grid}.station-heading>span,.section-title,.field-block>span,.quantity-grid label>span,.spec-grid span,.output-summary span{color:#64748b;font-size:12px;font-weight:900}.station-heading strong{color:#111827;font-size:22px;font-weight:950;line-height:1.1}.station-heading small{color:#475569;font-size:12px;font-weight:700;line-height:1.45}.station-section{border-bottom:1px solid #0f172a14;gap:10px;padding:12px 4px;display:grid}.section-title{color:#334155;align-items:center;gap:7px;display:flex}.field-block{gap:7px;display:grid}.field-block select,.quantity-grid input{color:#111827;width:100%;min-height:42px;font:inherit;background:#ffffffbd;border:1px solid #0f172a1f;border-radius:15px;outline:0;padding:0 12px;font-weight:850}.field-block select:focus,.quantity-grid input:focus{border-color:#14b8a68c;box-shadow:0 0 0 3px #14b8a61f}.ratio-picker{position:relative}.ratio-trigger{color:#111827;width:100%;min-height:42px;font:inherit;cursor:pointer;background:#ffffffc7;border:1px solid #0f172a1f;border-radius:15px;justify-content:space-between;align-items:center;padding:0 13px;font-weight:900;display:flex}.ratio-trigger:after{content:"";opacity:.72;border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transform:translateY(-2px)rotate(45deg)}.ratio-menu{z-index:12;background:#fffffff5;border:1px solid #0f172a1f;border-radius:18px;gap:2px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 42px #0f172a29}.ratio-option{color:#64748b;min-height:36px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:14px;font-weight:850;display:flex}.ratio-option:hover,.ratio-option.active{color:#111827;background:#f1f5f9}.spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.spec-grid.single{grid-template-columns:1fr}.spec-grid div,.template-list div{background:#f8fafcb3;border:1px solid #0f172a14;border-radius:16px;gap:4px;min-width:0;padding:10px;display:grid}.spec-grid strong,.template-list strong,.toggle-row strong,.output-summary strong{color:#111827;font-size:13px;font-weight:950;line-height:1.15}.spec-note{color:#64748b;margin:0;font-size:12px;font-weight:700;line-height:1.45}.cost-note{color:#334155;background:#f8fafcb8;border:1px solid #0f172a14;border-radius:14px;margin:0;padding:9px 10px;font-size:12px;font-weight:850;line-height:1.45}.quantity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quantity-grid.single{grid-template-columns:1fr}.quantity-grid label{gap:7px;display:grid}.toggle-row{color:#111827;background:#f8fafcb8;border:1px solid #0f172a14;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-size:13px;font-weight:850;display:grid}.toggle-row input{accent-color:#111827;width:18px;height:18px}.template-list{gap:7px;display:grid}.template-list div{grid-template-columns:minmax(0,1fr) auto;align-items:center}.template-list span{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:850;overflow:hidden}.prompt-preview{white-space:pre-wrap;color:#334155;background:#f8fafcbd;border:1px solid #0f172a14;border-radius:18px;max-height:150px;padding:11px 12px;font-size:12px;font-weight:700;line-height:1.55;overflow:auto}.seed-button{color:#111827;cursor:pointer;background:#ffffffc7;border:1px solid #0f172a1f;border-radius:999px;min-height:38px;padding:0 14px;font-size:13px;font-weight:900}.seed-button:hover{background:#fff;border-color:#11182742}.output-summary{color:#fff;background:#111827;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;margin:12px 4px 0;padding:0 14px;display:flex}.output-summary span,.output-summary strong{color:#fff}.zoom-status{z-index:5;color:#334155;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border:1px solid #0f172a1c;border-radius:999px;place-items:center;min-width:68px;min-height:40px;font-size:14px;font-weight:900;display:grid;bottom:24px;right:29px}.prompt-dock{z-index:6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#e5eaf0db;border:1px solid #0f172a26;border-radius:28px;width:min(728px,100vw - 190px);min-height:126px;padding:16px 18px;display:block;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 26px 70px #0f172a29}.prompt-content{align-content:space-between;gap:12px;min-width:0;min-height:94px;display:grid}.file-input{display:none}.chat-input{resize:none;color:#111827;background:0 0;border:0;outline:0;width:100%;min-width:0;height:48px;font-size:16px;font-weight:600;line-height:1.45;overflow:hidden}.chat-input::placeholder{color:#6b7280}.api-error{color:#b91c1c;margin:-6px 0 0;font-size:12px;font-weight:800;line-height:1.35}.selected-edit-row{justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex}.selected-edit-chip{color:#111827;background:#ffffffb3;border:1px solid #0f172a1a;border-radius:999px;align-items:center;gap:9px;min-width:0;max-width:min(100%,390px);min-height:34px;padding:4px 10px 4px 5px;display:inline-flex}.selected-edit-thumb{color:#334155;background:#e2e8f0c7;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid;overflow:hidden}.selected-edit-thumb img{object-fit:cover;width:100%;height:100%}.selected-edit-meta{text-align:left;justify-items:start;gap:1px;min-width:0;display:grid}.selected-edit-meta strong,.selected-edit-meta small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.selected-edit-meta strong{color:#111827;font-size:12px;font-weight:850;line-height:1.15}.selected-edit-meta small{color:#64748b;font-size:10px;font-weight:760;line-height:1.1}.selected-edit-remove{color:#475569;background:#ffffff80;border:0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.selected-edit-remove:hover{color:#111827;background:#ffffffd1}.composer-actions,.composer-left,.composer-right{align-items:center;display:flex}.composer-actions{justify-content:space-between;gap:14px;padding-right:72px}.composer-left,.composer-right{gap:10px}.upload-chip{color:#334155;white-space:nowrap;background:#ffffff8f;border-radius:999px;align-items:center;max-width:138px;min-height:30px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.composer-icon{color:#111827;background:0 0;border:0;border-radius:999px;place-items:center;width:34px;height:34px;padding:0;transition:background .18s,color .18s;display:grid}.composer-icon:hover{background:#ffffffad}.color-style-picker{position:relative}.color-style-trigger.active{color:#fff;background:#111827}.color-style-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff0;border:1px solid #0f172a1f;border-radius:24px;gap:12px;width:310px;padding:12px;display:grid;position:absolute;bottom:calc(100% + 14px);right:-84px;box-shadow:0 26px 70px #0f172a2e}.color-style-menu:after{content:"";background:#fffffff0;border-bottom:1px solid #0f172a1f;border-right:1px solid #0f172a1f;width:12px;height:12px;position:absolute;bottom:-6px;right:95px;rotate:45deg}.color-style-head{justify-content:space-between;align-items:center;gap:10px;padding:2px 4px 0;display:flex}.color-style-head div{gap:2px;min-width:0;display:grid}.color-style-head strong,.color-style-option strong{color:#111827;font-weight:900}.color-style-head span,.color-style-option small{color:#64748b;font-size:12px;font-weight:760}.color-style-head button{color:#334155;cursor:pointer;background:#f8fafce6;border:1px solid #0f172a1a;border-radius:999px;flex:none;min-height:30px;padding:0 10px;font-size:12px;font-weight:850}.color-style-list{gap:7px;display:grid}.color-style-option{color:#111827;text-align:left;cursor:pointer;background:#f8fafcb8;border:1px solid #0000;border-radius:18px;grid-template-columns:56px minmax(0,1fr) 18px;align-items:center;gap:10px;min-width:0;min-height:58px;padding:8px 10px;transition:border-color .16s,background .16s,transform .16s;display:grid}.color-style-option:hover,.color-style-option.active{background:#fff;border-color:#11182733;transform:translateY(-1px)}.color-style-option>span:nth-child(2){gap:2px;min-width:0;display:grid}.color-style-option small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.color-swatch-row{align-items:center;display:flex}.color-swatch-row i{border:2px solid #fff;border-radius:999px;width:24px;height:24px;display:block;box-shadow:0 0 0 1px #0f172a14}.color-swatch-row i+i{margin-left:-7px}.model-pill{color:#111827;background:#d1d8e2b8;border:0;border-radius:999px;min-height:34px;padding:0 14px;font-size:15px;font-weight:800}.generate-button{color:#9ca3af;white-space:nowrap;background:#d1d8e2c7;border:0;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;min-height:48px;padding:0;font-weight:900;transition:background .18s,color .18s;display:inline-flex;position:absolute;bottom:16px;right:18px}.generate-button:hover{color:#111827;background:#ffffffd1}.generate-button:disabled{cursor:wait;color:#ffffffbf}@keyframes surfaceSweep{0%{transform:translate(-2.5%,-2%)}to{transform:translate(4%,3%)}}@keyframes lineFloat{0%,to{opacity:.2;translate:-24px}50%{opacity:.58}72%{translate:46px}}@keyframes pendingPulse{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes cardLiftIn{0%{filter:saturate()}45%{filter:saturate(1.04)brightness(1.02)}to{filter:saturate(1.02)}}@media (width<=1180px){.prompt-dock{width:min(728px,100vw - 150px)}}@media (width<=820px){.topbar{top:18px;left:16px;right:16px}.brand-block span,.glass-button:not(:first-of-type){display:none}.canvas-area{inset:88px 0 150px}.marketing-popup-shell{inset:86px 12px 146px}.marketing-popup-window{grid-template-columns:1fr}.workstation-panel{border-radius:26px;grid-template-columns:66px minmax(0,1fr);gap:10px;width:min(340px,100vw - 24px);padding:8px;top:92px;bottom:146px;left:12px}.station-button{width:52px;min-height:52px}.station-icon{width:26px;height:24px}.prompt-dock{border-radius:26px;width:calc(100vw - 24px);min-height:116px;bottom:14px}.zoom-status{display:none}}@media (width<=540px){.topbar-actions .glass-button{display:none}.round-button,.avatar-button,.topbar-logo{width:50px;height:50px}.brand-block strong{font-size:20px}.canvas-area{inset:82px 0 142px}.marketing-popup-shell{inset:80px 10px 138px}.workstation-panel{grid-template-columns:58px minmax(0,1fr);gap:8px;width:calc(100vw - 24px);top:82px;bottom:140px}.station-tabs{gap:7px}.station-button{border-radius:17px;width:46px;min-height:48px}.station-label{font-size:10px}.station-heading strong{font-size:19px}.spec-grid{grid-template-columns:1fr}.card-label{font-size:11px;top:8px}.card-label small{max-width:74px}.prompt-dock{min-height:116px}.chat-input{font-size:14px}.generate-button{width:46px;height:46px;min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}