:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f4f2;background:#09090a;color-scheme:dark;font-synthesis:none;letter-spacing:0;--bg: #09090a;--surface: #141416;--surface-raised: #1a1a1d;--surface-quiet: #101012;--text: #f4f4f2;--muted: #8d8e93;--muted-strong: #b5b6ba;--primary: #466ff5;--primary-hover: #5a7ff7;--primary-soft: rgba(70, 111, 245, .12);--link: #aebdf8;--success: #45c997;--warning: #d9a84f;--danger: #f06774;--border: #27272b;--border-strong: #36363b;--shadow: 0 20px 50px rgba(0, 0, 0, .46)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none}button,input,textarea{font:inherit;color:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline:none}img{max-width:100%}[hidden]{display:none!important}.app-shell{min-height:100dvh;max-width:760px;margin:0 auto;padding-bottom:calc(78px + env(safe-area-inset-bottom));background:var(--bg);border-left:1px solid #111113;border-right:1px solid #111113}.app-topbar{position:sticky;top:0;z-index:30;height:calc(64px + env(safe-area-inset-top));padding:calc(9px + env(safe-area-inset-top)) 16px 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#09090af0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:block;overflow:visible}.brand-lockup{display:flex;align-items:center;gap:9px;min-width:0}.brand-logo{width:34px;height:34px;flex:0 0 34px}.brand-lockup>div{display:flex;flex-direction:column;min-width:0}.brand-lockup span{font-size:15px;line-height:1.2;font-weight:760}.brand-lockup small{margin-top:2px;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis}.balance-pill{flex:0 0 auto;height:40px;padding:0 11px;border:1px solid var(--border);border-radius:6px;background:var(--surface);display:flex;align-items:center;gap:7px}.balance-pill span{color:var(--muted);font-size:9px;text-transform:uppercase}.balance-pill strong{font-size:14px;font-weight:760}.balance-pill b{padding-left:7px;border-left:1px solid var(--border);color:var(--success);font-size:10px}.page{padding:22px 16px 32px}.create-page{display:flex;flex-direction:column;gap:24px}.page-header{margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.create-page>.page-header{margin-bottom:0}.page-header h1{margin:0;font-size:27px;line-height:1.15;font-weight:770}.section-block{width:100%}.section-heading{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2,.option-group h2{margin:0;font-size:13px;font-weight:740}.section-heading>span{color:var(--muted);font-size:11px;text-align:right}.section-heading>div{min-width:0}.section-heading>div p{margin:3px 0 0;color:var(--muted);font-size:10px}.selection-count{margin-left:5px;color:var(--muted);font-size:10px;font-weight:680}.section-command{min-height:30px;padding:0;border:0;background:transparent;color:var(--link);font-size:11px;font-weight:700}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.model-option{position:relative;min-width:0;min-height:84px;padding:13px 34px 13px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);text-align:left;display:flex;flex-direction:column;justify-content:center;gap:6px}.model-option span{font-size:13px;font-weight:730;line-height:1.25;overflow-wrap:anywhere}.model-option small{color:var(--muted);font-size:10px}.model-option.selected{border-color:#466ff5d1;background:#171922}.model-radio{position:absolute;top:13px;right:12px;width:11px;height:11px;border:1px solid #606168;border-radius:50%}.model-option.selected .model-radio{border:3px solid var(--primary);background:#fff}.model-notice{margin:9px 0 0;padding-left:10px;border-left:2px solid var(--warning);color:var(--muted);font-size:11px;line-height:1.45}.prompt-input{width:100%;min-height:148px;max-height:320px;resize:vertical;padding:14px;border:1px solid var(--border);border-radius:7px;background:var(--surface);outline:none;line-height:1.5}.prompt-input:focus,.text-input:focus,.custom-topup input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.prompt-input::placeholder,.text-input::placeholder,.custom-topup input::placeholder{color:#6f7075}.source-panel{padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-quiet)}.source-group{min-width:0}.source-group.reference-group{margin-top:15px;padding-top:14px;border-top:1px solid var(--border)}.source-panel .section-heading{margin-bottom:11px}.avatar-picker,.reference-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.avatar-picker::-webkit-scrollbar,.reference-row::-webkit-scrollbar{display:none}.avatar-choice{position:relative;flex:0 0 82px;width:82px;height:102px;padding:5px;border:1px solid var(--border);border-radius:7px;background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden}.avatar-choice img,.avatar-choice>span{width:70px;height:70px;flex:0 0 70px;border-radius:5px;object-fit:cover}.avatar-choice>span{display:grid;place-items:center;background:#1a1a1d;color:var(--muted)}.avatar-choice small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:670}.avatar-choice.selected{border-color:var(--primary);background:#181a22}.avatar-none-mark{font-size:24px;font-weight:400}.avatar-choice-state{display:none;position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--primary);border:2px solid var(--surface)}.avatar-none.selected .avatar-choice-state{display:block}.avatar-choice.avatar-add{color:var(--link);border-style:dashed}.avatar-order{position:absolute;top:7px;right:7px;width:20px;height:20px;border-radius:5px;display:grid;place-items:center;color:#fff;background:var(--primary);font-size:10px;font-weight:780;font-style:normal}.reference-preview,.reference-add{position:relative;flex:0 0 74px;width:74px;height:74px;border-radius:6px;overflow:hidden}.reference-preview{border:1px solid var(--border);background:var(--surface)}.reference-preview.has-error{border-color:var(--danger)}.reference-preview img{width:100%;height:100%;display:block;object-fit:cover}.reference-add{border:1px dashed var(--border-strong);background:var(--surface);color:var(--muted-strong);display:grid;place-items:center;cursor:pointer}.reference-add-badge{position:absolute;right:14px;bottom:13px;padding:1px;border-radius:50%;background:var(--surface)}.file-input-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.reference-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000075;color:#fff}.reference-remove{position:absolute;top:3px;right:3px;width:25px;height:25px;border:0;border-radius:5px;color:#fff;background:#0c0c0dc7;display:grid;place-items:center}.settings-panel{padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(130px,1fr);gap:17px 12px}.option-group{min-width:0}.option-group h2{margin-bottom:8px}.segmented{min-height:42px;padding:3px;border:1px solid var(--border);border-radius:7px;background:var(--bg);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(52px,1fr);overflow-x:auto}.segmented button{min-width:52px;height:34px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:11px;font-weight:680}.segmented button.active{background:#ececeb;color:#101011}.batch-control{grid-column:1 / -1;min-height:56px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.batch-control>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.batch-control span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:730}.batch-control small{color:var(--muted);font-size:10px}.stepper{width:124px;height:40px;flex:0 0 124px;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg);display:grid;grid-template-columns:40px 44px 40px}.stepper button{width:40px;height:38px;border:0;background:transparent;display:grid;place-items:center}.stepper strong{display:grid;place-items:center;border-left:1px solid var(--border);border-right:1px solid var(--border);font-size:13px}.create-submit-bar{position:sticky;z-index:18;bottom:calc(68px + env(safe-area-inset-bottom));margin:0 -16px -32px;padding:10px 16px 11px;border-top:1px solid var(--border);background:#0e0e10f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:98px minmax(0,1fr);align-items:center;gap:10px}.submit-summary{min-width:0;display:flex;flex-direction:column}.submit-summary span{font-size:11px;font-weight:730}.submit-summary small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.3}.primary-action,.accent-button,.secondary-button,.text-button,.header-command,.repeat-button,.danger-action{min-height:44px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:710}.primary-action{width:100%;min-height:48px;padding:6px 12px;border:1px solid transparent;background:var(--primary);color:#fff;font-size:12px;line-height:1.25}.primary-action:not(:disabled):hover,.accent-button:not(:disabled):hover{background:var(--primary-hover)}.accent-button{padding:0 16px;border:1px solid transparent;background:var(--primary);color:#fff}.secondary-button{padding:0 16px;border:1px solid var(--border);background:var(--surface-raised)}.text-button{min-height:36px;padding:0 8px;border:0;background:transparent;color:var(--link)}.header-command{min-height:40px;padding:0 12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:11px}.danger-action{padding:0 16px;border:0;background:var(--danger);color:#fff}.icon-button{width:40px;height:40px;flex:0 0 40px;border:1px solid var(--border);border-radius:6px;background:var(--surface);display:grid;place-items:center}.danger-button{color:var(--danger)}.history-list{display:flex;flex-direction:column;gap:9px}.history-item{padding:14px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.history-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.history-topline>div{min-width:0;display:flex;flex-direction:column;gap:3px}.history-topline strong{font-size:13px;overflow-wrap:anywhere}.history-topline span{color:var(--muted);font-size:10px}.history-prompt{margin:11px 0;color:var(--text);font-size:13px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-facts{display:flex;flex-wrap:wrap;gap:5px}.history-facts span{min-height:24px;padding:0 7px;border-radius:4px;background:var(--surface-quiet);color:var(--muted);display:inline-flex;align-items:center;gap:4px;font-size:9px}.history-facts .avatar-fact:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--muted)}.history-footer{margin-top:11px;padding-top:10px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.history-footer>div{min-width:0;display:flex;align-items:center;gap:6px}.history-footer small{color:var(--muted);font-size:9px}.history-footer b{color:var(--muted-strong);font-size:9px}.delivery-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--warning)}.delivery-dot.delivered{background:var(--success)}.delivery-dot.failed{background:var(--danger)}.repeat-button{min-height:34px;padding:0 5px;border:0;background:transparent;color:var(--link);font-size:10px}.status{flex:0 0 auto;padding:4px 7px;border-radius:4px;background:#d9a84f1c;color:var(--warning);font-size:9px;font-weight:730}.status-succeeded{background:#45c9971c;color:var(--success)}.status-failed,.status-refunded{background:#f067741a;color:var(--danger)}.avatar-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.avatar-card{position:relative;min-width:0;border:1px solid var(--border);border-radius:7px;background:var(--surface);overflow:hidden}.avatar-card>img{width:100%;aspect-ratio:4 / 3;display:block;object-fit:cover;background:var(--surface-quiet)}.avatar-card-body{min-width:0;padding:10px;display:flex;flex-direction:column;gap:4px}.avatar-card-body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.avatar-card-body small{color:var(--muted);font-size:9px}.avatar-card-actions{position:absolute;top:6px;right:6px;display:flex;gap:5px}.avatar-card-actions .icon-button{width:32px;height:32px;flex-basis:32px;border-color:#ffffff38;color:#fff;background:#0f0f10c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.avatar-card-actions .danger-button{color:#ffadb5}.avatar-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.avatar-empty>span{width:62px;height:62px;border-radius:8px;display:grid;place-items:center;color:var(--muted-strong);background:var(--surface);border:1px solid var(--border)}.avatar-empty h2{margin:14px 0 16px;font-size:17px}.avatar-upload{position:relative;width:100%;aspect-ratio:16 / 9;border:1px dashed var(--border-strong);border-radius:7px;background:var(--surface-quiet);color:var(--muted-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;cursor:pointer}.avatar-upload.has-preview{border-style:solid}.avatar-upload img{width:100%;height:100%;object-fit:contain}.avatar-upload span{font-size:11px;font-weight:680}.field-label{display:block;margin:15px 0 7px;font-size:11px;font-weight:710}.text-input{width:100%;height:44px;padding:0 11px;border:1px solid var(--border);border-radius:6px;background:var(--surface-quiet);outline:0}.delete-avatar-preview{display:flex;align-items:center;gap:12px}.delete-avatar-preview img{width:64px;height:64px;border-radius:6px;object-fit:cover}.balance-header{margin-bottom:18px}.balance-header h1{margin:0}.balance-summary{margin-bottom:24px;display:grid;grid-template-columns:1.45fr 1fr;gap:8px}.balance-main,.bonus-main{min-height:92px;padding:15px;border:1px solid var(--border);border-radius:7px;background:var(--surface);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.balance-main span,.bonus-main span{color:var(--muted);font-size:10px}.balance-main strong,.bonus-main strong{margin-top:7px;font-size:27px;line-height:1}.topup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.topup-grid button{min-height:44px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:12px;font-weight:690;display:flex;align-items:center;justify-content:center;gap:4px}.topup-grid button:hover{border-color:var(--border-strong);background:var(--surface-raised)}.custom-topup{margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.custom-topup input{min-width:0;height:44px;padding:0 11px;border:1px solid var(--border);border-radius:6px;background:var(--surface);outline:0}.view-tabs{height:43px;margin:22px 0 4px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr}.view-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:11px;font-weight:690}.view-tabs button.active{color:var(--text);border-color:var(--primary)}.operation-list{display:flex;flex-direction:column}.operation-row{min-height:66px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.operation-row>div{display:flex;flex-direction:column;min-width:0}.operation-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operation-row small{margin-top:3px;color:var(--muted);font-size:9px}.operation-row b{font-size:10px;text-align:right}.operation-row b.positive{color:var(--success)}.operation-row b.negative{color:var(--text)}.bottom-nav{position:fixed;z-index:40;left:50%;bottom:0;transform:translate(-50%);width:min(100%,760px);height:calc(68px + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom);border-top:1px solid var(--border);background:#0c0c0df5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(4,1fr)}.bottom-nav button{position:relative;min-width:0;height:58px;border:0;background:transparent;color:#6f7075;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.bottom-nav button:after{content:"";position:absolute;bottom:1px;width:18px;height:2px;border-radius:2px;background:transparent}.bottom-nav button.active{color:var(--text)}.bottom-nav button.active>svg{color:var(--primary)}.bottom-nav button.active:after{background:var(--primary)}.bottom-nav span{font-size:9px;font-weight:670}.bottom-nav i{position:absolute;top:7px;left:calc(50% + 10px);width:6px;height:6px;border-radius:50%;background:var(--warning);border:1px solid var(--surface-quiet)}.app-shell.keyboard-open{padding-bottom:0}.app-shell.keyboard-open .bottom-nav,.app-shell.keyboard-open .create-submit-bar{display:none}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;padding-top:env(safe-area-inset-top);background:#000000ad;display:flex;align-items:flex-end;justify-content:center}.modal{width:min(100%,760px);max-height:calc(92dvh - env(safe-area-inset-top));overflow:auto;border-radius:8px 8px 0 0;background:var(--surface);box-shadow:var(--shadow)}.modal-header{position:sticky;top:0;z-index:2;height:58px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:16px}.modal-body{padding:16px 14px}.modal-actions{position:sticky;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);display:flex;justify-content:flex-end;gap:8px}.confirmation-list{margin:0}.confirmation-list>div{min-height:45px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px}.confirmation-list dt{color:var(--muted);font-size:11px}.confirmation-list dd{margin:0;max-width:58%;font-size:11px;font-weight:700;text-align:right;overflow-wrap:anywhere}.toast{position:fixed;z-index:120;left:50%;bottom:calc(79px + env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100% - 28px);padding:10px 14px;border-radius:6px;color:#fff;background:#2b2b2f;box-shadow:var(--shadow);font-size:11px;font-weight:670;text-align:center}.toast.error{background:var(--danger)}.toast.success{background:var(--success)}.empty-state{min-height:180px;color:var(--muted);text-align:center;display:grid;place-items:center}.center-state,.access-state{min-height:100dvh;padding:24px;background:var(--bg);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.center-state{gap:12px}.loading-logo{width:68px;height:68px}.access-state h1{margin:16px 0 6px;font-size:23px}.access-state p{margin:0;max-width:320px;color:var(--muted);line-height:1.5}.access-state .accent-button{min-width:160px;margin-top:18px}.access-mark{width:56px;height:56px;border-radius:8px;color:var(--primary);background:var(--primary-soft);display:grid;place-items:center}.access-mark.danger{color:var(--danger);background:#f067741a}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){.model-grid{grid-template-columns:minmax(0,1fr);gap:6px}.model-option{min-height:64px;padding-top:10px;padding-bottom:10px}.settings-panel{grid-template-columns:minmax(0,1fr)}.batch-control{grid-column:1}.aspect-segmented{display:flex;flex-wrap:wrap;gap:3px;overflow:visible}.aspect-segmented button{min-width:64px;flex:1 1 calc(25% - 3px)}}@media(max-width:390px){.page{padding-left:13px;padding-right:13px}.create-submit-bar{margin-left:-13px;margin-right:-13px;padding-left:13px;padding-right:13px;grid-template-columns:88px minmax(0,1fr)}.page-header h1{font-size:25px}.brand-lockup{gap:7px}.brand-logo{width:31px;height:31px;flex-basis:31px}.brand-lockup span{font-size:14px}.balance-pill span{display:none}.header-command{width:40px;padding:0;font-size:0}.header-command svg{width:18px;height:18px}.history-footer small{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topup-grid{grid-template-columns:repeat(2,1fr)}.balance-summary{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}