:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202538;background:#f6f7fb;font-synthesis:none;--blue: #315bea;--ink: #202538;--muted: #737b8d;--border: #e3e6ef;--surface: #fff;--nav-height: 72px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #315bea88;outline-offset:4px}a{color:inherit}button{transition:background .16s,box-shadow .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.25;letter-spacing:-1.1px}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:16px}svg{flex-shrink:0}input,textarea{min-width:0;border:1px solid var(--border);border-radius:10px;padding:13px 14px;background:#fff;color:var(--ink);font-size:16px}input::placeholder,textarea::placeholder{color:#969cad}input{width:100%}label{font-size:14px;font-weight:600}label>input{display:block;margin-top:8px}small{font-size:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;flex-shrink:0}.icon-button:hover{background:#edf0f7}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:700;text-decoration:none;min-height:44px}.primary{color:#fff;background:var(--blue)}.primary:hover{background:#234bd3}.primary:disabled{opacity:.6}.secondary{background:#f0f3fc;color:#3154c7;border:1px solid #dce4ff}.secondary:hover{background:#e7edff}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-1px}.brand-symbol{display:grid;place-items:center;background:var(--blue);color:#fff;width:40px;height:40px;border-radius:12px}.brand-meta{font-size:10px;letter-spacing:2px;color:#7c8496;margin:5px 0 0 4px;font-weight:700}.global-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fffffff2;border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:25}.header-actions{display:flex;align-items:center;gap:14px}.balance{display:flex;align-items:center;gap:9px;background:#f0f3fd;border:1px solid #e0e7fc;padding:10px 14px;border-radius:100px;font-size:14px;color:#4560a2;min-height:42px}.balance b{color:#26366a;font-weight:800}.balance:hover{background:#e6ecfc}.navigation{position:fixed;top:88px;bottom:0;left:0;width:238px;border-right:1px solid var(--border);padding:34px 22px;background:#fff;display:flex;flex-direction:column;gap:8px;z-index:20}.navigation>button{display:flex;align-items:center;gap:13px;text-align:left;padding:14px 18px;font-size:15px;color:#727a8d;font-weight:600;border-radius:11px;min-height:50px}.navigation>button.active{background:#eaf0ff;color:#315bea}.navigation>button:hover{background:#f2f5fc}.nav-note{margin-top:auto;padding:22px 16px;color:#a2a8b5}.nav-note>span:first-child{font-size:9px;letter-spacing:1.4px;font-weight:700}.nav-note p{font-size:20px;line-height:1.6;color:#7d8597;letter-spacing:-.4px;margin:17px 0}.nav-number{display:block;padding-top:12px;border-top:1px solid var(--border);font-size:12px;letter-spacing:2px}.workspace{margin-left:238px;padding:126px 48px 60px;min-height:100dvh}.composer{max-width:780px;margin:0 auto;padding-bottom:170px}.page-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#8e96a7}.draft-saved{font-size:12px;color:#858da0}.mode-wrap{position:relative;margin-bottom:26px;width:fit-content}.mode-button{display:flex;align-items:center;gap:12px;padding:0}.mode-button>svg:first-child{color:var(--blue)}.mode-button>svg:last-child{margin-left:9px;color:#9299aa}.rotate{transform:rotate(180deg)}.mode-menu{position:absolute;top:52px;left:0;z-index:30;width:280px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #20253822}.mode-menu button{display:flex;align-items:center;gap:13px;width:100%;padding:15px;border-radius:10px;font-size:16px;text-align:left}.mode-menu button:hover{background:#f1f4ff}.mode-menu button span{flex:1}.mode-menu small{font-size:10px;letter-spacing:1px;color:#9098aa}.submodes{display:flex;background:#e9edf5;padding:5px;border-radius:11px;margin-bottom:18px;max-width:100%}.submodes button{flex:1;padding:10px;font-size:14px;font-weight:700;color:#81899c;border-radius:8px}.submodes button.active{background:#fff;color:#315bea;box-shadow:0 2px 6px #29335b0b}.dropzone{border:1.5px dashed #c9d4f0;background:#f0f4fe;min-height:173px;border-radius:16px;padding:22px;margin-bottom:20px;transition:background .15s,border .15s}.dropzone.drag{background:#e0e9ff;border-color:var(--blue)}.dropzone.disabled{background:#f1f3f7;border-color:#dce0e8}.upload-target{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:8px;min-height:94px;color:#667ebb;padding:0}.upload-target>svg{margin-bottom:3px}.upload-target strong{color:#455b91;font-size:15px;font-weight:700}.upload-target span{font-size:13px;color:#8190af;text-align:center;line-height:1.7}.dropzone.disabled .upload-target{color:#a1a8b7}.dropzone.disabled strong{color:#8d95a5}.drop-hint{display:block;text-align:center;font-size:11px;color:#97a3bc;margin-top:10px}.reference-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.reference{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:96px;background:#fff;border-radius:9px;padding:6px;border:1px solid #dbe2f4}.reference img{width:100%;height:61px;object-fit:cover;border-radius:5px}.reference>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;margin-top:6px;color:#7280a0}.remove-ref{position:absolute;top:-7px;right:-7px;border-radius:100%;background:#263866;color:#fff;display:grid;place-items:center;width:23px;height:23px}.prompt-card{border:1px solid var(--border);border-radius:16px;background:#fff;padding:19px 22px 14px;margin-bottom:14px;box-shadow:0 3px 6px #27334c02}.field-label{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#525d73}.field-label label{font-size:13px}.field-label>span{font-size:11px;color:#a3aabb}.prompt-card textarea{width:100%;height:156px;resize:vertical;min-height:112px;border:0;border-radius:0;padding:16px 0 6px;font-size:17px;line-height:1.85;background:transparent;outline-offset:0}.prompt-card textarea:focus{outline:0}.prompt-card:focus-within{border-color:#a2b4ef;box-shadow:0 0 0 3px #315bea09}.prompt-card.muted{background:#f2f3f7}.prompt-tools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:8px}.subtle{color:#858da0;font-size:13px;line-height:1.7}.mini-chip{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:7px;padding:6px 9px;font-size:12px}.mini-chip:disabled{color:#9da4b4}.model-row{display:flex;align-items:center;justify-content:space-between;width:100%;height:58px;border:1px solid var(--border);border-radius:12px;background:#fff;padding:0 18px;font-size:14px;gap:12px}.model-row>span:first-child{color:#8a92a4}.model-row:hover{border-color:#b7c5eb}.selected-model{display:flex;align-items:center;gap:10px;min-width:0}.selected-model strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-model>svg{color:#8d97ac}.model-mark{background:#e9eefc;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#4f70d5}.model-mark.video{background:#e4f4f3;color:#3c928d}.settings-row{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding:16px 0 5px;max-width:100%;white-space:nowrap}.settings-row::-webkit-scrollbar{display:none}.setting-chip{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding:11px 13px;background:#fff;border:1px solid #dfe4ef;border-radius:9px;min-height:43px;font-weight:600;font-size:13px;color:#566580}.setting-chip>svg{color:#8493b0}.setting-chip select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}.setting-chip:focus-within{outline:2px solid var(--blue);outline-offset:2px}.setting-chip.fixed-setting{color:#929bae;background:#eff2f8;border-color:#e4e8f0}.setting-chip.fixed-setting select{cursor:default}.composer-note{font-size:12px;line-height:1.7;color:#929bad;margin:17px 0 12px}.generate-dock{position:fixed;bottom:0;left:238px;right:0;padding:18px 48px 30px;background:linear-gradient(0deg,#f6f7fb 75%,#f6f7fb00);z-index:15}.generate-inner{max-width:780px;margin:0 auto}.generate{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--blue);color:#fff;padding:19px 23px;border-radius:13px;font-size:17px;font-weight:700;min-height:62px;box-shadow:0 8px 22px #315bea26}.generate:hover:not(:disabled){background:#244edb}.generate:disabled{background:#dfe5f6;color:#8c9ac1;box-shadow:none}.generate>span{display:flex;align-items:center;gap:10px}.generate-cost{padding-left:19px;border-left:1px solid #ffffff44;white-space:nowrap;font-size:15px}.cost-caption{display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1.5;color:#929bb0;margin:0 0 10px;min-height:17px;gap:6px}.topup-link{color:var(--blue);width:100%}.error{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.6;color:#b23d40;background:#fff0f0;padding:11px 13px;border-radius:8px;margin:12px 0;overflow-wrap:anywhere}.error svg{margin-top:3px}.notice{font-size:14px;color:#596984;background:#edf2fc;padding:13px;border-radius:9px;line-height:1.6;margin-top:15px}.success{display:flex;align-items:center;gap:6px;color:#248260;font-size:13px;margin:10px 0}.sheet{border:1px solid #e3e7f1;border-radius:22px;padding:0;color:var(--ink);background:#fff;width:min(590px,calc(100% - 32px));max-height:88dvh;box-shadow:0 30px 100px #18285730;overflow-y:auto}.sheet::backdrop{background:#15234266;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sheet-head{position:sticky;top:0;z-index:3;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.sheet-head h2{font-size:20px}.sheet.wide{width:min(900px,calc(100% - 32px))}.search{display:flex;align-items:center;gap:10px;background:#f3f5f9;border:1px solid #e7eaf1;border-radius:11px;margin:20px 24px;padding:0 12px;color:#929eb2}.search input{border:0;background:none;padding:12px 0}.search input:focus{outline:0}.search:focus-within{outline:2px solid #315bea66}.model-list{padding:0 14px 22px}.model-list h3{font-size:12px;letter-spacing:.8px;color:#8f98aa;padding:12px;text-transform:uppercase}.model-list section+section{margin-top:15px}.model-list section>button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:13px 10px;border-radius:12px}.model-list section>button:hover,.model-list .chosen{background:#f1f5ff}.model-tile{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#eaf0ff;color:#5275d6;flex-shrink:0}.model-tile.video{background:#e8f6f1;color:#388978}.model-tile.audio{background:#f4edff;color:#a086c9}.model-info{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.model-info strong{font-size:14px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.model-info strong small{font-size:9px;color:#5071c8;background:#e1e9ff;padding:3px 5px;border-radius:4px;letter-spacing:.7px}.model-info>span{font-size:12px;color:#8a94a8;line-height:1.55}.model-info em{font-style:normal;font-size:10px;color:#a3adbf}.model-list button>svg{color:var(--blue)}.library{max-width:1120px;margin:0 auto}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 24px}.view-toggle{display:flex;padding:4px;background:#e9edf5;border:1px solid #e1e5ef;border-radius:10px;gap:3px}.view-toggle button{padding:8px;display:flex;color:#929bb0;border-radius:6px}.view-toggle button.active{background:#fff;color:#405888;box-shadow:0 2px 5px #00000009}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:22px}.filters button{display:flex;align-items:center;gap:8px;padding:10px 17px;font-size:14px;font-weight:600;border:1px solid #e1e6f0;border-radius:9px;white-space:nowrap;color:#818ca2;background:#fff}.filters button.active{color:#fff;background:#253556;border-color:#253556}.empty{padding:68px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;text-align:center}.empty-icon{width:100px;height:100px;border:1px solid #e0e7f7;display:grid;place-items:center;background:#eaf0ff;border-radius:28px;color:#7d97d7;margin-bottom:10px}.empty h2{font-size:21px}.empty p{font-size:14px;line-height:1.8;color:#8e98ab;max-width:370px}.empty .secondary{margin-top:8px}.empty-small{padding:30px;text-align:center;color:#8e98ab}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.media-card{display:block;text-align:left;overflow:hidden;border:1px solid var(--border);border-radius:14px;padding:0;background:#fff;min-width:0}.media-card:hover{box-shadow:0 6px 22px #23396513}.media-preview{position:relative;aspect-ratio:1;overflow:hidden;background:#eaf0f9}.media-preview>img,.media-preview>video{width:100%;height:100%;object-fit:cover;display:block}.media-type{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:5px;border-radius:5px;background:#fffe;padding:5px 8px;color:#42567f;font-size:10px}.card-caption{padding:14px;display:flex;flex-direction:column;gap:9px}.card-caption>div{min-width:0}.card-caption strong{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-caption span{font-size:10px;color:#9aa4b6;display:block;margin-top:6px}.card-caption>small{font-size:11px;color:#6a7ba0}.gallery.list{display:flex;flex-direction:column;max-width:780px;margin:0 auto}.gallery.list .media-preview{aspect-ratio:16/10}.gallery.list .card-caption{flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.gallery.list .card-caption strong{font-size:15px}.job-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#8ca0c8}.job-placeholder span{font-size:13px}.job-placeholder.failed{background:#fcf2f2;color:#b57474}.load-more{display:flex;margin:24px auto}.credit-total{padding:28px;margin:24px;border-radius:15px;background:#eef3ff;color:#45649e}.credit-total>span{font-size:13px}.credit-total h3{font-size:39px;letter-spacing:-1px;color:#28447b;margin:7px 0}.credit-total h3 small{font-size:15px;letter-spacing:0;color:#7b91b7;font-weight:500}.credit-total p{font-size:14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.credit-total p span{font-size:11px;color:#8b9fc1}.credit-total>small{display:block;margin-top:14px;font-size:12px}.topup-form{padding:0 24px 24px}.topup-form>p,.reconcile>p{font-size:13px;line-height:1.8;color:#8d97aa;margin:9px 0 16px}.form-row{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin:16px 0}.form-row label{font-size:12px}.form-row label>span{font-size:10px;color:#a1aabc}.topup-form .primary{width:100%}.transactions{border-top:1px solid var(--border);padding:22px 24px 30px}.transactions>h3{margin-bottom:20px}.transaction{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0f2f7}.transaction-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#edf1fa;color:#778cad;flex-shrink:0}.transaction-icon.topup{background:#e7f5f0;color:#4b9d7d}.transaction>div{flex:1;min-width:0}.transaction strong{font-size:13px;font-weight:600}.transaction span:not(.transaction-icon){display:block;font-size:10px;color:#9ba5b8;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.transaction .transaction-amount{flex:0 0 auto;text-align:right}.transaction-amount.positive strong{color:#3a9978}.detail-media{display:flex;justify-content:center;background:#f0f3f9;min-height:140px}.detail-media img,.detail-media video{max-width:100%;max-height:58dvh;object-fit:contain;display:block}.detail-info{padding:25px}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.status{padding:7px 10px;border-radius:6px;font-size:12px;color:#6982b5;background:#edf3ff}.status.succeeded{background:#e9f7f0;color:#428a6d}.status.failed{background:#ffeded;color:#ad5c5c}.detail-prompt{font-size:16px;line-height:1.85;white-space:pre-wrap;margin:10px 0 24px;overflow-wrap:anywhere}dl{border-top:1px solid var(--border);margin:0}dl>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #edf0f6;font-size:13px}dt{color:#909bb0;flex-shrink:0}dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.request-id{font-size:11px}.output-strip{display:flex;gap:8px;padding:15px 24px}.output-strip button{padding:3px;border:2px solid transparent;border-radius:8px}.output-strip button.active{border-color:var(--blue)}.output-strip img{width:60px;height:60px;object-fit:cover;display:block;border-radius:5px}.reconcile{margin-top:24px}.reconcile input{margin-bottom:12px}.toast{position:fixed;z-index:60;top:105px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #dce5f5;box-shadow:0 10px 50px #24355326;border-radius:13px;display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:calc(100% - 28px);width:max-content;font-size:13px}.toast>svg{color:#4c977b}.toast>button:not(.icon-button){color:var(--blue);font-size:12px;font-weight:700}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px 22px 45px;background:radial-gradient(ellipse at 75% 15%,#e7edff 0%,transparent 55%),#f6f7fb}.login-brand{position:absolute;top:34px;left:42px}.login-card{background:#fff;padding:40px;border:1px solid var(--border);border-radius:22px;width:420px;max-width:100%;box-shadow:0 20px 70px #31437509}.login-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#edf2ff;color:var(--blue);margin-bottom:20px}.login-card h1{font-size:34px;line-height:1.35}.login-card>p{font-size:13px;color:#9199aa;margin:12px 0 27px}.login-card label{display:block;margin:17px 0;color:#606c82;font-size:13px}.login-card .primary{width:100%;margin-top:12px;justify-content:space-between}.login>small{color:#a2abbd;font-size:11px;margin-top:24px}.loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}.loading>p{color:#9aa5b9;font-size:14px}.loading>svg{color:var(--blue)}.server-error{position:fixed;bottom:15px;left:15px;right:15px;background:#fff;padding:10px;z-index:100}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.workspace{padding-top:145px}.composer,.generate-inner{max-width:840px}.dropzone{min-height:190px}.prompt-card textarea{height:180px}}@media(max-width:1100px){.navigation{width:196px;padding:30px 14px}.workspace{margin-left:196px;padding-left:28px;padding-right:28px}.generate-dock{left:196px;padding-left:28px;padding-right:28px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-meta{display:none}}@media(max-width:700px){:root{--nav-height: calc(66px + env(safe-area-inset-bottom)) }.global-header{height:74px;padding:0 20px}.brand{font-size:23px;gap:8px}.brand-symbol{width:33px;height:33px;border-radius:10px}.brand-symbol svg{width:23px}.header-actions{gap:5px}.balance{padding:8px 11px;gap:6px;font-size:12px;min-height:36px}.balance>span{display:none}.balance>svg:first-child{width:15px}.logout{width:29px}.logout svg{width:15px}.navigation{top:auto;bottom:0;width:100%;height:var(--nav-height);border:0;border-top:1px solid var(--border);padding:7px 22px calc(7px + env(safe-area-inset-bottom));flex-direction:row;gap:14px;justify-content:center;align-items:center;background:#fff;z-index:30}.navigation>button{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;min-height:42px;max-width:240px}.nav-note{display:none}.workspace{margin:0;padding:98px 20px calc(var(--nav-height) + 30px)}.composer{padding-bottom:155px}.page-top{margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:1.3px}.draft-saved{font-size:10px}.mode-wrap{margin-bottom:23px}.mode-button{gap:10px}.mode-button h1{font-size:27px}.mode-button>svg:first-child{width:24px}.mode-button>svg:last-child{width:19px;margin-left:4px}.mode-menu{top:46px}.dropzone{min-height:162px;padding:20px 13px;border-radius:14px;margin-bottom:17px}.upload-target strong{font-size:14px}.upload-target span{font-size:11px}.drop-hint{font-size:10px}.prompt-card{padding:16px 17px 12px;border-radius:14px}.prompt-card textarea{font-size:16px;height:160px;line-height:1.8}.field-label label{font-size:12px}.field-label>span{font-size:10px}.model-row{height:53px;padding:0 14px;font-size:13px}.selected-model{gap:7px}.selected-model strong{font-size:13px}.model-mark{width:24px;height:24px}.model-row .selected-model>svg{width:16px}.settings-row{gap:7px;padding-top:13px;margin-right:-20px;padding-right:20px;max-width:calc(100% + 20px)}.setting-chip{font-size:12px;padding:10px;gap:6px;border-radius:8px;min-height:41px}.setting-chip>svg{width:15px}.composer-note{font-size:11px;margin-top:13px}.generate-dock{left:0;right:0;bottom:var(--nav-height);padding:18px 20px 13px}.generate{min-height:57px;padding:17px 18px;border-radius:11px;font-size:15px}.generate-cost{font-size:13px;padding-left:12px}.cost-caption{font-size:9px;margin-bottom:9px}.sheet{width:100%;max-height:90dvh;margin:auto 0 0;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}.sheet.wide{width:100%}.sheet-head{padding:17px 20px}.sheet-head h2{font-size:19px}.sheet-head .icon-button{background:#f1f4f9;width:32px;height:32px}.sheet-head .icon-button svg{width:18px}.search{margin:18px 20px}.model-list{padding:0 12px 18px}.model-info>span{font-size:11px}.model-info strong{font-size:13px}.model-info em{font-size:10px}.model-tile{width:42px;height:42px}.library-heading h1{font-size:29px}.library-heading{margin-bottom:20px}.view-toggle button{padding:7px}.filters{gap:7px}.filters button{font-size:12px;padding:10px 13px;gap:6px}.gallery{gap:12px}.card-caption{padding:11px}.card-caption strong{font-size:12px}.card-caption span{font-size:9px}.card-caption>small{font-size:10px}.empty{padding:52px 12px}.empty h2{font-size:19px}.empty p{font-size:13px}.empty-icon{width:82px;height:82px;border-radius:22px}.gallery.list .card-caption{padding:16px;align-items:flex-start}.gallery.list .card-caption strong{font-size:13px}.gallery.list .card-caption>small{white-space:nowrap}.prompt-tools .subtle{font-size:10px}.prompt-tools{gap:8px}.submodes button{font-size:12px}.credit-total{margin:20px;padding:22px}.credit-total h3{font-size:34px}.topup-form{padding:0 20px 22px}.transactions{padding:22px 20px}.form-row{grid-template-columns:1fr 1.2fr}.form-row input{font-size:14px;padding:12px 10px}.form-row label>span{display:none}.transaction{gap:9px}.transaction strong{font-size:12px}.transaction span:not(.transaction-icon){font-size:10px}.transaction-icon{width:30px;height:30px}.detail-info{padding:20px}.detail-prompt{font-size:15px}.detail-media img,.detail-media video{max-height:50dvh}.detail-heading .secondary{padding:8px 12px;font-size:12px}.detail-info dl>div{font-size:12px}.detail-info .request-id{font-size:10px}.toast{top:85px;padding:12px;font-size:12px;gap:8px}.toast>span{max-width:240px}.toast .icon-button{display:none}.toast>button:not(.icon-button){font-size:11px}.login-brand{top:28px;left:25px}.login-card{padding:30px 25px}.login-card h1{font-size:31px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.composer-note,.cost-caption,.upload-target span,.model-info>span{color:#65728c}.model-info>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-mark{flex-shrink:0}@media(max-width:700px){.cost-caption,.composer-note,.upload-target span,.prompt-tools .subtle,.model-info>span{font-size:12px}.setting-chip,.balance,.submodes button,.mini-chip{min-height:44px}.form-row input{font-size:16px}.icon-button.logout{width:40px;height:44px}.model-info em,.card-caption span{font-size:11px}}.theme-toggle{width:42px;height:42px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--blue)}.theme-toggle:hover{box-shadow:0 0 0 4px #315bea0a}.login-theme{position:absolute;top:34px;right:42px;z-index:5}:root[data-theme=dark]{color-scheme:dark;color:#f1f2ed;background:#0f1112;--blue: #cfff08;--ink: #f1f2ed;--muted: #a1a49f;--border: #30332e;--surface: #1b1d1e}[data-theme=dark] :is(button,a,input,textarea,select):focus-visible{outline-color:#cfff0880}[data-theme=dark] :is(input,textarea,.navigation,.mode-menu,.reference,.model-row,.sheet,.sheet-head,.media-card,.toast,.login-card,.server-error){background:var(--surface);border-color:var(--border)}[data-theme=dark] .global-header{background:#0f1112f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=dark] .navigation{background:#121415}[data-theme=dark] :is(.primary,.generate,.brand-symbol){background:var(--blue);color:#141900}[data-theme=dark] .generate{box-shadow:0 6px 28px #cfff0810}[data-theme=dark] :is(.primary:hover,.generate:hover:not(:disabled)){background:#ddff54}[data-theme=dark] .generate:disabled{background:#303528;color:#969f83;box-shadow:none}[data-theme=dark] .generate-cost{border-color:#17200033}[data-theme=dark] .generate-dock{background:linear-gradient(0deg,#0f1112 75%,#0f111200)}[data-theme=dark] :is(.balance,.secondary,.empty-icon,.login-icon,.model-mark,.model-tile,.model-mark.video,.model-tile.video,.model-tile.audio,.model-info strong small){background:#242a19;color:#cfff08;border-color:#394125}[data-theme=dark] .balance b{color:#efffc8}[data-theme=dark] :is(.balance:hover,.secondary:hover){background:#303a1c}[data-theme=dark] :is(.icon-button:hover,.mode-menu button:hover,.navigation>button:hover,.model-list section>button:hover){background:#292c27}[data-theme=dark] :is(.navigation>button.active,.model-list .chosen){background:#242a19;color:var(--blue)}[data-theme=dark] :is(.submodes,.view-toggle,.search,.setting-chip,.mini-chip,.sheet-head .icon-button,.transaction-icon){background:#222524;border-color:var(--border);color:#d4d8cf}[data-theme=dark] :is(.submodes button.active,.view-toggle button.active){background:#353a2d;color:#cfff08;box-shadow:0 1px 6px #0004}[data-theme=dark] .dropzone{background:linear-gradient(135deg,#191c18,#191b1c);border-color:#424a34}[data-theme=dark] .dropzone.drag{background:#2b331e;border-color:#cfff08}[data-theme=dark] .prompt-card{background:linear-gradient(120deg,#191b1c,#252728);border-color:#363930;box-shadow:inset 0 1px #ffffff04}[data-theme=dark] .prompt-card:focus-within{border-color:#778b35;box-shadow:0 0 0 3px #cfff0809}[data-theme=dark] .prompt-card textarea{background:transparent}[data-theme=dark] :is(.dropzone.disabled,.prompt-card.muted,.setting-chip.fixed-setting){background:#191b1c;border-color:#2a2d29;color:#8f9688}[data-theme=dark] :is(.upload-target,.setting-chip>svg,.selected-model>svg){color:#bac3aa}[data-theme=dark] :is(.upload-target strong,.field-label,.login-card label){color:#dce1d5}[data-theme=dark] :is(.brand-meta,.navigation>button,.nav-note,.nav-note p,.eyebrow,.draft-saved,.mode-menu small,.upload-target span,.drop-hint,.reference>span,.field-label>span,.subtle,.model-row>span:first-child,.composer-note,.cost-caption,.model-list h3,.model-info>span,.model-info em,.empty p,.empty-small,.card-caption span,.card-caption>small,.job-placeholder,.topup-form>p,.reconcile>p,.form-row label>span,.transaction span:not(.transaction-icon),dt,.login-card>p,.login>small,.loading>p,.submodes button){color:#a4aaa0}[data-theme=dark] :is(input,textarea)::placeholder{color:#92988e}[data-theme=dark] .search:focus-within{outline-color:#cfff0880}[data-theme=dark] .model-row:hover{border-color:#778b35}[data-theme=dark] .filters button{background:#222524;border-color:#353930;color:#bac1b3}[data-theme=dark] .filters button.active{background:#cfff08;border-color:#cfff08;color:#141900}[data-theme=dark] :is(.media-preview,.detail-media){background:#141617}[data-theme=dark] .media-type{background:#141617e8;color:#e6ebdf}[data-theme=dark] .remove-ref{background:#3f4931;color:#f1f2ed}[data-theme=dark] :is(.sheet,.mode-menu,.toast,.login-card){box-shadow:0 24px 80px #0005}[data-theme=dark] .sheet::backdrop{background:#0009}[data-theme=dark] .credit-total{background:#222a1a;color:#c0cda9}[data-theme=dark] .credit-total h3{color:#d9ff70}[data-theme=dark] :is(.credit-total h3 small,.credit-total p span){color:#a9b795}[data-theme=dark] :is(.transaction,dl>div){border-color:var(--border)}[data-theme=dark] :is(.notice,.status){background:#252b21;color:#c6d4b2}[data-theme=dark] :is(.error,.status.failed,.job-placeholder.failed){background:#362024;color:#ffabb2}[data-theme=dark] :is(.status.succeeded,.transaction-icon.topup){background:#1e3229;color:#9bddb8}[data-theme=dark] :is(.success,.transaction-amount.positive strong,.toast>svg){color:#9bddb8}[data-theme=dark] .login{background:radial-gradient(ellipse at 75% 15%,#222a19,transparent 55%),#0f1112}[data-theme=dark] .theme-toggle{color:#cfff08;background:#22271b;border-color:#394125}[data-theme=dark] .theme-toggle:hover{background:#303a1c;box-shadow:0 0 0 4px #cfff0809}@media(max-width:700px){.theme-toggle{width:44px;height:44px}.login-theme{top:23px;right:25px}}@media(max-width:380px){.global-header{padding-inline:12px}.global-header .brand{font-size:19px;gap:5px}.header-actions{gap:3px}.balance{padding-inline:8px}}.portrait-settings{margin:0 0 18px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.portrait-settings>label{display:block;margin-bottom:9px}.portrait-settings select{width:100%;min-height:44px;padding:8px 10px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:8px;font-size:14px}.portrait-settings p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px}.asset-id-field{display:block;margin-top:14px;overflow-wrap:anywhere;font-size:12px}.brand-symbol{background:#cfff08;color:#141900}.brand{letter-spacing:-.9px}@media(max-width:380px){.global-header .brand{font-size:18px}}