:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e6eb;background:#111318;font-synthesis:none;line-height:1.5;font-size:14px;color-scheme:dark;--muted:#8d939f;--line:#2c3039;--orange:#eebe74;--panel:#191c23}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:inherit}a{color:inherit;text-decoration:none}.app{max-width:1800px;margin:auto;padding:0 36px}header{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px}.brand{font-size:24px;font-weight:700;display:flex;align-items:center;gap:5px;letter-spacing:-1px}.brand-icon{display:flex;color:var(--orange);margin-right:7px}.brand-light{font-weight:350;color:#a6adb9}.beta{font-size:10px;font-weight:700;letter-spacing:1px;background:#2b2c2d;color:var(--orange);padding:2px 5px;margin-left:8px;border-radius:3px}nav{display:flex;align-items:center;gap:29px;color:#8d939f;font-size:13px}nav a{display:flex;align-items:center;gap:5px}nav .nav-current{color:#e5e6eb;position:relative}nav .nav-current:after{content:"";height:2px;background:var(--orange);bottom:-31px;left:0;right:0;position:absolute}.account{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px}.login{display:flex;gap:10px;align-items:center;background:#242833;border:1px solid #383e4b;padding:9px 13px;border-radius:6px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;padding:29px 0 25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#a5abb8}h1{font-size:27px;font-weight:500;letter-spacing:-.7px;margin:6px 0 0}h2{font-size:15px;font-weight:600;margin:0}h3{margin:0;font-size:14px;font-weight:550}.engine-label{display:flex;gap:8px;align-items:center;color:#b8bfcb;font-size:12px}.engine-label svg{color:#c0aaff}.engine-label span{background:#242331;color:#b6a0eb;border:1px solid #373048;padding:2px 7px;border-radius:4px}main{display:grid;grid-template-columns:325px minmax(0,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#171a21}.setup{padding:24px;border-right:1px solid var(--line)}.panel-title{display:flex;align-items:center;gap:10px}.number{width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #424752;border-radius:4px;color:#9fa6b3;font-size:10px;font-family:monospace;font-weight:600;flex-shrink:0}.field-label{display:block;font-size:12px;font-weight:550;color:#bec3ce;margin-top:22px;margin-bottom:9px}.upload{border:1px dashed #49505e;border-radius:7px;background:#1d212a;height:180px;overflow:hidden}.upload>input,.fbx input{display:none}.upload label{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;height:100%;cursor:pointer}.upload-icon{padding:12px;background:#2a303c;border-radius:9px;color:#afb9cb;margin-bottom:10px}.upload strong{font-weight:500;font-size:13px}.upload span:not(.upload-icon):not(.replace){color:var(--orange);font-size:12px}.upload small{font-size:10px;color:#7e8797;margin-top:9px}.upload img{width:100%;height:100%;object-fit:contain;background:#eceef2}.replace{position:absolute;bottom:9px;display:flex;align-items:center;gap:6px;background:#151820dc;border-radius:4px;padding:5px 8px;font-size:11px}.upload:hover{border-color:var(--orange)}textarea,input,select{border:1px solid #343a46;background:#1e222b;color:#dfe2e8;border-radius:5px}textarea{width:100%;height:104px;resize:vertical;padding:12px;font-size:13px;line-height:1.6}textarea::placeholder,input::placeholder{color:#737e90}select{padding:8px;max-width:100%}.prompt-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.prompt-chips button{font-size:10px;background:#222630;border:1px solid #303643;padding:4px 6px;border-radius:4px;color:#a3abba;gap:4px}.angles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.angles button{background:#20242d;border:1px solid #343a46;font-size:11px;border-radius:5px;padding:9px 1px;color:#969fad;gap:5px}.angles button.selected{background:#353026;border-color:#a78655;color:#f3c982}.two-fields{display:grid;grid-template-columns:1fr 1.1fr;gap:10px;margin-top:20px}.two-fields label{font-size:12px;color:#bec3ce}.two-fields select{display:block;margin-top:8px;width:100%;font-size:11px;padding:9px 5px}.motion-import{font-size:12px;margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.motion-import summary{display:flex;align-items:center;gap:7px;cursor:pointer;color:#b3bac7}.motion-import summary span{margin-left:auto;font-size:10px;color:#7f8a9d}.motion-import p{color:var(--muted);font-size:12px}.motion-import .secondary{width:100%;margin:0 0 8px}.fbx{display:block;text-align:center;padding:7px;border:1px dashed #4a5260;border-radius:4px;cursor:pointer}.primary{background:var(--orange);border:1px solid var(--orange);color:#262118;padding:10px 13px;border-radius:5px;font-weight:650;font-size:12px}.primary:hover:not(:disabled){background:#ffcc83}.generate{width:100%;margin-top:24px;font-size:13px;min-height:43px}.generate span{margin-left:auto}.quiet{font-size:10px;color:#818a99;text-align:center;line-height:1.7;margin:10px 0 0}.results{padding:24px;min-width:0}.result-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.job-picker{font-size:11px;max-width:220px;padding:5px}.preview-shell{border:1px solid #353b46;border-radius:7px;overflow:hidden}.preview-tabs{display:flex;align-items:center;justify-content:space-between;background:#222630;border-bottom:1px solid #333944;padding:0 15px;min-height:43px;gap:10px}.preview-tabs>div{display:flex;gap:16px}.preview-tabs button{border:0;background:none;padding:12px 0 11px;font-size:11px;color:#969fae;position:relative}.preview-tabs .current{color:#f0c786}.preview-tabs .current:after{content:"";position:absolute;bottom:0;height:2px;background:var(--orange);left:0;right:0}.preview-tabs>span{font-size:9px;font-family:monospace;letter-spacing:1px;color:#7d8798}.stage{height:390px;position:relative;display:flex;align-items:center;justify-content:center;background:#14171e;overflow:hidden}.checker{background-color:#161a22;background-image:linear-gradient(45deg,#1c2029 25%,transparent 25%),linear-gradient(-45deg,#1c2029 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1c2029 75%),linear-gradient(-45deg,transparent 75%,#1c2029 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0px}.stage canvas{width:360px;height:360px;max-width:95%;object-fit:contain;image-rendering:pixelated}.stage video,.character-preview{max-width:100%;max-height:100%}.stage-label{position:absolute;top:13px;left:15px;max-width:75%;font-size:10px;color:#aab4c4;background:#151820a8;border-radius:3px;padding:4px 6px}.stage-angle{position:absolute;bottom:12px;right:15px;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#7e899c}.empty-stage{text-align:center;max-width:90%;color:#8792a4}.empty-stage h3{font-size:19px;color:#c1c8d3;font-weight:450;margin-top:16px;letter-spacing:-.3px}.empty-stage p{font-size:12px;line-height:1.8;max-width:460px;margin:12px auto 18px}.empty-frames{position:relative;width:126px;height:70px;margin:0 auto;color:#9baac1}.empty-frames span{position:absolute;width:55px;height:64px;border:1px solid #454e60;border-radius:6px;background:#242a36;transform:rotate(-13deg);left:9px;top:5px}.empty-frames span:nth-child(2){transform:rotate(13deg);left:62px}.empty-frames span:nth-child(3){transform:none;left:36px;top:0;background:#2b3341;border-color:#718097}.empty-frames svg{position:absolute;top:16px;left:47px}.empty-specs{display:flex;gap:19px;justify-content:center;margin-top:30px;font-size:10px;color:#788497}.empty-specs span{display:flex;gap:6px;align-items:center}.transport{height:51px;background:#20242d;border-top:1px solid #343a45;display:flex;align-items:center;justify-content:space-between;padding:0 13px}.transport>div{display:flex;align-items:center;gap:12px}.icon{padding:4px;border:0;background:none;color:#969fae}.icon:hover{color:#fff}.play-button{width:29px;height:29px;background:#3a414f;border:1px solid #4b5668;border-radius:5px;color:#dce3ee}.frame-counter{font-family:monospace;font-size:12px;color:#d3dce9}.frame-counter i{font-style:normal;color:#788599}.fps-label{font-size:10px;color:#96a1b3;display:flex;align-items:center;gap:8px}.fps-label select{padding:4px;font-size:10px}.duration{font-size:10px;font-family:monospace;border-left:1px solid #3c4350;padding-left:12px;color:#9ba6b8}.timeline-heading{display:flex;align-items:center;justify-content:space-between;margin-top:23px;margin-bottom:12px;gap:12px}.timeline-heading h3{font-size:12px}.timeline-heading span{display:block;font-size:10px;color:#7f8b9e;margin-top:3px}.timeline-heading>div:last-child{display:flex;gap:8px}.timeline-heading button{background:none;border:0;color:#aeb8c8;font-size:10px;padding:3px}.filmstrip{display:flex;gap:8px;overflow-x:auto;min-height:104px;padding-bottom:9px;scrollbar-color:#444d5d #1a1e26;scrollbar-width:thin}.frame{display:flex;flex-direction:column;gap:0;flex-shrink:0;width:78px;min-height:102px;padding:0;border:1px solid #57677a;border-radius:5px;background:#222833;overflow:hidden}.frame-art{display:block;width:76px;height:76px;background-repeat:no-repeat;background-color:#262d39;image-rendering:pixelated}.frame-number{font-size:10px;width:100%;display:flex;justify-content:space-between;padding:3px 7px;background:#2f3947;color:#d6dfe9;font-family:monospace}.removed{opacity:.36;border-color:#434a55}.active-frame{border:1px solid var(--orange)}.active-frame .frame-number{color:var(--orange)}.empty-strip>span{width:calc((100% - 56px)/8);min-width:65px;height:94px;border:1px dashed #343b48;border-radius:5px;background:#1c2029;position:relative}.empty-strip small{position:absolute;bottom:6px;left:8px;color:#515e72;font-size:9px;font-family:monospace}.export-bar{border-top:1px solid #303744;padding-top:19px;margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.export-bar>div:first-child{display:flex;align-items:center;gap:9px}.export-bar h3{font-size:12px}.export-options{display:flex;gap:8px;margin-left:auto}.export-options label{font-size:9px;color:#8895a8}.export-options select{margin-left:5px;font-size:10px;padding:6px}.export-buttons{display:flex;gap:7px}.secondary{border:1px solid #424c5c;background:#252c37;border-radius:5px;padding:9px 12px;color:#bfc9d8;font-size:11px}.secondary:hover{border-color:#aab8cc}.result-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;color:#748094;font-size:9px}.text-button{background:none;border:0;color:#8995a8;font-size:10px;padding:0}.verification{padding:12px;margin:12px 0;background:#1f2828;border:1px solid #364b45;border-radius:6px;font-size:11px;color:#a6c7b8}.verification>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.verification strong{font-size:11px;font-weight:550}.verification span{color:#8aa89c;font-size:10px}.verification summary{cursor:pointer;margin-top:5px;font-size:10px}.verification.review{background:#2b2821;border-color:#4c4332;color:#d8bb88}.verification.review span{color:#b39e7c}.verification p,.verification li{color:#aeb6c3;font-size:12px}.process-steps{display:flex;gap:22px;justify-content:center;margin:25px 0}.process-steps span{display:flex;flex-direction:column;font-size:10px;gap:5px}.process-steps b{border:1px solid #465163;border-radius:50%;width:28px;height:28px;margin:auto;display:flex;justify-content:center;align-items:center;font-size:10px;color:var(--orange)}.processing-mark{color:var(--orange)}footer{display:flex;justify-content:space-between;padding:20px 0 24px;color:#6c778a;font-size:10px}.footer-separator{padding:0 8px;color:#475568}.error{display:flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid #814b4b;background:#3c2528;color:#f2c5c5;border-radius:6px;margin-bottom:15px}.error .icon{margin-left:auto}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:25px;z-index:20}.library-modal{width:680px;max-height:85vh;overflow:auto;background:#1c2029;border:1px solid #455065;border-radius:12px;padding:25px}.library-modal .icon{margin-left:auto}.library-modal p{font-size:14px;color:#a7b2c3}.library-modal input{padding:11px;width:100%;font-size:14px}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:16px 0}.catalog button{background:#282f3c;border:1px solid #394456;border-radius:5px;padding:11px;justify-content:flex-start;font-size:13px}.catalog small{margin-left:auto;color:#8497b1;font-size:10px}.library-modal>a{display:flex;align-items:center;gap:7px;color:var(--orange);font-size:13px}@media(min-width:1500px){.app{padding:0 55px}main{grid-template-columns:350px minmax(0,1fr)}.stage{height:440px}.stage canvas{height:410px;width:410px}.setup{padding:26px}.upload{height:195px}.results{padding:26px}}@media(max-width:1100px){.app{padding:0 20px}header{gap:25px}nav{gap:15px}nav .nav-current{display:none}main{grid-template-columns:300px minmax(0,1fr)}.setup,.results{padding:18px}.preview-tabs>span{display:none}.preview-tabs>div{gap:12px}.preview-tabs button{font-size:10px}.export-options,.export-buttons{margin-left:auto}.empty-specs{gap:10px;flex-wrap:wrap}.engine-label{display:none}.timeline-heading{align-items:start}.timeline-heading>div:last-child{gap:2px}.stage{height:360px}.stage canvas{width:335px;height:335px}}@media(max-width:800px){.app{padding:0 14px}header{height:70px;gap:15px}.brand{font-size:22px}.account{font-size:11px}.account>span,nav{display:none}.login{font-size:11px;padding:7px 9px}.workspace-heading{padding:23px 0}h1{font-size:24px}.eyebrow{font-size:9px}main{grid-template-columns:1fr}.setup{border-right:0;border-bottom:1px solid var(--line);padding:20px}.upload{height:150px}.angles{grid-template-columns:repeat(6,1fr)}.angles button{padding:9px 2px}.angles svg{display:none}.two-fields select,.field-label{font-size:13px}.results{padding:16px}.stage{height:350px}.timeline-heading{flex-direction:column;gap:8px}.timeline-heading span{font-size:11px}.timeline-heading>div:last-child{gap:10px}.export-bar{gap:16px}.export-buttons{margin-left:0;width:100%}.export-buttons .primary{flex:1}.result-footer{font-size:10px;flex-wrap:wrap}footer{font-size:9px;gap:20px}footer>span:last-child{max-width:180px;text-align:right}.catalog{grid-template-columns:1fr}.job-picker{max-width:160px}.stage-label{font-size:9px}.preview-tabs{padding:0 10px}.preview-tabs button{font-size:11px}.empty-specs{font-size:9px}.prompt-chips button{font-size:11px;padding:5px 7px}.quiet{font-size:11px}.motion-import{font-size:13px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.original-downloads{display:flex;gap:12px}.field-label,.two-fields label{font-size:13px}.angles button,.secondary,.preview-tabs button{font-size:12px}.timeline-heading h3,.export-bar h3{font-size:14px}.quiet,.timeline-heading span,.prompt-chips button{font-size:11px}.result-footer{flex-wrap:wrap}.modal-backdrop:has(.library-modal){overscroll-behavior:contain}@media(max-width:480px){.angles{grid-template-columns:repeat(3,1fr)}.angles svg{display:block}.result-bar{flex-wrap:wrap}.job-picker{max-width:100%;width:100%}.preview-tabs>div{gap:10px}.preview-tabs button{font-size:10px}.transport{padding:0 8px}.transport>div{gap:7px}.duration{padding-left:7px}}.pixel-controls{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:7px;background:#1c2029}.pixel-title{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.pixel-title h3{margin-right:auto}.pixel-fields{display:grid;grid-template-columns:1.3fr 1.5fr 1fr 1fr;gap:12px;margin-top:12px}.pixel-fields label,.resolution-field{font-size:12px;color:#bfc7d4}.pixel-fields select,.resolution-field select{display:block;width:100%;margin-top:6px;font-size:12px}.pixel-controls p,.resolution-field small{display:block;color:#929eaf;font-size:11px;line-height:1.6}.pixel-controls p{margin:12px 0 0}.resolution-field{display:block;margin-top:18px}.resolution-field small{margin-top:7px}@media(max-width:600px){.pixel-fields{grid-template-columns:1fr 1fr}.pixel-fields label:first-child{grid-column:1/-1}.pixel-title{gap:10px}.pixel-title h3{width:100%}}nav button{border:0;background:none;color:inherit;padding:0;font-size:13px;white-space:nowrap}nav button span{font-size:10px;border:1px solid var(--line);padding:0 5px;border-radius:4px}.editing-workspace{grid-template-columns:minmax(0,1fr)}.editor-heading-actions{display:flex;gap:10px;align-items:center}.save-status{font-size:11px;color:var(--muted)}.sampling-control{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}.sampling-control select{background:#20242d;color:#d9dde6;border:1px solid var(--line);border-radius:5px;padding:5px}.gallery-page{min-height:65vh;padding:24px;border:1px solid var(--line);border-radius:10px;background:#171a21}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.gallery-heading h2{font-size:20px}.gallery-heading p,.gallery-empty p{color:var(--muted);font-size:13px;max-width:650px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.gallery-card{border:1px solid var(--line);background:var(--panel);border-radius:9px;overflow:hidden}.gallery-preview{position:relative;display:flex;width:100%;height:215px;padding:0;border:0;background:#20242d}.gallery-preview img{width:100%;height:100%;object-fit:contain}.gallery-preview>span{position:absolute;bottom:10px;left:10px;background:#171a21e8;padding:4px 8px;border-radius:4px;font-size:10px;color:var(--orange)}.gallery-card-info{padding:16px}.gallery-card-info h3{line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.gallery-card-info p{font-size:11px;color:var(--muted)}.gallery-card-info button{width:100%;margin-top:6px}.gallery-empty{padding:70px 20px;text-align:center;color:var(--muted)}.gallery-empty svg{margin-bottom:15px}.gallery-empty p{margin:12px auto}.stage canvas{image-rendering:pixelated}@media(max-width:700px){.gallery-page{padding:16px}.gallery-heading{align-items:flex-start;flex-direction:column}.gallery-grid{grid-template-columns:1fr}.editor-heading-actions{flex-wrap:wrap;gap:6px;justify-content:flex-end}.editor-heading-actions .secondary{font-size:10px;padding:5px 8px}.result-bar{gap:12px}.sampling-control{flex-wrap:wrap}.timeline-heading{gap:12px;align-items:flex-start}.timeline-heading>div:last-child{flex-wrap:wrap;justify-content:flex-end}header nav{display:flex;gap:12px}header nav>a{display:none}header{gap:14px}.account>span{display:none}}.saved-character,.character-name input{width:100%;background:#20242d;color:#d9dde6;border:1px solid var(--line);border-radius:5px;padding:8px}.character-name{display:block;margin-top:12px;font-size:12px;color:var(--muted)}.character-name input{margin-top:5px}.view-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.view-options label{display:flex;gap:5px;align-items:center;font-size:11px;color:#c1c6d0}.view-options input{accent-color:var(--orange)}.view-set .secondary{font-size:11px;width:100%}.gallery-card-info .text-button{font-size:11px}.gallery-preview{align-items:center;justify-content:center;cursor:pointer}.gallery-preview:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.gallery-animation{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:100%;max-width:100%;object-fit:contain;image-rendering:pixelated;visibility:hidden}.gallery-animation.is-playing{visibility:visible}.gallery-preview>span.gallery-preview-hint{top:10px;bottom:auto;left:auto;right:10px;color:#e5e7eb;pointer-events:none}.cardinal-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:18px 20px;margin:18px 0;border:1px solid var(--line);border-radius:8px;background:#1b2028}.cardinal-controls>div{flex:1;min-width:240px}.cardinal-controls h3{font-size:13px}.cardinal-controls p{max-width:630px;font-size:12px;line-height:1.6;color:var(--muted);margin:6px 0}.cardinal-controls label{font-size:11px;color:var(--muted);display:flex;gap:6px;flex-direction:column}.cardinal-controls select{background:#20242d;color:#d9dde6;border:1px solid var(--line);border-radius:5px;padding:7px}.art-direction{margin:22px 0;padding-top:16px;border-top:1px solid var(--line)}.art-direction>p{font-size:11px;color:#a8b2c2;line-height:1.6;margin:8px 0 12px}.reference-preset{width:100%;display:flex;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:#232833;color:#d9e0eb;font-size:12px}.reference-preset span{font-size:10px;color:#9daabe}.art-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.art-preset{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-width:0;width:100%;padding:0 0 10px;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:6px;background:#222732;color:#e4eaf4}.art-preview{display:block;width:100%;aspect-ratio:1;background-size:200% 200%;background-repeat:no-repeat;background-color:#fff;image-rendering:pixelated}.art-preset strong,.art-preset>span:not(.art-preview),.art-preset small{display:block;margin:7px 9px 0}.art-preset strong{font-size:12px}.art-preset>span:not(.art-preview){font-size:10px;color:#aeb8c8;line-height:1.4}.art-preset small{font-size:10px;color:#8995aa}.art-preset.selected,.reference-preset.selected{border-color:#e6b96e;box-shadow:0 0 0 1px #e6b96e}.art-preset:hover{border-color:#e6b96e}.art-direction .art-caption{font-size:10px}.art-direction textarea{min-height:86px}.art-result-note{font-size:12px;color:#aeb8c8;line-height:1.7;padding:12px 0}.art-direction .two-fields label{min-width:0}.art-direction .two-fields select{width:100%;min-width:0;font-size:11px}.creating-workspace{display:block}.creating-workspace .setup{max-width:1050px;margin:auto;border:0;padding:30px}.creating-workspace .upload{height:165px}.creating-workspace .saved-character,.creating-workspace .character-name{max-width:480px}.creating-workspace .art-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.creating-workspace .art-preview{height:150px;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;background:#fff}.style-sample{display:block;width:144px;height:144px;image-rendering:pixelated;background:#fff;max-width:100%;object-fit:contain}.art-direction h2{font-size:18px}.size-heading{display:flex;align-items:center;gap:20px;justify-content:space-between}.size-heading label{display:flex;align-items:center;gap:12px;font-size:13px}.size-comparison{display:flex;gap:12px;overflow-x:auto;padding:14px 2px 8px;align-items:stretch}.size-choice{flex:1;min-width:120px;flex-direction:column;background:#242a34;border:1px solid #444e60;border-radius:8px;padding:10px}.size-choice strong{font-size:13px}.size-choice small{font-size:11px;color:#a5b2c7}.size-example{background:#fff;width:100%;min-height:144px;display:flex;align-items:center;justify-content:center;overflow:hidden}.actual-sizes .size-example{min-width:96px}.actual-sizes .size-choice{flex:0 0 auto}.actual-sizes .size-example{width:auto;min-height:256px}.actual-sizes canvas{max-width:none;flex-shrink:0}.size-choice.selected,.style-filters .selected,.finish-comparison .selected{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.style-heading{margin-top:24px}.style-heading h3{font-size:16px}.style-heading p{font-size:12px;color:var(--muted)}.style-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.style-filters button{border:1px solid #454d5b;border-radius:20px;padding:7px 14px;background:#242a35;font-size:12px}.selected-style{display:flex;gap:20px;align-items:center;justify-content:space-between;border-left:3px solid var(--orange);padding:12px 16px;background:#222731}.selected-style p{font-size:12px;color:#b3bfd0;margin:5px 0}.selected-style a{font-size:12px;color:var(--orange);text-decoration:underline}.proportion-field{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:20px}.motion-heading{font-size:18px;padding-top:20px;border-top:1px solid var(--line)}.creation-summary{padding:16px;margin-top:24px;background:#252c35;border:1px solid #465163;border-radius:7px;display:flex;flex-direction:column;gap:5px}.creation-summary span{color:var(--orange)}.creation-summary small{color:#aab6c7}.neural-experiment{padding:18px;border:1px solid #444956;border-radius:8px;margin:20px 0;background:#1e232c}.neural-experiment>summary{cursor:pointer;font-size:13px;font-weight:600}.neural-experiment>summary>span{font-size:11px;color:var(--muted);font-weight:400;margin-left:12px}.neural-experiment p{font-size:12px;max-width:850px;color:#b1bbcb;line-height:1.7}.finish-comparison{display:flex;gap:12px;flex-wrap:wrap}.neural-notice{padding:14px;background:#242e33;border:1px solid #41515a;border-radius:6px}.neural-notice strong{font-size:13px}.neural-notice details{font-size:11px}.export-summary{font-size:12px;color:var(--orange);align-self:center}.pixel-fields{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:700px){.creating-workspace .setup{padding:18px}.creating-workspace .art-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.size-heading,.selected-style{align-items:flex-start;flex-direction:column;gap:10px}.size-choice{min-width:120px}.style-sample{width:120px;height:120px}.size-example{min-height:120px}.pixel-fields{grid-template-columns:1fr 1fr}.neural-experiment>summary>span{display:block;margin:6px 0}.proportion-field{align-items:flex-start;flex-direction:column}.preview-tabs>div{flex-wrap:wrap;gap:12px}.creation-summary span{font-size:12px}}.actual-sizes .size-example{min-height:144px;background:#dce1e8;padding:8px}.art-preset .style-sample{width:144px;height:144px}.finish-pair{display:flex;gap:20px;flex-wrap:wrap}.finish-pair figure{margin:12px 0}.finish-pair canvas{width:192px;height:192px;background:#fff;image-rendering:pixelated;display:block}.finish-pair figcaption{font-size:12px;margin-top:6px}.finish-preview>p{margin:8px 0 16px}.finish-preview{margin-bottom:12px}@media(max-width:500px){.finish-pair{gap:10px}.finish-pair canvas{width:128px;height:128px}}
