:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#242b25;background:#f3f3ed;font-synthesis:none;font-size:14px;--muted:#858a81;--line:#e7e9e1;--green:#d7edaf;--dark:#202a23}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #86a258;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #a6bd84;outline-offset:2px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.studio{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{background:#202923;color:#e7ecdf;position:sticky;top:0;height:100vh;padding:38px 22px 25px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:32px;letter-spacing:-1.7px;font-weight:650;line-height:1}.brand>span{color:#cfe9a5;margin-left:-11px}.brand svg{width:28px;height:28px;fill:#d3eaa7;stroke:none}.sidebar-label{font-size:8px;font-weight:600;letter-spacing:1.3px;color:#8a968c;margin-top:66px;margin-bottom:18px}.nav-link{display:flex;align-items:center;gap:11px;padding:14px 12px;border-radius:7px;font-size:12px;color:#aeb9ae;margin-bottom:7px;white-space:nowrap}.nav-link.active{background:#364233;color:#e8f1dc}.nav-link:hover{background:#303a31}.nav-link svg{width:18px;height:18px}.nav-dot{width:5px;height:5px;background:#cfe9a5;border-radius:50%;margin-left:auto}.nav-count{font-size:10px;margin-left:auto;color:#9ca896}.sidebar-bottom{margin-top:auto}.private-note{display:flex;gap:10px;align-items:center;font-size:11px;padding:18px 4px;border-bottom:1px solid #3a4339}.private-note svg{width:19px;height:19px;color:#b6c1ae}.private-note small{display:block;color:#8c9b8e;font-size:10px;margin-top:5px}.logout{background:none;border:0;color:#a8b5a9;font-size:10px;padding:20px 4px 0;width:100%;display:flex;justify-content:space-between}.logout:hover{color:#e0eccf}.topbar{height:82px;border-bottom:1px solid #e0e4d9;padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.separator{color:#a7ad9e;padding:0 14px}.top-right{display:flex;align-items:center;gap:24px}.version{font-size:8px;letter-spacing:1.4px;color:#93998b}.avatar{width:31px;height:31px;background:#e5e8dd;border:1px solid #d7ddce;border-radius:50%;display:grid;place-items:center;font-size:12px}.main-content{max-width:1570px;margin:0 auto;padding:40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#788269;display:flex;align-items:center;gap:7px}.tiny-cross{font-size:17px}.page-heading h1{font-size:38px;letter-spacing:-1.9px;font-weight:500;margin:12px 0 10px;line-height:1.2}.page-heading h1>span{font-family:Georgia,serif;font-style:italic;font-weight:400}.page-heading p{font-size:12px;color:#898e82;margin:0}.connection{display:flex;align-items:center;gap:7px;border:1px solid #dce1d4;border-radius:30px;padding:10px 12px;font-size:10px;color:#6e7866;white-space:nowrap;background:#ecefe5}.status-dot{width:6px;height:6px;border-radius:50%;background:#b2b6a8}.connection.online .status-dot{background:#79934b;box-shadow:0 0 0 3px #dfe8d0}.connection.unready{background:#f6eddb;color:#8e7443}.workspace{display:grid;grid-template-columns:minmax(300px,380px) minmax(320px,1fr);gap:23px;align-items:stretch}.settings-card,.result-card{background:#fff;border:1px solid #e0e4d8;border-radius:12px;overflow:hidden}.settings-card{padding:24px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px}.card-heading h2{font-size:14px;letter-spacing:-.3px;margin:0;font-weight:600}.card-heading>span{font-size:8px;letter-spacing:1.05px;color:#9a9f93}.settings-card fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}.settings-card legend,.form-field>label{font-size:11px;font-weight:600;display:flex;align-items:center;gap:7px;width:100%;margin-bottom:12px;padding:0}.step{font-size:8px;border:1px solid #e4e8dd;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#7a846e;font-weight:500}.ratios{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.ratio{border:1px solid #e4e7de;background:#fafbf8;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:13px 2px 9px;color:#868e7c;font-size:10px}.ratio:hover{background:#f0f3e9;border-color:#b9c6a8}.ratio[aria-pressed=true]{border-color:#8eaa66;background:#f0f5e5;color:#465637}.ratio-shape-wrap{height:24px;display:grid;place-items:center}.ratio-shape{display:block;border:1px solid currentColor;border-radius:2px;width:20px;height:20px}.ratio[data-ratio="3:4"] .ratio-shape{width:17px;height:23px}.ratio[data-ratio="4:5"] .ratio-shape{width:18px;height:23px}.ratio[data-ratio="9:16"] .ratio-shape{width:13px;height:24px}.ratio[data-ratio="16:9"] .ratio-shape{width:24px;height:13px}.ratio[data-ratio="4:3"] .ratio-shape{width:24px;height:18px}.field-help{color:#959b8d;font-size:9px;margin:9px 0 0}.optional{margin-left:auto;color:#9da393;font-size:9px;font-weight:400}.form-field{margin-bottom:24px}.select-wrap{display:flex;align-items:center;border:1px solid #e1e6da;border-radius:6px;background:#fbfcf8;padding:0 11px;position:relative}.select-wrap svg{width:16px;height:16px;color:#919a86;flex-shrink:0}.select-wrap select{appearance:none;background:transparent;border:0;width:100%;padding:13px 12px;font-size:11px;color:#5c6652;position:relative;z-index:1;cursor:pointer}.select-wrap>span{position:absolute;right:14px;top:10px;color:#8a947e;font-size:18px}.prompt-field{border-bottom:0;margin-bottom:13px}textarea,input{width:100%;border:1px solid #e1e6da;border-radius:6px;background:#fbfcf8;color:#343e2c;font-size:11px;padding:12px;line-height:1.7}textarea{resize:vertical;min-height:85px}textarea::placeholder,input::placeholder{color:#a3aa99}#prompt{min-height:126px}.prompt-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.text-button{background:none;border:0;padding:0;color:#758567;font-size:9px}.text-button:hover{color:#3e5e27}.text-button>span{font-size:13px;margin-right:3px}.prompt-bottom>span{font-size:8px;color:#a2a995}.advanced{border-top:1px solid #edf0e6;border-bottom:1px solid #edf0e6;margin-top:20px}.advanced summary{cursor:pointer;list-style:none;font-size:10px;color:#89947c;padding:14px 0;display:flex;justify-content:space-between}.advanced summary::-webkit-details-marker{display:none}.advanced[open] summary>span{transform:rotate(45deg)}.advanced label{display:flex;font-size:10px;gap:10px;margin:12px 0 7px}.advanced input{margin-bottom:15px}.generate-footer{padding-top:21px}.primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:15px;border:1px solid #c9df9c;background:#d7edaf;border-radius:6px;color:#364d23;font-size:11px;font-weight:600;transition:background .15s,transform .15s}.primary:hover{background:#c9e59b}.primary:active{transform:translateY(1px)}.primary>svg{width:16px;height:16px}.primary>span:last-child{margin-left:auto;font-size:17px;line-height:12px}.primary #generate-label{margin-right:auto}.generate-help{font-size:9px;color:#98a08d;line-height:1.6;margin:10px 0 0;text-align:center}.error{font-size:11px;color:#a84c35;line-height:1.6;margin:8px 0 0}.error:empty{display:none}.result-card{display:flex;flex-direction:column;min-height:620px}.result-card>.card-heading{padding:24px 24px 20px;margin-bottom:0}.result-stage{flex:1;background:#fafbf7;margin:0 14px;border:1px solid #edf0e6;border-radius:7px;display:grid;place-items:center;min-height:445px;position:relative;overflow:hidden;background-image:radial-gradient(#d9dece .7px,transparent .7px);background-size:16px 16px}.empty-state{text-align:center;padding:22px;max-width:100%;width:100%}.empty-frame{height:230px;max-width:90%;aspect-ratio:1;position:relative;margin:0 auto 30px;display:flex;align-items:center;justify-content:center;transition:aspect-ratio .3s}.empty-frame i{position:absolute;width:17px;height:17px;border-color:#b3bd9d;border-style:solid;border-width:0}.empty-frame i:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.empty-frame i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.empty-frame i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.empty-frame i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.empty-art{width:166px;height:166px;max-width:100%;stroke:none}.frame-label{position:absolute;bottom:11px;left:0;right:0;font-size:6px;letter-spacing:1.3px;color:#9ca68c}.empty-state h3{font-size:17px;font-weight:500;letter-spacing:-.5px;margin:0 0 11px}.empty-state p{font-size:11px;line-height:1.8;color:#9aa38d;margin:0 auto;max-width:380px;white-space:pre-line;overflow-wrap:anywhere}.empty-badge{font-size:8px;border:1px solid #e1e6d8;background:#fff;border-radius:20px;display:inline-flex;gap:6px;align-items:center;padding:7px 10px;color:#8d9a7b;margin-top:23px}.empty-badge>span{font-size:12px}.result-stage>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#edf0e6}.result-footer{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:72px}.result-status{font-size:10px;display:block;color:#79866c}.result-size{font-size:7px;letter-spacing:.7px;color:#a7ad9e;display:block;margin-top:6px}.result-hint{font-size:8px;color:#a0a994}.download{font-size:10px;border:1px solid #dce3d1;border-radius:5px;padding:9px 12px;background:#f5f8ed}.download>span{margin-left:15px}.history-section{margin-top:33px;scroll-margin-top:25px}.history-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.history-heading h2{font-size:16px;font-weight:500;letter-spacing:-.4px;margin:0}.history-heading h2>span{font-size:10px;font-weight:400;color:#99a38b;margin-left:8px}.history-heading p{font-size:10px;color:#99a18f;margin:8px 0 0}.queue-count{font-size:10px;color:#789058;padding:7px 12px;background:#e6edda;border-radius:30px}.history-empty{border:1px dashed #d9e0ce;border-radius:8px;min-height:94px;display:flex;align-items:center;justify-content:center;gap:12px;color:#9aa58d;font-size:10px}.history-empty>span{font-size:19px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.history-item{border:1px solid #e0e6d5;border-radius:8px;background:#fff;overflow:hidden;position:relative}.history-select{width:100%;padding:0;background:none;border:0;text-align:left;color:#536148}.history-image{aspect-ratio:4/3;display:grid;place-items:center;background:#e9ede1;color:#8b997b;position:relative}.history-image>img{width:100%;height:100%;position:absolute;object-fit:cover}.history-image>span{font-size:11px}.history-item.selected{border-color:#94ad70;box-shadow:0 0 0 1px #94ad70}.history-info{padding:12px}.history-info p{font-size:10px;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-info small{font-size:8px;color:#98a18d}.cancel-job{position:absolute;top:7px;right:7px;background:#fff;border:1px solid #dbe1d2;border-radius:4px;padding:5px;font-size:9px;color:#7c886e}.page-footer{font-size:9px;color:#7c876e;display:flex;justify-content:space-between;padding-top:30px;margin-top:30px;border-top:1px solid #e0e5d7}.page-footer>span:last-child{font-size:7px;letter-spacing:1px}.page-footer .muted{margin-left:10px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#202a23;position:relative;overflow:hidden;display:grid;place-items:center;min-height:600px}.art-orbit{width:270px;height:470px;border:1px solid #b7d68b;border-radius:50%;transform:rotate(40deg);position:absolute}.art-orbit.second{transform:rotate(-40deg)}.art-dot{width:130px;height:130px;border-radius:50%;background:#d7edaf;box-shadow:0 0 80px #c9ed8e11}.art-word{font-size:100px;font-weight:550;color:#edf2e7;position:absolute;bottom:70px;left:50px;letter-spacing:-6px}.art-caption{position:absolute;bottom:44px;left:53px;color:#98a48f;font-size:8px;letter-spacing:2px}.login-side{display:flex;flex-direction:column;padding:45px 12%;justify-content:space-between}.login-side .brand{font-size:25px}.login-side .brand svg{fill:#5b7045;width:23px;height:23px}.login-side .brand>span{color:#728c54}.login-form{width:100%;max-width:350px;margin:70px 0}.login-form h1{font-size:42px;letter-spacing:-2px;line-height:1.15;font-weight:500;margin:18px 0}.login-form>p{color:#8b9580;font-size:12px;margin-bottom:32px}.login-form>label{display:block;font-size:11px;margin-bottom:10px}.login-form>input{padding:15px;background:#fff}.login-form>.primary{margin-top:14px;justify-content:space-between}.login-form #login-error{color:#a84c35;margin-bottom:0}.login-foot{color:#98a28e;font-size:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#263623;color:#e8efdf;padding:14px 22px;border-radius:8px;font-size:12px;box-shadow:0 8px 40px #202a2320;z-index:10;max-width:90%;text-align:center}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:40px;letter-spacing:-2px}.loading-screen span{color:#829960}.is-running .empty-art{animation:rotate 14s linear infinite}.is-running .empty-badge{background:#e7efd9}.is-error .empty-badge{background:#f5e9dc;color:#947448}@keyframes rotate{to{transform:rotate(360deg)}}
@media(min-width:1500px){.main-content{padding:47px 55px}.workspace{grid-template-columns:400px minmax(0,1fr)}.result-card{min-height:655px}.result-stage{min-height:480px}.empty-frame{height:250px}}
@media(max-width:1200px){.studio{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:30px 15px}.sidebar-label{font-size:7px;letter-spacing:.7px}.main-content{padding:30px 25px}.topbar{padding:0 25px}.workspace{grid-template-columns:minmax(285px,340px) minmax(280px,1fr);gap:16px}.settings-card{padding:20px}.page-heading h1{font-size:33px}.page-heading{align-items:flex-start}.connection{font-size:9px;margin-top:30px;padding:9px}.empty-frame{height:190px}.empty-state h3{font-size:15px}.result-hint{display:none}.ratios{gap:4px}}
@media(max-width:980px){.studio{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:30px 14px}.sidebar .brand{font-size:0;gap:0;justify-content:center}.sidebar .brand>span{display:none}.sidebar-label,.nav-dot,.nav-count,.private-note,.logout{display:none}.sidebar nav{margin-top:55px}.nav-link{font-size:0;justify-content:center;padding:14px;gap:0}.nav-link svg{flex-shrink:0;width:20px;height:20px}.main-content{padding:28px 22px}.page-heading h1{font-size:32px}.connection{font-size:8px}.workspace{grid-template-columns:minmax(275px,330px) minmax(260px,1fr)}.result-card>.card-heading{padding:20px 17px}.card-heading>span{font-size:7px}.result-footer{padding:18px}.empty-frame{height:170px}.empty-art{width:140px;height:140px}.empty-state{padding:17px}.frame-label{font-size:5px}}
@media(max-width:760px){.studio{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:62px;padding:0 20px}.version{font-size:6px}.top-right{gap:13px}.main-content{padding:28px 18px}.page-heading{display:block;margin-bottom:23px}.page-heading h1{font-size:33px}.page-heading p{font-size:11px}.connection{display:inline-flex;margin-top:18px;font-size:10px}.workspace{grid-template-columns:1fr}.settings-card{padding:22px}.ratios{gap:7px}.ratio{padding:12px 4px 10px}.result-card{min-height:560px}.result-stage{min-height:410px}.empty-frame{height:210px}.empty-art{width:170px;height:170px}.empty-state h3{font-size:17px}.result-card>.card-heading{padding:22px}.result-footer{padding:19px 22px}.result-hint{display:block}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-footer .muted{display:block;margin:6px 0 0}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-side{min-height:100vh;padding:35px 9%}.login-form{margin:60px 0;align-self:center}.login-form h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.megapixels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.megapixel{padding:11px 8px;border:1px solid #e1e6da;background:#fbfcf8;border-radius:6px;color:#758567;font-size:11px}.megapixel:hover{border-color:#a6bd84}.megapixel[aria-pressed="true"]{border-color:#a6bd84;background:#eff4e4;color:#364d23;font-weight:600}.resolution-field .field-help{line-height:1.6}.resolution-field legend{font-size:11px}
.character-picker{position:relative}.character-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px;border:1px solid #e1e6da;border-radius:6px;background:#fbfcf8;color:#5c6652;font-size:11px;text-align:left}.character-popover{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;padding:10px;border:1px solid #dce3d1;border-radius:8px;box-shadow:0 12px 35px #202a2326;z-index:50}.character-list{max-height:260px;overflow-y:auto;margin-top:7px}.character-option{display:flex;align-items:center;gap:10px;text-align:left;width:100%;border:0;border-radius:5px;background:#fff;padding:8px;font-size:11px;color:#536148}.character-option:hover,.character-option:focus,.character-option[aria-selected="true"]{background:#eff4e4}.character-thumb,.character-initial{width:30px;height:36px;object-fit:cover;border-radius:4px;flex-shrink:0}.character-initial{display:grid;place-items:center;background:#e9ede1;color:#83916f}.character-preview{position:absolute;top:0;left:calc(100% + 12px);width:170px;border:1px solid #dce3d1;border-radius:8px;background:#fff;padding:8px;box-shadow:0 8px 30px #202a2326;pointer-events:none}.character-preview img{width:100%;height:195px;object-fit:contain;background:#f3f3ed;border-radius:5px}.character-preview>span{display:block;font-size:11px;padding:8px 2px;overflow-wrap:anywhere}.photo-placeholder{height:160px;display:grid;place-items:center;font-size:11px;color:#8b9580;text-align:center;background:#f3f3ed}.strength-field{margin-top:16px}.strength-field>label{font-size:10px}.strength-controls{display:flex;gap:12px;align-items:center}.strength-controls input[type="range"]{padding:0;accent-color:#7b9554;min-width:0}.strength-controls input[type="number"]{width:75px;flex-shrink:0;text-align:center;padding:6px}.inactive{opacity:.5}.admin-link{font-size:10px;color:#758567}.admin-login{max-width:430px}.admin-login>label{display:block;margin:20px 0 10px}.admin-login>.primary{margin-top:15px}.admin-toolbar{display:flex;gap:12px;align-items:center;margin:20px 0}.admin-toolbar>input{flex:1;min-width:120px}.admin-characters{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin-top:22px}.admin-character{display:flex;align-items:flex-start;gap:15px;background:#fff;border:1px solid #e1e6da;border-radius:9px;padding:16px;min-width:0}.admin-photo{width:90px;min-width:90px;height:120px;display:grid;place-items:center;background:#f0f3e9;border-radius:6px;overflow:hidden;font-size:10px;color:#8a967b;text-align:center}.admin-photo>img{width:100%;height:100%;object-fit:cover}.admin-character-fields{min-width:0;flex:1}.admin-character-fields>.field-help{overflow-wrap:anywhere;margin-bottom:12px}.admin-character-fields>label{font-size:10px;display:block;margin-bottom:10px}.admin-character-fields>label>input:not([type="checkbox"]){margin-top:7px}.admin-enabled{display:flex!important;gap:8px;align-items:center}.admin-enabled>input{width:auto;accent-color:#7b9554}.photo-upload{position:relative;cursor:pointer;color:#607f3d;margin-top:12px;line-height:1.6}.photo-upload>input{display:block;width:100%;font-size:8px;padding:5px}.admin-panel .page-heading{gap:20px}@media(max-width:760px){.character-preview{position:static;width:100%;margin-top:8px;box-shadow:none}.character-preview img{height:150px}.admin-toolbar{flex-wrap:wrap}.admin-toolbar>input{flex-basis:100%}.admin-characters{grid-template-columns:1fr}.admin-link{font-size:9px}}
#result-image{cursor:zoom-in}.photo-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#151c17;color:#edf2e7;overflow:hidden}.photo-viewer::backdrop{background:#101712ed}.viewer-toolbar{height:66px;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #354034}.viewer-toolbar>div{display:flex;align-items:center;gap:12px}.viewer-toolbar button,.viewer-toolbar a{border:1px solid #52604c;background:#273224;color:#edf2e7;border-radius:5px;padding:10px 13px;font-size:11px;white-space:nowrap}.viewer-size{font-size:11px;color:#b5c4a8}.viewer-stage{height:calc(100dvh - 126px);overflow:auto;display:flex;align-items:center;justify-content:center;padding:12px}.viewer-stage>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in}.viewer-stage.full-size{display:block}.viewer-stage.full-size>img{max-width:none;max-height:none;cursor:zoom-out;display:block}.viewer-caption{height:60px;overflow:auto;font-size:11px;line-height:1.6;color:#b5c4a8;margin:0;padding:12px 24px;border-top:1px solid #354034}@media(max-width:760px){.viewer-toolbar{height:100px;padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.viewer-toolbar>div{gap:6px;width:100%;justify-content:space-between}.viewer-toolbar button,.viewer-toolbar a{font-size:10px;padding:9px}.viewer-stage{height:calc(100dvh - 170px)}.viewer-caption{height:70px;padding:12px}}
.settings-card{overflow:visible}.character-trigger>span:first-child{display:flex;align-items:center;gap:10px;min-width:0}.character-option-label{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.character-option-label>small{font-size:9px;color:#959b8d}.character-preview{z-index:60}.photo-placeholder{padding:14px;line-height:1.6}
.character-preview{width:340px}.character-preview img{height:390px}.character-thumb,.character-initial{width:60px;height:72px}.photo-placeholder{height:320px}@media(max-width:760px){.character-preview{width:100%}.character-preview img{height:300px}}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 14px}.admin-tab{border:1px solid #dce3d1;border-radius:7px;padding:12px 16px;background:#fbfcf8;color:#758567;font-size:11px}.admin-tab[aria-selected="true"]{border-color:#92ab70;background:#e9f0dc;color:#364d23;font-weight:600}.character-status{display:inline-block;font-size:9px;border-radius:20px;padding:5px 9px;margin-bottom:13px;background:#edf0e6;color:#7e896f}.character-status.published{background:#e2edcf;color:#4a682c}.character-status.hidden{background:#eaece7;color:#81897a}.character-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.character-actions .download{font-size:10px;padding:8px 10px}@media(max-width:760px){.admin-tab{flex:1;padding:11px 8px;font-size:10px}}
.models-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:24px}.models-toolbar input{max-width:440px;font-size:12px}.models-toolbar .field-help{margin:0;white-space:nowrap;font-size:11px}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:22px}.model-card{min-width:0;max-width:510px;background:#fff;border:1px solid #e0e4d8;border-radius:12px;overflow:hidden}.model-cover{aspect-ratio:3/4;background:#e9ede1;display:grid;place-items:center;overflow:hidden}.model-cover img{width:100%;height:100%;object-fit:cover}.model-photo-missing{font-size:12px;color:#83916f;text-align:center;padding:24px}.model-info{padding:18px}.model-info h2{font-size:17px;font-weight:500;overflow-wrap:anywhere;margin:0 0 16px}.model-use{font-size:12px;padding:13px}.models-empty{grid-column:1/-1;padding:54px 24px;border:1px dashed #d9e0ce;border-radius:12px;text-align:center;color:#83916f}.models-empty h2{font-size:18px;font-weight:500;margin:0 0 10px}.models-empty p{font-size:12px;margin:0}.models-panel{scroll-margin-top:20px}@media(max-width:760px){.models-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px}.model-info{padding:14px}.model-info h2{font-size:15px}.models-toolbar{align-items:stretch;flex-direction:column;gap:12px}.models-toolbar input{max-width:none}.top-right .version{display:none}.topbar{gap:12px}.topbar>span:first-child{font-size:10px}.top-right{gap:12px}}@media(max-width:380px){.models-grid{grid-template-columns:1fr}.model-card{max-width:none}}
.history-page .history-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.history-page .history-summary .field-help{margin:0;font-size:11px}.history-page .history-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:20px}.history-page .history-image{aspect-ratio:3/4}.history-page .history-info{padding:16px}.history-page .history-info p{font-size:12px}.history-page .history-info small{font-size:10px;line-height:1.6;display:block}.mobile-nav{display:none}.nav-link:not(.active) .nav-dot{visibility:hidden}@media(max-width:760px){.studio>main{padding-bottom:76px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #dce3d1;background:#f7f9f1}.mobile-nav a{font-size:10px;text-align:center;padding:12px 5px;border-radius:6px;color:#758567}.mobile-nav a.active{background:#e2edcf;color:#364d23;font-weight:600}.history-page .history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.history-page .history-info{padding:11px}.history-page .history-info p{font-size:10px}.history-page .history-info small{font-size:8px}.toast{bottom:85px}}
.history-tasks-section{margin-top:28px;border-top:1px solid #dce3d1;padding-top:20px}.history-tasks-section summary{font-size:12px;color:#758567;cursor:pointer}.history-tasks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:15px;margin-top:18px}.history-tasks .history-image{aspect-ratio:auto;height:90px}.history-tasks .history-info p{font-size:11px}