:root{font-family:Inter,Segoe UI,Yu Gothic UI,sans-serif;color:#d5d9df;background:#14171c;font-synthesis:none;font-size:12px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:#bcc3cc;background:#252a32;border:1px solid #343b46;border-radius:5px;padding:7px 10px;cursor:pointer;transition:background .12s}button:hover{background:#343c47;color:#fff}button:disabled{opacity:.35;cursor:default}button.active{border-color:#c3a570;background:#3d382d;color:#e5c38e}button.primary{background:#c3a570;color:#17191d;border-color:#c3a570;font-weight:600}button svg{vertical-align:middle}input,select{background:#171b21;border:1px solid #363e49;border-radius:4px;padding:6px;color:#d5d9df;min-width:0}input[type=number]{width:64px}input[type=checkbox]{accent-color:#c3a570}input[type=range]{padding:0;width:100%;accent-color:#c3a570}input[type=color]{width:34px;height:31px;padding:2px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e3c18b;outline-offset:2px}.studio{height:100dvh;min-height:650px;min-width:1000px;display:flex;flex-direction:column}header{height:64px;display:flex;align-items:center;padding:0 20px;gap:10px;background:#1b1f26;border-bottom:1px solid #333943;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;letter-spacing:2px;font-size:15px;font-weight:600}.brand small{display:block;font-size:9px;letter-spacing:3.5px;color:#858e9a;margin-top:3px}.brand-icon{border:1px solid #bca272;width:30px;height:32px;display:grid;place-items:center;color:#d6b77d;font-family:serif}.project-title{margin:auto;font-size:13px}.project-title i{font-size:10px;color:#727d8b;margin-left:12px;font-style:normal}.workspace{display:grid;grid-template-columns:196px minmax(400px,1fr) 244px;flex:1;min-height:0}aside{background:#1c2027;padding:16px 12px;overflow:auto}aside:first-child{border-right:1px solid #333943}aside:last-child{border-left:1px solid #333943}h3{font-weight:500;color:#9ca6b3;font-size:11px;letter-spacing:1px;margin:4px 0 14px}h3:not(:first-child){margin-top:24px}.center{display:flex;flex-direction:column;min-height:0;min-width:0}.canvas-toolbar{height:44px;background:#20242c;border-bottom:1px solid #333943;display:flex;align-items:center;gap:12px;padding:0 14px;flex-shrink:0}.canvas-toolbar b{font-size:11px;font-weight:500;letter-spacing:1px}.canvas-toolbar span{color:#798593;font-size:10px}.canvas-host{flex:1;position:relative;min-height:0;background:#14171c;overflow:hidden}.canvas-host canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.canvas-caption{position:absolute;bottom:14px;left:18px;font-size:10px;letter-spacing:1px;color:#798391;pointer-events:none}.canvas-caption span{padding:0 8px}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.palette button{height:23px;padding:0;border:2px solid transparent;border-radius:3px}.palette button.active{border-color:#fff;box-shadow:0 0 0 1px #14171c}.timeline{height:180px;flex-shrink:0;border-top:1px solid #373e49;background:#1c2027;padding:12px 18px}.section-heading{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1.5px;color:#b5bfcc;margin-bottom:12px}.section-heading span{color:#778493;letter-spacing:0}.frame{width:72px;height:82px;margin-right:8px}.muted{font-size:11px;color:#7c8796;line-height:1.8}footer{height:29px;display:flex;align-items:center;gap:7px;padding:0 16px;border-top:1px solid #303641;font-size:10px;color:#8d99a7}footer>span:last-child{margin-left:auto}.status-dot{width:5px;height:5px;border-radius:50%;background:#8fae9b}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.section-title h3{margin:0}.section-title>span{font-size:8px;letter-spacing:1px;color:#677383}.tools{display:grid;grid-template-columns:1fr 1fr;gap:5px}.tools button{display:flex;align-items:center;gap:5px;padding:9px 5px;font-size:10px;border-color:transparent;background:transparent}.tools button.active{background:#3d382d;border-color:#796746}.tools button kbd{margin-left:auto;font-size:8px;color:#7b8591}.field{display:flex;align-items:center;gap:7px;margin:12px 0}.field label{flex:1;font-size:10px;color:#99a4b1}.field input{width:51px}.field>span{font-size:10px;color:#6f7c8d}.row{display:flex;align-items:center;gap:5px}.row button{padding:5px 7px}.divider{height:1px;background:#303742;margin:18px 0}.ink-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ink-row code{font-size:10px;color:#aeb8c4}.ink-row button{margin-left:auto;padding:5px}.palette-controls{margin-top:10px;gap:3px}.palette-controls button{padding:4px;font-size:10px}.import-button{width:100%;padding:10px;background:#272e38}.project-name{margin-left:40px;background:transparent;border-color:transparent;font-size:13px;width:150px}.save-state{font-size:9px;color:#8b97a5}.header-actions{margin-left:auto;display:flex;gap:7px}.spacer{flex:1}.canvas-toolbar button{padding:5px 7px;background:transparent;border-color:transparent}.canvas-toolbar button:hover{background:#343c47}.canvas-toolbar button.active{background:#3d382d}.separator{width:1px;height:18px;background:#3b424b}.checker{background-color:#272c33;background-image:conic-gradient(#343b44 25%,transparent 0 50%,#343b44 0 75%,transparent 0);background-size:16px 16px}.playback-preview{height:144px;border:1px solid #3b434e;border-radius:5px;display:grid;place-items:center;overflow:hidden}.playback-preview canvas{image-rendering:pixelated;max-width:100%;max-height:134px;width:128px;height:128px;object-fit:contain}.preview-controls{display:flex;align-items:center;gap:6px;margin-top:8px}.preview-controls>span{font-size:9px;color:#8b98a8;flex:1}.preview-controls button{padding:4px 7px}.preview-controls select{padding:4px;font-size:10px;max-width:64px}.layer-list{max-height:135px;overflow:auto;border:1px solid #343b46;border-radius:5px}.layer{display:flex;align-items:center;padding:3px;border-bottom:1px solid #2b313b}.layer.selected{background:#343a42;border-left:2px solid #c3a570}.layer button{background:transparent;border:0;padding:5px}.layer-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-actions{margin:8px 0}.layer-actions button{flex:1;padding:5px}.full{width:100%}.range-label{display:block;font-size:10px;color:#9ca7b5;margin-top:12px}.range-label>span{float:right;color:#c7ced8}.range-label input{display:block;margin-top:8px}.toggle{display:flex;align-items:center;gap:5px;font-size:10px;color:#a5b0bf}.timeline .section-heading{gap:8px;margin-bottom:9px}.section-heading b{font-size:10px;letter-spacing:1.5px;color:#b7a37d;margin-right:15px}.section-heading input:not([type=number]):not([type=checkbox]){width:110px}.section-heading select{min-width:92px}.section-heading input[type=number]{width:47px;padding:4px}.section-heading button{padding:5px 7px}.timeline-body{display:flex;gap:15px;min-width:0}.frame-track{display:flex;flex:1;overflow:auto;gap:7px;padding-bottom:5px}.frame{flex-shrink:0;width:82px;height:96px;margin:0;padding:5px;background:#252a32}.frame-number{font-size:9px;text-align:left;margin-bottom:4px;display:flex;justify-content:space-between}.frame-number span{font-size:8px;color:#8a96a5}.frame canvas{width:62px;height:62px;object-fit:contain;image-rendering:pixelated;background-color:#20252c;background-image:conic-gradient(#2d343e 25%,transparent 0 50%,#2d343e 0 75%,transparent 0);background-size:12px 12px}.add-frame{width:46px;border-style:dashed;background:transparent;color:#8a96a5}.frame-properties{width:210px;border-left:1px solid #343c47;padding-left:15px}.frame-properties .field{margin:4px 0 12px}.error{position:fixed;top:70px;left:25%;right:25%;z-index:100;background:#603633;border:1px solid #ba7970;padding:14px;border-radius:6px;display:flex;align-items:center;gap:15px;box-shadow:0 6px 30px #0008}.error button{margin-left:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b11c9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;display:grid;place-items:center}.modal{width:min(780px,90vw);max-height:92vh;overflow:auto;padding:26px;background:#20252d;border:1px solid #48515e;border-radius:10px;box-shadow:0 25px 90px #0009}.modal.small{width:460px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.modal h2{font-size:19px;font-weight:500;margin:0 0 8px;color:#e7e9ed}.modal p{color:#95a1b0;line-height:1.7}.modal-heading p{margin:0}.modal-heading>button{font-size:18px;background:transparent;border:0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison figure{margin:0}.comparison figcaption{font-size:10px;letter-spacing:1.6px;margin-bottom:10px;color:#aebacc}.comparison figure>div{height:240px;display:grid;place-items:center;border:1px solid #3b4350;border-radius:5px}.comparison img{max-width:100%;max-height:238px;object-fit:contain}.comparison img.pixelated{image-rendering:pixelated;width:230px;height:230px}.conversion-options{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:22px 0}.conversion-options label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#a4afbd}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #3b4350;margin-top:22px;padding-top:20px}.modal-footer>span{font-size:11px;color:#8e9bab}.modal .warning{background:#42392b;color:#dfcba4;padding:10px;border-radius:5px;font-size:11px}.export-summary{display:flex;justify-content:space-between;background:#171c23;padding:20px;border:1px solid #343d49;border-radius:6px}.export-summary>span{font-size:19px}.export-summary>b{font-size:11px;color:#a0adbd;font-weight:400}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-grid button{text-align:left;padding:20px;display:grid;grid-template-columns:25px 1fr;gap:9px;background:#29313c}.export-grid button strong{font-weight:500;color:#ddd6c8;font-size:14px}.export-grid button span{grid-column:2;font-size:11px;color:#94a1b2}@media(max-height:800px){.playback-preview{height:100px}.playback-preview canvas{width:90px;height:90px}.divider{margin:12px 0}aside{padding-top:12px}.tools button{padding:7px 5px}.timeline{height:170px}}@media(max-width:1200px){.workspace{grid-template-columns:178px minmax(350px,1fr) 214px}.brand{font-size:12px}.project-name{margin-left:12px;width:120px}.save-state{display:none}header{padding:0 12px}.header-actions button{font-size:11px}.tools button{font-size:9px}.frame-properties{width:190px}}.work-surfaces{display:flex;flex:1;min-height:0}.reference-panel{width:230px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:12px;background:#1b2028;border-right:1px solid #363d48}.reference-view{position:relative;flex:1;min-height:200px;background:#12161c;overflow:hidden}.reference-view canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.reference-fit{position:absolute;right:8px;bottom:8px;padding:4px 7px}.reference-panel .muted,.reference-panel .range-label{margin:0}.work-surfaces>.canvas-host{min-width:0}.character-dialog{width:min(1040px,96vw)}.crop-stage{display:grid;grid-template-columns:1fr 200px;gap:20px;height:480px}.crop-controls{overflow:auto;display:flex;flex-direction:column;gap:9px}.crop-controls label,.placement-controls label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.crop-controls p{font-size:12px;margin:4px 0}.crop-controls h3{margin:0}.crop-controls input{width:78px}.legacy-import{font-size:10px;margin-top:auto;background:transparent}.mask-surface{height:440px;display:flex;justify-content:center;align-items:center;margin:14px 0;overflow:hidden}.mask-surface canvas{max-width:100%;max-height:100%;touch-action:none;cursor:crosshair}.mask-editor .row{flex-wrap:wrap}.mask-editor input{width:58px}.placement-stage{display:grid;grid-template-columns:1fr 350px;gap:22px}.placement-preview{height:400px;position:relative;display:grid;place-items:center;border:1px solid #3a4551}.placement-preview img{width:90%;height:90%;object-fit:contain;image-rendering:pixelated}.placement-preview>span{position:absolute;bottom:8px;left:10px;background:#111b;padding:4px;color:#b7c5d3;font-size:10px}.placement-controls{display:flex;flex-direction:column;gap:12px}.placement-controls select{max-width:205px}.placement-controls input[type=range]{width:170px}.character-dialog .modal-heading{margin-bottom:16px}.character-dialog .modal-footer{margin-top:14px;padding-top:14px}.pose-section{border-top:1px solid #35404b;padding:10px 0}.pose-section summary{cursor:pointer;font-size:11px;color:#c5b185;margin-bottom:10px}.pose-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.pose-fields label{font-size:10px;color:#a5b1bf;display:flex;flex-direction:column;gap:4px}.pose-fields input{width:100%}.pose-section .row{margin:8px 0;flex-wrap:wrap}.pose-section .row button{font-size:10px;padding:5px}.pose-section input[list]{width:110px}.pose-section p{margin:4px 0}.canvas-size select{max-width:108px}.workspace>aside:last-child{scrollbar-width:thin}.sheet-preview{margin:14px 0}.sheet-preview-surface{max-height:300px;min-height:100px;display:flex;justify-content:center;align-items:center;overflow:auto}.sheet-preview canvas{max-width:100%;max-height:300px;image-rendering:pixelated;object-fit:contain}.sheet-preview p{font-size:11px;display:flex;justify-content:space-between;margin:7px 0}.sheet-preview p>span{font-size:10px;color:#8393a2}.modal .export-grid button{padding:12px}.modal .export-grid{margin-bottom:15px}.placement-preview{overflow:hidden}.placement-preview img{position:absolute;top:20px;right:20px;bottom:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px)}.export-dialog{width:min(1040px,96vw)}.sheet-preview-surface{max-height:380px;display:block;text-align:center}.sheet-preview canvas{max-height:380px}.sheet-preview-toolbar{text-align:right;margin:6px 0;font-size:11px}.sheet-import{width:min(1100px,96vw)}.sheet-import-body{display:grid;grid-template-columns:1fr 250px;gap:20px}.slice-grid{display:grid;grid-auto-rows:145px;gap:5px;max-height:420px;overflow:auto}.slice-grid button{position:relative;padding:2px;min-height:85px}.slice-grid img{width:100%;height:100%;max-height:150px;object-fit:contain;image-rendering:pixelated}.slice-grid span{position:absolute;left:4px;top:2px;color:#fff;background:#17202a;padding:2px}.slice-settings label{display:block;margin:8px 0}.slice-settings textarea{width:100%;min-height:85px;background:#171e26;color:#eee}.notice{color:#e9c078;font-size:13px}.slice-guide{position:relative;max-height:190px;margin:8px 0;overflow:hidden;background:#10161d;text-align:center}.slice-guide img{max-width:100%;max-height:190px;display:block;margin:auto;object-fit:contain}.slice-mode{display:flex;align-items:center;gap:6px;margin:8px 0}.slice-mode span{color:#9da9b7;margin-left:4px}.slice-guide.slice-mode-active{outline:1px solid #9b7650}.slice-line{position:absolute;z-index:2;opacity:.9;touch-action:none}.slice-line:after{content:"";position:absolute;background:#ff705c;box-shadow:0 0 0 1px #25130e}.slice-line.vertical{top:0;bottom:0;width:38px;transform:translate(-19px);cursor:col-resize}.slice-line.vertical:after{top:0;bottom:0;left:18px;width:3px}.slice-line.horizontal{left:0;right:0;height:38px;transform:translateY(-19px);cursor:row-resize}.slice-line.horizontal:after{left:0;right:0;top:18px;height:3px}.slice-line.active:after{background:#ffe07b;box-shadow:0 0 0 2px #2c2110,0 0 12px #ffe07b}.slice-guide:not(.slice-mode-active) .slice-line{pointer-events:none;opacity:.45}.slice-nudge{display:flex;align-items:center;gap:5px;margin:7px 0;padding:6px;background:#202933;border-left:3px solid #e4bd68}.slice-nudge b{margin-right:4px;color:#f1d588}.slice-magnifier{position:absolute;z-index:6;width:100px;height:100px;border:3px solid #ffe07b;border-radius:50%;pointer-events:none;box-shadow:0 4px 18px #000;background-repeat:no-repeat;image-rendering:pixelated;overflow:hidden}.slice-magnifier b{position:absolute;right:4px;bottom:2px;padding:1px 3px;color:#111;background:#ffe07b;font-size:10px}.slice-magnifier i{position:absolute;left:47px;top:0;width:2px;height:100%;background:#ffe07b;box-shadow:0 49px #ffe07b}.crop-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.source-library{border-top:1px solid #34414e;padding:8px 12px;background:#121a22}.source-library>div:first-child{display:flex;align-items:center;gap:10px;font-size:12px}.source-library .source-frame-list{display:flex;gap:6px;overflow:auto;padding-top:7px}.source-frame-list label{min-width:120px;padding:5px 7px;border:1px solid #34414e;cursor:pointer}.source-frame-list label.picked{border-color:#d9a85c;background:#26313a}.source-frame-list small{display:block;color:#a5b2c1;margin-left:20px}@media(max-width:800px){:root{font-size:13px}.studio{min-width:0;min-height:100dvh;height:auto}header{height:auto;min-height:56px;padding:8px 10px;flex-wrap:wrap}.brand{font-size:13px}.project-name{flex:1;min-width:100px}.header-actions{display:flex;flex-wrap:wrap;gap:4px}.save-state{display:none}.workspace{grid-template-columns:1fr}aside{max-height:360px;border:0!important;border-bottom:1px solid #333943!important}.center{min-height:500px}.work-surfaces{grid-template-columns:1fr!important}.reference-panel{max-height:220px}.timeline{overflow-x:auto}.timeline-body{min-width:620px}footer{position:sticky;bottom:0}.sheet-import-body{grid-template-columns:1fr}.slice-grid{max-height:250px}.slice-mode,.slice-nudge{flex-wrap:wrap}.slice-mode button,.slice-nudge button{min-height:40px}.slice-nudge{position:sticky;top:0;z-index:4}}.inbetween-dialog{width:min(1000px,95vw)}.tween-preview{display:flex;gap:12px;margin:20px 0;overflow:auto}.tween-preview>div{flex:1;min-width:100px;text-align:center}.tween-preview canvas{width:100%;height:200px;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(#303944,#303944 25%,#202832 0%,#202832 50%) 0 0/16px 16px}.tween-preview span{display:block;margin-top:8px}