:root{color-scheme:dark;--bg:#141719;--panel:#202527;--panel-raised:#262c2e;--line:#333a3c;--line-soft:#2c3234;--text:#e4e9e7;--muted:#8c9997;--dim:#64716f;--accent:#b7d7a5;--accent-dim:#35483b;--mono:ui-monospace,"Cascadia Code",Consolas,monospace}.modal.gallery-modal{width:1020px;padding:28px}.gallery-panel fieldset{border:0;padding:0;min-width:0;margin:0}.gallery-panel [hidden]{display:none!important}.gallery-tabs{display:flex;gap:8px;margin:20px 0 14px;border-bottom:1px solid var(--line);padding-bottom:12px}.gallery-tabs button{padding:10px 18px;border-radius:6px;background:var(--panel);border:1px solid var(--line)}.gallery-tabs button[aria-selected=true]{color:var(--accent);background:var(--accent-dim);border-color:var(--accent)}.gallery-filters,.template-capture{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0}.gallery-filters label,.template-capture label{display:grid;gap:6px;font-size:11px;color:#acbbb0}.gallery-filters input,.gallery-filters select,.template-capture input{min-width:180px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text)}.gallery-filters>small,.gallery-filters>span{align-self:center;color:var(--muted);font-size:11px}.personal-templates .gallery-actions{flex-wrap:wrap}.personal-templates button:not(.primary-button):not(.gallery-cards button){border:1px solid var(--line);border-radius:6px;padding:9px 12px}.template-confirm{padding:12px;background:var(--accent-dim);border:1px solid var(--line);border-radius:8px}.template-confirm button+button{margin-left:8px}.personal-templates .gallery-preview-controls{margin:12px 0}.personal-templates small{color:var(--muted);line-height:1.6}.gallery-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:22px 0}.gallery-cards button{border:1px solid var(--line);border-radius:9px;background:var(--panel);text-align:left;padding:10px;display:grid;gap:6px}.gallery-cards button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-dim)}.gallery-cards small,.gallery-cards span{font-size:10px;color:#a8b9ad}.gallery-cards strong{font-size:12px}.gallery-thumb{height:84px;display:grid;place-items:center}.gallery-thumb .pixel-thumb{width:72px;height:80px;object-fit:contain;image-rendering:pixelated}.gallery-detail{display:grid;grid-template-columns:1fr 1.25fr;gap:26px;border-top:1px solid var(--line);padding-top:20px}.gallery-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.gallery-comparison>div>span{display:block;font-size:11px;margin-bottom:8px;color:#b7c6bb}.gallery-stage{height:164px;display:grid;place-items:center;border-radius:8px;background:repeating-conic-gradient(#334139 0 25%,#29342e 0 50%) 0 /12px 12px}.gallery-stage .pixel-thumb{width:144px;height:152px;object-fit:contain;image-rendering:pixelated}.gallery-comparison>small,.gallery-preview-controls,.gallery-swatches{grid-column:1/-1}.gallery-preview-controls{display:flex;align-items:center;justify-content:space-between}.gallery-preview-controls span{font-size:10px;color:var(--muted)}.gallery-swatches{display:flex;gap:5px}.gallery-swatches span{width:24px;height:20px;border:1px solid #ffffff20;border-radius:3px}.gallery-comparison>small{color:var(--muted)}.gallery-instructions h2{margin:0;font-size:18px}.gallery-instructions>p{margin:6px 0 14px}.gallery-instructions ol{margin:0;padding-left:20px}.gallery-instructions li{margin:0 0 12px;padding-left:3px}.gallery-instructions li::marker{color:var(--accent)}.gallery-instructions li p{font-size:11px;margin:4px 0 0;line-height:1.65;color:#acbbb0}.gallery-actions{display:flex;gap:10px;margin:18px 0}.gallery-actions .secondary-button{border:1px solid var(--line);border-radius:6px;padding:10px 16px;background:var(--panel)}.gallery-credit,.gallery-other{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;color:#acbbb0}.gallery-credit p{font-size:11px}.gallery-credit summary,.gallery-other summary{cursor:pointer}.gallery-guide{flex-shrink:0;padding:10px 16px;background:#28362e;border-bottom:1px solid #465747}.gallery-guide>div{display:flex;justify-content:space-between}.gallery-guide span{color:#b4c4b9;font-size:10px;margin-left:8px}.gallery-guide p{max-width:900px;margin:8px 0;line-height:1.6;font-size:11px}.gallery-guide nav{display:flex;justify-content:flex-end;gap:12px;font-size:11px}.gallery-first-export{max-width:900px;font-size:12px;line-height:1.7;margin:8px 0}.gallery-first-export summary{cursor:pointer;color:#e5cd98}.gallery-first-export ol{padding-left:22px}.gallery-first-export li{margin:6px 0}@media (max-width:800px){.gallery-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-detail{grid-template-columns:1fr}.gallery-comparison{max-width:440px;width:100%}}*{box-sizing:border-box}body,html{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:DM Sans,Noto Sans KR,sans-serif;font-size:12px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}a,button,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{border:0;background:none}input,select{color:var(--text);border:1px solid var(--line);border-radius:5px;background:#1c2123;outline:none}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=color]{padding:0;overflow:hidden;cursor:pointer;border:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}input:disabled{opacity:.6}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);overflow:hidden;border:0}.muted{color:var(--dim)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.studio{height:100dvh;min-width:800px;min-height:600px;display:flex;flex-direction:column}.topbar{height:66px;min-height:66px;background:#1d2224;border-bottom:1px solid var(--line);padding:0 23px;gap:24px;z-index:5}.topbar,.wordmark{display:flex;align-items:center}.wordmark{gap:10px;color:var(--text);text-decoration:none;white-space:nowrap}.wordmark strong{font-size:22px;letter-spacing:-.8px;font-weight:650}.wordmark strong>span{font-weight:450;color:#c7d2cb}.wordmark b{font-size:8px;font-weight:600;letter-spacing:1.2px;border:1px solid #445445;color:#abc59f;padding:3px 4px;border-radius:3px;margin-top:4px}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:3px;transform:rotate(-3deg);color:var(--accent);font-size:32px}.brand-mark span{background:var(--accent);border-radius:1px}.brand-mark span:nth-child(2){opacity:.55}.brand-mark span:nth-child(3){opacity:.75}.header-divider{width:1px;height:25px;background:var(--line)}.document-title{display:flex;align-items:center;gap:16px;min-width:0}.document-title input{background:none;border:1px solid transparent;width:140px;font-weight:500;padding:5px 3px;font-size:13px;text-overflow:ellipsis}.document-title input:hover{border-color:var(--line)}.save-status{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;background:#d4ae6b}.header-actions{gap:14px;margin-left:auto}.header-actions,.quiet-button{display:flex;align-items:center}.quiet-button{gap:7px;color:#b5c0bc;white-space:nowrap;padding:7px 0}.quiet-button:hover{color:var(--accent)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--muted);flex-shrink:0}.icon-button:hover:not(:disabled){background:#30393a;color:var(--text)}.icon-button.on{background:var(--accent-dim);color:var(--accent)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#1d3025;padding:10px 15px;border-radius:6px;font-weight:650;white-space:nowrap;box-shadow:inset 0 1px 0 #d0e7c3}.primary-button:hover:not(:disabled){background:#c8e5b9}.export-wrap{position:relative}.export-menu{position:absolute;top:45px;right:0;width:255px;padding:6px;border:1px solid #46504c;border-radius:9px;background:#272e2d;box-shadow:0 15px 40px #0005;z-index:12}.export-menu button{display:block;text-align:left;width:100%;padding:12px;border-radius:5px}.export-menu button:hover{background:#35413a}.export-menu span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.menu-backdrop{position:fixed;inset:0;z-index:10;cursor:default}.recent-projects{margin-top:25px;border-top:1px solid #46573e;padding-top:17px}.recent-projects h2{font-size:11px;font-weight:500;color:#a5b99a;margin:0 0 12px}.recent-projects button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 9px;border-radius:5px;text-align:left;font-size:11px;color:#c0d1b8}.recent-projects button:hover{background:#35432f}.recent-projects small{margin-left:auto;font:9px var(--mono);color:#819776}.notices-link{display:inline-block;color:#abc79a;font-size:10px;margin-top:16px;text-underline-offset:3px}.studio-body{display:flex;flex:1 1;min-height:0}.tool-rail{width:64px;min-width:64px;background:#1d2224;border-right:1px solid var(--line);padding:18px 9px 12px;justify-content:space-between}.rail-bottom,.rail-top,.tool-rail{display:flex;flex-direction:column}.rail-bottom,.rail-top{align-items:center;gap:9px}.rail-top{min-height:0;overflow-y:auto;overflow-x:hidden;flex-shrink:1;scrollbar-width:thin;gap:5px}.rail-top .tool-button{width:36px;height:36px}.rail-bottom,.rail-top>*{flex-shrink:0}.rail-bottom{padding-top:8px}.shape-fill{white-space:nowrap}.shape-fill input{width:auto;accent-color:var(--accent)}.canvas-size-fields{display:flex;gap:24px;margin:20px 0}.canvas-size-fields input{width:80px;padding:8px;margin:0 5px}.canvas-size-layout{display:flex;align-items:center;gap:25px;margin-bottom:18px}.canvas-size-layout strong{font-size:11px;font-weight:500}.canvas-anchors{display:grid;grid-template-columns:repeat(3,32px);gap:4px;margin-top:10px}.canvas-anchors button{height:32px;border:1px solid var(--line);border-radius:4px}.canvas-anchors button[aria-pressed=true]{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.canvas-size-preview{min-height:170px;flex:1 1;display:grid;place-items:center}.resized-canvas{position:relative;overflow:hidden;outline:1px solid #798b7e;background:repeating-conic-gradient(#303938 0 25%,#242b2c 0 50%) 0 0 /16px 16px}.resized-canvas .pixel-thumb{width:100%;height:100%;image-rendering:pixelated}.canvas-size-error{color:#efac91!important}.canvas-size-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px}.canvas-size-actions .secondary-button{border:1px solid var(--line);padding:9px 14px;border-radius:6px}.rail-label{font-size:8px;letter-spacing:1.3px;color:var(--dim);margin-bottom:10px}.tool-button{position:relative;width:41px;height:41px;border-radius:7px;color:#96a6a1;display:flex;align-items:center;justify-content:center}.tool-button>span{position:absolute;right:5px;bottom:2px;font-size:7px;opacity:.6}.tool-button:hover{background:#2b3433;color:var(--text)}.tool-button.active{background:#364a3d;color:#c6e7b3;box-shadow:inset 0 0 0 1px #566e50}.rail-separator{height:1px;background:var(--line);width:26px;margin:9px 0 4px}.color-stack{position:relative;width:34px;height:34px;margin:4px}.back-color{position:absolute;width:24px;height:24px;border:2px solid #28332e;background:#e4e7db;bottom:0;right:0;border-radius:4px}.color-stack input{position:relative;width:25px;height:25px;border:2px solid #788e74;border-radius:4px}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;flex:1 1}.workspace-tabs{height:41px;min-height:41px;justify-content:space-between;background:#191e20;border-bottom:1px solid var(--line-soft)}.workspace-tab,.workspace-tabs{display:flex;align-items:center}.workspace-tab{height:100%;gap:10px;padding:0 22px;background:#252b2c;border-right:1px solid var(--line);border-top:2px solid #91b282;font-size:11px;min-width:185px}.workspace-tab svg{color:#94a98d}.tab-dot{width:5px;height:5px;background:#7b9f70;border-radius:50%;margin-left:auto}.workspace-caption{color:#6d7b76;font-size:10px;padding-right:20px;letter-spacing:.5px}.canvas-toolbar{height:47px;min-height:47px;padding:0 16px 0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d3435;background:#23292b}.tool-options,.view-options{display:flex;align-items:center;gap:9px;color:#9daca6}.tool-options>svg{color:#c4ceca}.tool-options strong{color:#cbd5d0;font-size:11px;font-weight:500}.separator{height:16px;width:1px;background:#3a4242;margin:0 5px}.tool-options label{display:flex;align-items:center;gap:7px;font-size:10px}.tool-options input{width:32px;padding:4px;text-align:center;font:11px var(--mono)}.color-chip{width:13px;height:13px;border-radius:3px;margin-left:8px}.color-value{font:10px var(--mono);color:#91a199}.view-options{gap:3px}.zoom-label{min-width:45px;text-align:center;font:10px var(--mono)}.canvas-stage{position:relative;flex:1 1;min-height:140px;overflow:auto;background-color:#171c1e;background-image:radial-gradient(#39403e .65px,transparent 0);background-size:16px 16px;scrollbar-color:#3a4843 #1b2221;scrollbar-width:thin}.selection-toolbar{padding:7px 16px;background:#20292a;border-bottom:1px solid var(--line);flex-shrink:0}.selection-actions,.selection-details{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.selection-details{min-height:28px;margin-top:6px;color:var(--muted);font-size:10px}.selection-toolbar{overflow-x:auto}.selection-actions,.selection-details{width:max-content;min-width:100%}.selection-details>span{white-space:nowrap}.selection-toolbar button{border:1px solid #46534d;border-radius:4px;padding:5px 7px;font-size:10px;white-space:nowrap}.selection-toolbar button:hover:not(:disabled){background:#35483b}.selection-toolbar .selection-confirm{background:var(--accent);color:#1d3025}.selection-details input{width:43px;padding:3px;font:10px var(--mono)}.selection-hint{margin-right:auto}.selection-warning{color:#f1b278;margin-right:auto}.selection-outline{position:absolute;pointer-events:none;border:1px dashed white;box-shadow:0 0 0 1px #111;z-index:2}.selection-outline.floating{border-color:#b7d7a5;box-shadow:0 0 0 1px #3d7047}.selection-outline.invalid{border-color:#ffaf7f;box-shadow:0 0 0 1px #b14221}.canvas-space{display:grid;place-items:center;min-width:100%;min-height:100%;width:max-content;height:max-content;padding:50px 68px}.artboard{position:relative;flex-shrink:0;box-shadow:0 0 0 1px #53605a,0 18px 60px #0004;cursor:crosshair;background-color:#282e2e;background-image:linear-gradient(45deg,#2d3433 25%,transparent 0),linear-gradient(-45deg,#2d3433 25%,transparent 0),linear-gradient(45deg,transparent 75%,#2d3433 0),linear-gradient(-45deg,transparent 75%,#2d3433 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.artboard.hand{cursor:grab}.artboard.hand:active{cursor:grabbing}.pixel-canvas{width:100%;height:100%;position:absolute;inset:0;-webkit-user-select:none;user-select:none}.pixel-canvas canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.pixel-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#72807525 1px,transparent 0),linear-gradient(180deg,#72807525 1px,transparent 0)}.canvas-origin{bottom:-24px;color:#677670;font:10px var(--mono);letter-spacing:.5px}.canvas-origin,.stage-coordinates{position:absolute;left:0;pointer-events:none}.stage-coordinates{top:0;right:0;height:24px;display:flex;justify-content:space-around;align-items:center;background:#1c2223;border-bottom:1px solid #303838;color:#687770;font:8px var(--mono);z-index:2;background-image:repeating-linear-gradient(90deg,transparent,transparent 31px,#39433e 0,#39433e 32px);background-size:auto 4px;background-repeat:repeat-x;background-position:bottom}.canvas-loading{position:absolute;inset:0;display:grid;place-items:center;background:#171c1e}.canvas-bottom{height:28px;min-height:28px;border-top:1px solid #303839;border-bottom:1px solid #353e3b;background:#1d2325;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font:9px var(--mono);color:#7b8c83}.canvas-bottom>span{display:flex;align-items:center;gap:6px}.green-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a1c491}.timeline{height:273px;min-height:273px;display:flex;flex-direction:column;background:#202628}.timeline-header{height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line-soft)}.section-title{font-size:11px;display:flex;align-items:center;gap:9px;color:#d1dbd5}.tiny-block{width:8px;height:8px;border:1px solid #829f76;border-radius:2px}.count-badge{font:9px var(--mono);background:#343f38;color:#a9bba0;border-radius:4px;padding:3px 5px}.playback{gap:5px}.play-button,.playback{display:flex;align-items:center}.play-button{justify-content:center;border:1px solid #52634b;background:#384832;color:#bfd7ac;border-radius:5px;width:31px;height:26px}.play-button.playing{background:#b7d7a5;color:#1d3025}.frame-counter{font:10px var(--mono);margin-left:9px;color:#c2d4bb}.frame-counter>span{color:#68796e}.timeline-actions{display:flex;gap:4px}.timeline-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.clip-toolbar{height:40px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line-soft);color:#a5b99a;font-size:10px}.clip-toolbar label{display:flex;align-items:center;gap:8px;min-width:0}.clip-toolbar select{max-width:230px;padding:4px 6px;background:#252e2a}.clip-toolbar>span{flex:1 1;white-space:nowrap;color:#8a9d85}.clip-toolbar button{font-size:10px;padding:5px 7px;white-space:nowrap}.frame-number .source-badge{font:8px var(--sans);color:#e3c28e}.export-scope{padding:10px 12px;color:#b6cfaa;background:#263328;font-size:11px;line-height:1.6}.timeline-label{width:160px;min-width:160px;padding:10px 14px;border-right:1px solid var(--line-soft);font-size:10px;color:#afc0b5;display:flex;align-content:start;align-items:center;flex-wrap:wrap;gap:7px;overflow-y:auto;scrollbar-width:thin}.timeline-label>svg{color:#7e9384}.timeline-label>small{font-size:9px;color:#697e70;width:100%;margin:3px 0 7px 21px}.timeline-label>label{display:flex;align-items:center;gap:6px;color:#7e9385;font-size:9px}.timeline-label input{font:10px var(--mono);width:41px;text-align:center;padding:5px 2px;background:#252e2a}.frame-strip{display:flex;gap:8px;overflow:auto;padding:14px 16px 17px;scrollbar-width:thin;scrollbar-color:#3a4843 transparent}.frame-card{display:flex;flex-direction:column;align-items:center;width:76px;min-width:76px;height:108px;border:1px solid #3b4540;border-radius:6px;background:#272f2b;padding:0;overflow:hidden;position:relative;transition:background .12s}.frame-card:hover:not(:disabled){background:#313c32}.frame-card.selected{border-color:#a5c393;box-shadow:inset 0 0 0 1px #a5c393;background:#303e30}.frame-card.in-selection:not(.selected){border-color:#718e9d;background:#2c3b42}.frame-card.in-selection:not(.selected) .frame-number{color:#bdd7e3;background:#334a55}.frame-selection-bar{min-height:34px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:4px 14px;border-bottom:1px solid var(--line-soft);font-size:10px;color:#9dafaa}.frame-selection-bar strong{color:#c4d9ba}.frame-selection-bar .selection-keys{flex:1 1;font-size:9px}.frame-selection-bar button{font-size:10px;padding:3px 5px}.duration-form{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.duration-form label{display:grid;gap:5px}.duration-form input{width:65px}.duration-form button{font-size:9px;padding:4px}.duration-form small{width:100%;font-size:8px;color:#94a68c}.onion-settings fieldset{border:0;padding:0;display:grid;gap:16px}.onion-settings label{display:grid;gap:7px;color:#bccdb6;font-size:12px}.onion-settings .onion-enabled{display:flex;align-items:center}.onion-counts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.onion-settings select{width:100%}.onion-settings input[type=range]{width:100%;accent-color:#a5c393}.image-layer-file,.image-layer-position{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.image-layer-file span{font-size:11px;color:#a7b6a6;overflow-wrap:anywhere}.image-layer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.image-layer-fields label{display:grid;gap:6px;font-size:11px;color:#a7b6a6}.image-layer-fields input,.image-layer-fields select{min-width:0;width:100%}.image-layer-position label{display:flex;align-items:center;gap:5px;font-size:12px}.image-layer-position input{width:65px}.image-layer-position button{font-size:10px}.image-layer-preview{display:flex;justify-content:center;align-items:center;min-height:100px;padding:10px;margin:12px 0;background:#171f20;border-radius:5px}.image-layer-preview>div{background:conic-gradient(#303a36 25%,#26302c 0 50%,#303a36 0 75%,#26302c 0) 0 0/12px 12px}.image-layer-preview canvas{width:100%;height:100%}.image-layer-crop{display:flex;gap:8px;align-items:center;font-size:12px;color:#dfbb81;margin:12px 0}.frame-number{display:block;width:100%;font:9px var(--mono);color:#7c8e7d;padding:5px 0;background:#232b25}.frame-card.selected .frame-number{background:#4b6241;color:#d0e4bd}.frame-image{height:63px;display:flex;justify-content:center;align-items:center}.frame-image canvas{width:52px;height:52px;object-fit:contain}.frame-card small{font:8px var(--mono);color:#7e927c}.frame-card.selected small{color:#b2c8a5}.pixel-thumb{image-rendering:pixelated;display:block;object-fit:contain}.add-frame-card{min-width:46px;height:108px;display:flex;align-items:center;justify-content:center;border:1px dashed #3e4d40;border-radius:6px;color:#778d74}.add-frame-card:hover{background:#2c382c}.inspector{width:268px;min-width:268px;background:#202628;border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin}.inspector section{border-bottom:1px solid var(--line);padding:0 17px 16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;height:44px}.panel-heading h2{font-size:11px;font-weight:550;margin:0;letter-spacing:.2px}.panel-heading>span{font:8px var(--mono);color:#74837a;letter-spacing:.6px}.panel-heading h2 .muted{margin-left:6px;font:9px var(--mono)}.preview-stage{height:132px;border:1px solid #37413a;border-radius:7px;display:flex;align-items:center;justify-content:center;background-color:#1a201e;background-image:linear-gradient(45deg,#202722 25%,transparent 0),linear-gradient(-45deg,#202722 25%,transparent 0),linear-gradient(45deg,transparent 75%,#202722 0),linear-gradient(-45deg,transparent 75%,#202722 0);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.preview-stage canvas{width:110px;height:110px;object-fit:contain}.preview-meta{display:flex;justify-content:space-between;color:#7a8d7e;font-size:9px;margin-top:10px}.preview-meta span:last-child{font:9px var(--mono)}.palette-name{display:flex;align-items:center;gap:6px;font-size:10px;color:#b6c6b5;margin:0 0 14px}.palette-name>span:last-child{margin-left:auto;font:8px var(--mono);color:#72836f}.palette-dot{width:5px;height:5px;background:#a8bc8d;border-radius:50%}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-height:190px;overflow-y:auto;padding:3px}.swatches button{aspect-ratio:1;border-radius:3px;position:relative;display:grid;place-items:center;padding:0;box-shadow:inset 0 0 0 1px #ffffff0a}.swatches button.selected{outline:2px solid #d3e4c3;outline-offset:2px;z-index:1}.selected-color{display:flex;align-items:center;margin-top:16px;gap:9px;padding:7px;border:1px solid #3b463e;border-radius:5px;background:#252e28}.selected-color input{width:20px;height:20px;border-radius:3px}.selected-color>span{font:10px var(--mono);color:#c0d1b8}.selected-color>small{margin-left:auto;color:#6e836d;font:9px var(--mono)}.selected-color>svg{color:#8da084;margin-left:5px}.layers-panel{flex:1 1;min-height:170px}.layer-settings{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-bottom:12px;color:#80967f}.layer-settings select{padding:5px 7px;font-size:9px;min-width:85px;background:#252d28}.layer-settings label{display:flex;align-items:center;gap:3px}.layer-settings input{border:0;background:none;width:25px;text-align:right;font:9px var(--mono);color:#bbccb4}.layer-list{display:flex;flex-direction:column;gap:5px;max-height:216px;overflow:auto;scrollbar-width:thin}.group-open{width:100%;margin:8px 0;padding:8px;border:1px solid #465440;border-radius:5px;color:#c2d3b7;font-size:11px}.tree-layer-row{margin-bottom:4px}.tree-layer-row.group-row{background:#303b30}.tree-layer-row .tree-fold{width:17px;flex-shrink:0}.tree-layer-row .layer-select{gap:5px}.tree-layer-row .layer-art{width:20px}.group-workspace{display:grid;grid-template-columns:minmax(200px,.85fr) minmax(270px,1.15fr);gap:20px;border:0;margin:18px 0;padding:0;min-width:0}.group-tree{background:#202920;padding:12px;border-radius:7px;min-width:0}.group-tree>strong{display:block;margin-bottom:12px;font-size:12px}.group-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 8px;text-align:left;border:1px solid transparent;border-radius:4px;font-size:12px}.group-item.chosen{border-color:#82966a;background:#364531}.group-item>span{overflow-wrap:anywhere}.group-item small{color:#a4b39b;white-space:nowrap}.group-controls{display:grid;gap:12px;min-width:0}.group-controls label{display:grid;gap:6px;font-size:12px;color:#c0cfb4}.group-controls input:not([type=checkbox]),.group-controls select{width:100%;min-width:0;border:1px solid #526348;background:#202920;border-radius:4px;color:#e0e7d8;padding:8px}.group-controls button{border:1px solid #526348;border-radius:4px;padding:9px 12px;background:#33432e;font-size:12px}.group-controls button.primary{background:#a8c585;color:#172015}.group-buttons,.group-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.group-toggles{display:flex;gap:24px}.group-controls .group-check,.group-toggles label{display:flex;gap:8px;align-items:center}.group-create{display:grid;gap:10px;border-top:1px solid #465440;padding-top:16px}.group-panel .png-export-hint{line-height:1.7;margin:0}@media (max-width:700px){.group-workspace{grid-template-columns:1fr}}.layer-row{display:flex;align-items:center;border:1px solid transparent;border-radius:5px;padding:3px 4px;background:#252d29;min-height:41px}.layer-row.selected{background:#334232;border-color:#51674b}.layer-row .icon-button{width:25px;color:#80977d}.layer-select{display:flex;gap:8px;align-items:center;flex:1 1;min-width:0;text-align:left;padding:0;font-size:10px}.layer-row .layer-lock{flex-shrink:0;margin-left:3px;color:#687c67}.layer-row .layer-lock.is-locked{color:#e4bb80;background:#3b392c}.export-order-warning{padding:9px 12px;font-size:11px;line-height:1.6;color:#e4bb80;border-bottom:1px solid #465440}.layer-select>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-select small{font-size:8px;color:#8fa785;margin-left:auto;white-space:nowrap}.layer-art{display:grid;place-items:center;width:27px;height:28px;background:#222b24;border:1px solid #465440;border-radius:3px;color:#84987a;flex-shrink:0}.layer-footer{display:flex;align-items:center;justify-content:flex-end;gap:2px;margin-top:12px}.layer-footer input{width:100%;min-width:0;font-size:9px;border-color:#364237;padding:5px 7px}.layer-footer .icon-button{width:23px;height:24px;color:#7c9377}.studio-note{display:flex;gap:12px;margin:17px;padding:14px 12px;border:1px solid #3a4938;border-radius:7px;background:linear-gradient(120deg,#2b392d,#26302a);color:#a2bb95}.studio-note>svg{margin-top:2px;flex-shrink:0}.studio-note strong{font-size:10px;font-weight:500;color:#baccb0}.studio-note p{font-size:9px;line-height:1.8;color:#82987b;margin:7px 0 9px}.studio-note button{font-size:9px;gap:5px;color:#bfd4b3;padding:0}.statusbar,.studio-note button{display:flex;align-items:center}.statusbar{height:33px;min-height:33px;border-top:1px solid var(--line);background:#1b2121;justify-content:space-between;padding:0 15px;font:9px var(--mono);color:#7a8d7d}.statusbar>div{display:flex;align-items:center;gap:9px}.statusbar .icon-button{height:24px;width:24px}.footer-hint{font:9px DM Sans,Noto Sans KR,sans-serif;color:#6a7e6e;margin-left:10px}.footer-hint span{margin:0 8px;color:#3e5043}.footer-local{display:flex;align-items:center;gap:6px;letter-spacing:.8px;margin-left:15px}.version-button{font:9px var(--mono);color:#7f967b;border-left:1px solid #354238;padding-left:13px;margin-left:7px}.toast{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:10px;max-width:650px;min-width:260px;padding:13px 15px;border:1px solid #5d7a50;border-radius:8px;background:#2d3d2b;box-shadow:0 6px 25px #0005;color:#d8e8cc;font-size:11px}.toast svg{flex-shrink:0}.toast button{margin-left:auto;display:flex;align-items:center;color:inherit;padding:0}.toast.error{background:#492e2d;border-color:#875a55;color:#f1cec6}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#0c1214b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px}.modal{position:relative;width:600px;max-width:100%;max-height:90vh;overflow:auto;padding:38px;background:#242d28;border:1px solid #52614b;border-radius:15px;box-shadow:0 30px 100px #0008}.color-modal{width:720px;padding:28px}.rig-part-modal{width:860px;padding:26px}.rig-part-panel fieldset{border:0;padding:0;margin:0;min-width:0}.rig-part-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0}.rig-part-layout label{display:block;margin:12px 0}.rig-part-layout input,.rig-part-layout select{display:block;width:100%;margin-top:6px;padding:8px}.rig-part-pivot{display:flex;gap:12px}.rig-part-pivot label{flex:1 1;min-width:0}.rig-part-preview .pivot-canvas{margin:auto;background:repeating-conic-gradient(#334139 0 25%,#29342e 0 50%) 0 /12px 12px}.rig-part-preview .pixel-thumb{width:100%;height:auto}.rig-part-note{color:#e5c78d;font-size:12px;line-height:1.7}@media (max-width:750px){.rig-part-layout{grid-template-columns:1fr}}.pixel-batch-modal{width:960px;padding:26px}.pixel-batch-panel fieldset{border:0;padding:0;min-width:0}.pixel-batch-panel h1{font-size:22px}.pixel-batch-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px}.pixel-batch-layout label,.pixel-batch-settings>strong{font-size:11px}.pixel-batch-layout select{width:100%;padding:7px;margin-top:5px}.pixel-batch-region-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:12px 0 6px}.pixel-batch-coordinates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pixel-batch-offsets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.pixel-batch-angle input,.pixel-batch-coordinates input,.pixel-batch-offsets input{width:100%;min-width:0;padding:6px;margin-top:4px}.pixel-batch-angle{display:block;margin:10px 0}.pixel-batch-angle input{display:block;margin-top:6px}.pixel-batch-layers{display:flex;flex-wrap:wrap;gap:8px 14px;max-height:90px;overflow:auto;padding:8px 0}.pixel-batch-layers label,.pixel-batch-warning{display:flex;align-items:center;gap:6px}.pixel-batch-panel .pixel-batch-warning{color:#edbe96}.pixel-batch-preview-list{height:268px;overflow:auto;border:1px solid #42503e;border-radius:8px}.pixel-batch-preview-row{display:grid;grid-template-columns:32px 1fr 20px 1fr;align-items:center;gap:6px;padding:10px;border-bottom:1px solid #42503e;font-size:11px}.pixel-batch-preview-row figure{margin:0;text-align:center}.pixel-batch-preview-row figure>div{height:86px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#334139 0 25%,#29342e 0 50%) 0 /12px 12px}.pixel-batch-preview-row canvas{width:100%;height:100%;max-width:100%;max-height:86px;object-fit:contain;image-rendering:pixelated}.pixel-batch-preview-row figcaption{font-size:10px;color:#aabc9e;margin-top:4px}.pixel-batch-empty{height:100%;display:grid;align-content:center;text-align:center;color:#9eae94;font-size:12px;line-height:2}.pixel-batch-summary{display:grid;gap:6px;margin-top:12px;padding:10px;background:#1d2721;border-radius:6px;font-size:11px}@media (max-width:750px){.pixel-batch-layout{grid-template-columns:1fr}}.frame-batch-panel fieldset{border:0;padding:0;min-width:0}.batch-operations{display:flex;gap:8px;margin:18px 0}.batch-operations button{flex:1 1;padding:10px;border:1px solid #52614b;border-radius:7px}.batch-operations button[aria-pressed=true]{background:#465c3d;color:#e1edc1;border-color:#a4c17a}.batch-position{display:flex;align-items:center;gap:12px;font-size:12px;margin-bottom:15px}.batch-position select{flex:1 1;padding:8px}.batch-result{padding:14px;border:1px solid #42503e;border-radius:8px;font-size:12px}.batch-result>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;max-height:150px;overflow:auto}.batch-result span{padding:5px 8px;border-radius:4px;background:#343e38;font-family:var(--mono)}.batch-result .batch-copy{background:#4a613c;color:#e1edc1}.batch-result .batch-selected{background:#334e60;color:#bdd7e3}.batch-effects{margin:16px 0;padding-left:20px;font-size:12px;line-height:1.7;color:#bdcbb6}.batch-effects li+li{margin-top:6px}.batch-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.color-panel p{font-size:12px;line-height:1.6;color:#b6c4b0;margin:9px 0}.color-panel h2{font-size:13px;margin:0}.color-panel .color-help,.color-panel small{color:#96a891;font-size:10px}.color-panel .canvas-size-error{color:#efaa96}.color-row,.color-section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 8px;font-size:11px}.color-section-heading{justify-content:space-between}.color-row input{width:110px}.color-swatch-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:5px;max-height:155px;overflow:auto;padding:4px;border:1px solid #42503e;border-radius:6px}.color-swatch-list button{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:5px;font:10px var(--mono);border:1px solid transparent;background:#1a2322;color:#d8e3d3;border-radius:4px}.color-swatch-list button.selected{border-color:#bbd7a0;background:#35482f}.color-swatch-list button:disabled{opacity:.55}.color-swatch-list button span{width:15px;height:15px;border:1px solid #ffffff30;border-radius:3px;flex-shrink:0}.color-swatch-list p{grid-column:1/-1}.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.color-fields label{font-size:11px;display:flex;flex-direction:column;gap:5px;min-width:0}.color-fields select{width:100%}.color-entry{display:flex;gap:7px}.color-entry input[type=color]{width:36px;padding:2px}.color-entry input:not([type=color]){width:100%;min-width:0}.color-scope-info{max-height:95px;overflow:auto;overflow-wrap:anywhere}.color-comparison{display:flex;justify-content:center;gap:24px;margin-top:12px;padding:10px;border-radius:6px;background:#171f20}.color-comparison>div{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px}.color-preview-canvas{background:conic-gradient(#303a36 25%,#26302c 0 50%,#303a36 0 75%,#26302c 0) 0 0/12px 12px}.color-preview-canvas canvas{width:100%;height:100%}.palette-draft{max-height:88px}.palette-sources{display:flex;gap:5px;margin:18px 0 12px}.palette-presets button,.palette-sources button{background:#1a2322;color:#c6d4bf;border:1px solid #42503e;border-radius:6px;padding:8px 10px;font-size:11px}.palette-presets button.selected,.palette-sources button.selected{background:#35482f;border-color:#bbd7a0;color:#edf5e8}.palette-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.palette-presets button{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;text-align:left}.preset-strip{display:flex;width:100%;height:12px;border-radius:3px;overflow:hidden}.preset-strip span{flex:1 1}.suggestion-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.suggestion-color{background:#1a2322;border:1px solid #42503e;border-radius:6px;padding:6px;min-width:0}@media (min-width:601px){.suggestion-colors.ramp-3{grid-template-columns:repeat(3,minmax(0,1fr))}.suggestion-colors.ramp-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.suggestion-color label{display:flex;align-items:center;gap:5px;font-size:10px;margin-bottom:5px}.suggestion-color label span{width:18px;height:18px;border:1px solid #ffffff30;border-radius:3px}.suggestion-color input[type=checkbox]{width:13px;height:13px;margin:0;accent-color:#bbd7a0}.suggestion-color>input{width:100%;min-width:0;font:11px var(--mono);padding:5px}.suggestion-color input[aria-invalid=true]{border-color:#efaa96}.ramp-fields input[type=range]{width:100%;accent-color:#bbd7a0}.color-panel>.canvas-size-actions{position:sticky;bottom:-28px;background:#242d28;padding:12px 0;z-index:1}@media (max-width:600px){.palette-presets,.suggestion-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-sources button{padding:7px}}.modal-close{position:absolute;right:15px;top:14px}.modal-eyebrow{font:9px var(--mono);letter-spacing:1.8px;color:#98b58a;margin-bottom:13px}.modal h1{font-size:23px;font-weight:550;letter-spacing:-.8px;margin:0 0 12px;color:#e4eddf}.modal>p{font-size:12px;line-height:1.9;color:#9caf98;margin:0 0 25px}.new-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.template-option{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;border:1px solid #596e4b;padding:25px 18px;border-radius:9px;background:radial-gradient(ellipse at top,#405c36,#283c2c);text-align:left;color:#c9dfb4}.template-option:hover{border-color:#a0c185}.template-option strong{font-size:16px}.template-option span{font:9px var(--mono);color:#9db48e}.template-option small{font-size:9px;color:#adc59d;line-height:1.7}.blank-option{grid-column:1/-1;display:flex;flex-direction:column;gap:13px}.rig-modal{width:820px}.rig-settings-column{min-width:0}.ik-controls{border:1px solid #42543c;border-radius:6px;padding:12px;margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}.ik-controls legend{color:#c6dab6;font-size:11px;padding:0 6px}.ik-controls>p{font-size:11px;margin:0;line-height:1.8}.ik-controls small{font-size:10px;color:#9caf98;line-height:1.8}.ik-controls label{display:flex;flex-direction:column;gap:6px;color:#bdd0b4;font-size:10px}.ik-controls input:not([type=checkbox]),.ik-controls select{width:100%;min-width:0;padding:6px;background:#1f2a22;border-color:#42543c}.ik-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#def0d0}.ik-controls .ik-toggle{flex-direction:row;align-items:center;white-space:nowrap}.ik-controls input[type=checkbox]{accent-color:#a4ce95}.ik-controls button[aria-pressed=true]{background:#42583a;color:#def0d0}.ik-status{border-left:2px solid #a4ce95;padding:8px;font-size:11px!important;background:#263328}.rig-mode-switch{display:flex;gap:8px;margin-bottom:10px}.rig-mode-switch button{flex:1 1;font-size:11px;padding:8px}.rig-mode-switch button[aria-pressed=true]{background:#42583a;color:#def0d0;border-color:#8db37b}.pivot-canvas{position:relative;width:100%;max-width:320px;touch-action:none;cursor:crosshair}.pivot-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.pivot-canvas:focus-visible{outline:2px solid #ffcf82;outline-offset:4px}.pivot-instructions{font-size:10px!important;line-height:1.8;color:#b6c7aa}.pivot-instructions output{color:#ffcf82;font-family:var(--mono)}.rig-clip-name{margin-top:20px}.clip-list{margin:20px 0;display:flex;flex-direction:column;gap:8px}.clip-row{display:flex;align-items:center;gap:8px}.clip-row label{flex:1 1;min-width:0}.clip-row small{white-space:nowrap;color:#9caf98;font-size:10px}.clip-entry{padding:12px;border:1px solid #42543c;border-radius:6px}.clip-playback-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.clip-playback-settings label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#bdd0b4}.clip-playback-settings input,.clip-playback-settings select{width:100%;min-width:0;padding:7px;background:#1f2a22;border-color:#42543c}.cel-opacity-control{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 16px 10px;color:#9caf98;font-size:10px}.cel-opacity-control input{width:52px;background:#1f2a22;padding:4px}.clip-create{border:1px solid #42543c;border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:14px}.clip-create legend{font-size:11px;padding:0 6px;color:#bdd0b4}.clip-create .primary-button{align-self:flex-end}.rig-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.rig-preview{min-height:260px;display:grid;place-items:center;border:1px solid #52614b;border-radius:10px;padding:12px;background:repeating-conic-gradient(#263229 0 25%,#2e3a30 0 50%) 0 0 /20px 20px}.rig-preview canvas{width:100%;max-width:320px;height:auto;image-rendering:pixelated}.rig-controls{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;min-width:0}.rotation-settings{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #42543c}.rotation-settings button{align-self:flex-start}.rotation-settings button[aria-pressed=true]{background:#42583a;border-color:#8db37b;color:#def0d0}.rig-preview-compare{background:#1f2a22}.rig-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.rig-comparison figure{min-width:0;margin:0}.rig-comparison canvas{display:block;background:repeating-conic-gradient(#263229 0 25%,#2e3a30 0 50%) 0 0 /12px 12px}.rig-comparison figcaption{text-align:center;color:#bdd0b4;font-size:10px;margin-top:10px}.clip-create label,.rig-bake-row label,.rig-clip-name,.rig-controls label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#bdd0b4}.clip-create input,.clip-create select,.clip-row input,.rig-bake-row input,.rig-clip-name input,.rig-controls input,.rig-controls select{width:100%;padding:7px;background:#1f2a22;border-color:#42543c}.rig-caption,.rig-controls small{color:#9caf98;font-size:10px;line-height:1.8}.rig-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rig-actions,.rig-playback,.rig-presets{display:flex;align-items:center;gap:8px}.rig-playback{margin:14px 0 8px}.rig-playback input{min-width:0;flex:1 1;accent-color:#a4ce95}.rig-playback small{font-family:var(--mono);min-width:30px}.rig-presets{flex-wrap:wrap}.rig-presets button{font-size:10px;padding:6px}.rig-bake-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:14px;border-top:1px solid #42543c;margin:24px 0 18px;padding-top:18px}.rig-bake-row>span{font-size:12px;padding-bottom:8px;color:#bdd0b4}.rig-actions{justify-content:flex-end}.rig-error{color:#ffbfad!important;margin:12px 0!important;font-size:12px}.rig-remove{margin-top:10px;font-size:11px}.ase-report{padding-left:20px;color:#bdd0b4;font-size:12px;line-height:1.8;margin:20px 0}.ase-report li{margin-bottom:10px}@media (max-width:700px){.rig-layout{grid-template-columns:1fr}.rig-preview{min-height:180px}.pivot-canvas,.rig-preview canvas{max-width:220px}}.blank-option label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#9aaf91}.blank-option input{width:100%;padding:8px 9px;background:#1f2a22;border-color:#42543c;font-size:12px}.size-fields{display:flex;align-items:end;gap:12px}.size-fields label{flex:1 1;min-width:0}.size-fields>span{padding-bottom:9px;color:#718869}.size-note{font-size:9px;color:#7d9574}.blank-option .primary-button{margin-top:2px;font-size:11px}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.shortcut-grid>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#9fb494}.shortcut-grid kbd{font:9px var(--mono);border:1px solid #506346;padding:5px 7px;border-radius:4px;color:#c9dcb9;background:#2c3b2a;white-space:nowrap}.info-box{padding:14px;border:1px solid #46573e;border-radius:6px;background:#2a3628;font-size:10px;line-height:1.8;color:#a5b99a;margin-top:23px}.probe-facts{margin:0 0 24px}.probe-facts div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #3b4a35;font-size:11px}.probe-facts dt{color:#8da581}.probe-facts dd{color:#c7dab8;margin:0}.probe-result{margin-top:18px;padding:16px;background:#1d2b1d;border:1px solid #4c7040;border-radius:7px;display:flex;flex-direction:column;gap:8px}.probe-result strong{font:23px var(--mono);color:#c3e1ad}.probe-result span{font:10px var(--mono);color:#8fa77e}.boot-screen{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at center,#28372c,#141b18);color:#c6dab6}.boot-screen strong{font-size:26px;font-weight:500;letter-spacing:-1px}.boot-screen>span{font-size:12px;color:#8da47e}.boot-error{max-width:500px;background:#492e2d;padding:20px;color:#f1cec6;border-radius:6px}.boot-error button{display:block;margin-top:15px}@media (min-width:1550px){.inspector{width:300px;min-width:300px}.inspector section{padding-left:22px;padding-right:22px}.preview-stage{height:165px}.preview-stage canvas{width:136px;height:136px}.timeline{height:288px;min-height:288px}.frame-card{height:120px;width:86px;min-width:86px}.frame-image{height:75px}.frame-image canvas{width:64px;height:64px}.add-frame-card{height:120px}}@media (max-width:1100px){.topbar{gap:14px;padding:0 15px}.wordmark b{display:none}.wordmark strong{font-size:20px}.header-divider,.save-status{display:none}.document-title input{width:100px}.header-actions{gap:10px}.inspector{width:235px;min-width:235px}.inspector section{padding-left:13px;padding-right:13px}.tool-options .color-chip,.tool-options .color-value{display:none}.timeline-label{width:135px;min-width:135px;padding-left:12px}.studio-note{padding:10px;margin:12px}.color-value,.footer-hint,.workspace-caption{display:none}}@media (max-height:800px){.topbar{height:58px;min-height:58px}.preview-stage{height:105px}.preview-stage canvas{width:90px;height:90px}.panel-heading{height:38px}.inspector section{padding-bottom:12px}.studio-note{display:none}.timeline{height:252px;min-height:252px}.timeline-header{height:38px}.frame-strip{padding-top:10px;padding-bottom:10px}.canvas-space{padding-top:37px;padding-bottom:37px}.preview-meta{margin-top:8px}}@media (max-width:800px){body,html{overflow:auto}.studio{min-width:800px}.modal-backdrop{min-width:0}}.recovery-status{border:0;background:none;padding:2px 0;cursor:pointer;text-align:left}.recovery-status:hover{color:var(--text);text-decoration:underline}.recovery-panel h2{font-size:15px;margin-top:24px}.recovery-actions{margin:18px 0}.recovery-actions,.recovery-version{display:flex;flex-wrap:wrap;gap:10px}.recovery-version{padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.recovery-version>div{flex:1 1 240px;display:grid;gap:5px}.recovery-version small,.recovery-version span{color:var(--muted)}.recovery-consent{display:flex;align-items:center;gap:8px;margin:16px 0}.recovery-diagnostics{margin-top:24px}.recovery-diagnostics button{border:1px solid var(--line);padding:8px;background:transparent;color:inherit;cursor:pointer}.color-guide-tools{display:flex;justify-content:flex-end;gap:12px;padding:3px 16px;border-bottom:1px solid var(--line)}.color-guide-tools button{padding:3px;font-size:11px}.color-region-overlay{position:absolute;pointer-events:none;box-sizing:border-box;border:1px dashed #9dd9ef;z-index:3}.color-region-overlay.protection{border-color:#efc37c;background:repeating-linear-gradient(135deg,transparent 0 6px,#efc37c35 6px 8px)}.light-guide{position:sticky;top:30px;left:14px;z-index:4;width:fit-content;display:flex;align-items:center;gap:8px;padding:6px 10px;margin:4px 12px -38px;border:1px solid var(--line);border-radius:8px;background:#172422ed;pointer-events:none;color:#e3dcba;font-size:11px}.light-guide b{font-size:22px}.light-guide>div{display:flex;gap:3px}.light-guide i{width:14px;height:14px;display:block;border:1px solid #ffffff40}.design-panel label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.design-panel .recovery-consent{display:flex}.design-tabs{flex-wrap:wrap}.design-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:190px;overflow-y:auto;margin:12px 0}.design-list button{display:flex;align-items:center;gap:8px;min-width:0;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:8px;cursor:pointer;text-align:left;overflow-wrap:anywhere}.design-list button.selected,.light-directions button.selected{border-color:var(--accent);background:#b2d99a18}.design-list i{display:block;width:18px;height:18px;flex-shrink:0;border-radius:4px;border:1px solid #ffffff40}.design-list small{margin-left:auto;color:var(--muted)}.design-region-fields{display:grid;gap:12px;margin:14px 0}.design-region-fields .info-box{margin:0}.design-rect-fields,.design-role-fields{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.design-role-fields{grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0}.design-panel input:not([type=checkbox]),.design-panel select{width:100%;min-width:0}.design-panel .color-row>select{flex:1 1;width:auto}.light-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.light-directions button{display:grid;gap:5px;padding:12px 6px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:8px;cursor:pointer}.light-directions b{font-size:25px}.rig-guide-panel fieldset{border:0;margin:0;padding:0;min-width:0}.rig-guide-panel h2{margin:20px 0 12px;font-size:17px}.rig-guide-panel label{display:grid;gap:7px}.rig-guide-panel input[type=number],.rig-guide-panel select{width:100%;min-width:0;padding:9px}.rig-guide-steps{display:flex;gap:8px;padding:0;margin:22px 0;list-style:none}.rig-guide-steps li{flex:1 1;display:flex;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px}.rig-guide-steps li[aria-current]{border-color:#a4ce95;color:#daf4ab;background:#a4ce9512}.rig-guide-steps span{font-weight:700}.rig-guide-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:8px;list-style:none}.rig-guide-parts li{display:grid;gap:5px;padding:12px;background:#ffffff05;border:1px solid var(--line);border-radius:8px}.rig-guide-parts small,.rig-guide-parts span{color:var(--muted);font-size:12px}.rig-guide-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.rig-guide-slots label>span{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.rig-guide-slots small{color:var(--muted);font-size:11px}.rig-guide-tree{margin:15px 0;padding-left:16px;font-size:12px;line-height:1.9}.rig-guide-panel .rig-guide-confirm{display:flex;align-items:center;gap:8px;margin-top:20px}@media (max-width:680px){.rig-guide-parts,.rig-guide-slots{grid-template-columns:1fr}.rig-guide-steps li{padding:8px 5px;gap:4px}}.motion-panel fieldset{border:0;padding:0;margin:0;min-width:0}.motion-panel h2{font-size:14px;margin:0 0 12px}.motion-panel label{display:grid;gap:6px;margin:10px 0}.motion-panel input:not([type=checkbox]),.motion-panel select{width:100%;min-width:0}.motion-panel input:not([type=range]):not([type=checkbox]),.motion-panel select{padding:8px}.motion-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.motion-presets button{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;text-align:left}.motion-presets button[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent)}.motion-presets span{font-size:11px;color:var(--muted);line-height:1.5}.motion-targets{max-height:145px;overflow-y:auto}.motion-targets label{display:flex;align-items:center;gap:8px}.motion-preview{aspect-ratio:1;display:grid;place-items:center;max-width:300px;margin:0 auto 12px;background:repeating-conic-gradient(#334139 0 25%,#29342e 0 50%) 0 /12px 12px}.motion-preview .pixel-thumb{width:100%;height:auto;max-height:300px;object-fit:contain}.motion-playback{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.motion-output{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width:600px){.motion-presets{grid-template-columns:1fr}}.pose-switches{display:flex;gap:24px;flex-wrap:wrap;margin:14px 0}.pose-switches label{display:flex;align-items:center;gap:8px}.pose-switches input{width:auto}.pose-key-list{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.pose-key-list button{border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:var(--panel);color:var(--text);cursor:pointer}.pose-key-list button[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent)}.pose-timing{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:12px}.pose-timing summary{cursor:pointer;margin-bottom:12px;font-weight:600}.pose-timing button{margin:8px 0 14px}.constraints-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,1fr);gap:24px;align-items:start}.constraints-fields{border:0;padding:0;min-width:0;display:grid;gap:12px}.constraints-fields h2,.constraints-preview h2{font-size:15px;margin:10px 0}.constraints-fields h3{font-size:14px;margin:16px 0 8px}.constraints-fields small{color:var(--muted);font-weight:400}.constraint-add,.constraint-point,.constraint-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.constraint-tabs button[aria-pressed=true]{border-color:#5eead4;color:#5eead4;background:#153a36}.constraint-point label{display:grid;gap:4px;flex:1 1;min-width:65px}.constraint-point input{width:100%;min-width:0}.constraints-fields select{max-width:100%}.constraint-add select{flex:1 1;min-width:0}.constraint-card,.contact-row{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:10px}.contact-row{background:rgba(0,0,0,.13)}.constraints-preview{position:sticky;top:0;display:grid;gap:12px}.constraints-canvas{width:100%;aspect-ratio:1;position:relative;background:repeating-conic-gradient(#17232b 0 25%,#23323a 0 50%) 50%/16px 16px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.constraints-canvas canvas,.constraints-canvas svg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;image-rendering:pixelated}.constraint-diagnostics p{margin:0;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.constraints-panel .modal-actions{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}@media (max-width:760px){.constraints-layout{grid-template-columns:1fr}.constraints-preview{position:static}}.constraints-canvas{max-width:280px;margin-inline:auto}.constraints-canvas .pivot-canvas{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto}.constraints-preview>label select{display:block;margin-top:6px;width:100%}.appearance-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:24px;align-items:start}.appearance-fields{border:0;padding:0;min-width:0;display:grid;gap:12px}.appearance-fields h2,.appearance-preview h2{font-size:16px;margin:16px 0 0}.appearance-fields label,.appearance-preview label{display:flex;gap:8px;align-items:center}.appearance-fields select{min-width:0;flex:1 1}.appearance-fields p,.appearance-fields small,.appearance-preview p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.appearance-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.appearance-row input[type=number]{width:86px}.appearance-asset{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px}.appearance-preview{position:sticky;top:0;display:grid;gap:14px;min-width:0}.appearance-result,.asset-paint-canvas{width:100%;position:relative;background:repeating-conic-gradient(#dfe5df 0 25%,#f7faf5 0 50%) 0 /16px 16px;overflow:hidden}.appearance-result canvas,.asset-paint-canvas canvas{position:absolute;width:100%;height:100%;image-rendering:pixelated}.asset-paint-canvas{touch-action:none;cursor:crosshair;max-width:360px;margin:10px auto}.appearance-order{display:grid;gap:4px}.appearance-order>div{display:flex;align-items:center;gap:6px;background:var(--panel-raised);padding:6px;border:1px solid var(--line);border-radius:6px}.appearance-order span{flex:1 1;font-size:12px}.appearance-order button{font-size:11px;padding:4px 8px}.appearance-panel .modal-actions{position:sticky;bottom:-20px;background:var(--panel);padding:14px 0;margin-top:20px;z-index:2}@media (max-width:850px){.appearance-layout{grid-template-columns:1fr}.appearance-preview{position:static;grid-row:1}.appearance-result{max-width:320px;margin:auto}}.rebake-panel{display:grid;gap:14px}.rebake-panel h2,.rebake-panel p{margin:0}.rebake-panel>label{display:grid;gap:6px}.png-export-modal{width:min(920px,calc(100vw - 32px))}.png-export-options{border:0;padding:0;margin:20px 0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.png-export-options label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.png-export-options input,.png-export-options select{width:100%;min-width:0}.png-export-hint{color:var(--muted);font-size:12px;line-height:1.65}.png-export-summary{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel-raised)}.png-export-summary span{color:var(--muted);font-size:12px}.png-export-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:18px;margin-top:12px;border:1px solid var(--line);border-radius:8px;background:repeating-conic-gradient(#262d32 0 25%,#323b42 0 50%) 50% /12px 12px}.png-export-preview figure{margin:0;text-align:center}.png-export-preview figure canvas{width:64px;height:64px;object-fit:contain}.png-export-preview canvas{image-rendering:pixelated;max-width:100%;height:auto}.png-export-preview figcaption{font-size:10px;margin-top:5px;color:#d6dce0}.png-export-timeline{margin-top:12px;font-size:12px}.png-export-timeline summary{cursor:pointer;padding:10px 0}.png-export-timeline>div{overflow:auto;max-height:240px}.png-export-timeline table{width:100%;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.png-export-timeline td,.png-export-timeline th{text-align:left;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.png-export-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:12px}.png-export-actions span{font-size:11px;color:var(--muted)}@media (max-width:620px){.png-export-options{grid-template-columns:1fr}.png-export-actions{flex-direction:column;align-items:stretch}}.rebake-panel select{width:100%}.rebake-status{display:grid;gap:6px;padding:12px;background:var(--panel-raised);border:1px solid var(--line);border-radius:8px}.rebake-status span{color:var(--muted);font-size:12px}.rebake-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rebake-comparison figure{margin:0;display:grid;align-content:start;gap:8px}.rebake-comparison figcaption{font-size:12px;color:var(--muted)}.rebake-comparison canvas{width:100%;height:auto;max-height:240px;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(#262d32 0 25%,#323b42 0 50%) 50% /12px 12px;border:1px solid var(--line)}.rebake-panel .rebake-review{display:flex;align-items:center;gap:8px;font-size:13px}.rebake-actions{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:620px){.rebake-comparison{grid-template-columns:1fr}.rebake-comparison canvas{max-height:180px}}.gif-animation,.gif-comparison figure>div{background:repeating-conic-gradient(#262d32 0 25%,#323b42 0 50%) 50% /12px 12px;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:center;align-items:center;height:140px;padding:10px}.gif-animation{margin:12px 0}.gif-animation img,.gif-comparison canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.gif-loss{display:grid;gap:5px;font-size:12px;line-height:1.5;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:12px}.gif-loss small{color:var(--muted)}.gif-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.gif-comparison figure{margin:0;min-width:0}.gif-comparison figcaption{font-size:11px;color:var(--muted);margin-bottom:6px}.gif-comparison figure>div{height:100px}.gif-panel .atlas-actions{flex-wrap:wrap}.gif-panel .atlas-actions>span{flex-basis:100%}.atlas-modal{width:min(1060px,calc(100vw - 32px));padding:28px}.batch-panel fieldset{border:0;padding:0;margin:14px 0;min-width:0}.batch-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;font-size:12px}.recipe-editor{margin:18px 0;padding:16px;border:1px solid var(--border,#3d4557);border-radius:12px}.recipe-editor legend{padding:0 8px;font-weight:700}.recipe-editor ol{padding-left:24px}.recipe-step{padding:12px 0;border-bottom:1px solid var(--border,#3d4557)}.recipe-editor textarea{width:100%;min-height:60px}.recipe-editor .animation-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.recipe-editor label{display:flex;flex-direction:column;gap:6px}.recipe-editor label.batch-check{flex-direction:row;align-items:center;margin:12px 0}.batch-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.batch-panel label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#b5c3b8}.batch-panel input:not([type=file]):not([type=checkbox]),.batch-panel select{min-width:0;width:100%;min-height:32px;padding:5px 8px}.batch-panel label.batch-check{flex-direction:row;align-items:center}.batch-hint{font-size:12px;line-height:1.6;color:#94a498}.batch-table{max-height:245px;overflow:auto;border:1px solid #405247;border-radius:9px}.batch-table table{border-collapse:collapse;width:100%;font-size:12px}.batch-table th{text-align:left;background:#1c2521;padding:9px 12px;position:sticky;top:0}.batch-table td{border-top:1px solid #35443a;padding:7px 12px}.batch-table td:first-child{max-width:370px;overflow-wrap:anywhere}.batch-table small{display:block;color:#94a498;margin-top:3px}.batch-table .quiet-button{text-align:left;padding:0}.batch-state{color:#b5c3b8}.batch-state.failed{color:#f4aaa0}.batch-state.cached,.batch-state.succeeded{color:#c8e0a0}.batch-details,.batch-errors{padding:10px 14px;margin:10px 0;background:#1c2521;border-radius:8px;font-size:12px;max-height:130px;overflow:auto;overflow-wrap:anywhere}.batch-errors{color:#f4aaa0}.batch-details p,.batch-errors p{margin:5px 0}.batch-actions{position:sticky;bottom:-28px;padding:12px 0;background:#222d28;z-index:2}@media (max-width:760px){.batch-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.image-import-panel fieldset{border:0;padding:0;margin:16px 0;min-width:0}.image-import-panel label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.image-import-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.image-import-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0}.image-import-panel input:not([type=checkbox]):not([type=file]),.image-import-panel select{width:100%;min-width:0;min-height:30px;padding:5px 8px}.image-import-panel summary{cursor:pointer;color:#b5c3b8;font-size:13px;padding:8px 0}.image-import-panel .canvas-size-actions{position:sticky;bottom:-28px;background:#222d28;padding:12px 0}.image-import-panel .image-import-check{flex-direction:row;align-items:center;margin:12px 0}.image-import-placement{display:flex;gap:12px;align-items:end;margin:12px 0}.image-import-placement label{width:90px}.image-import-placement span{font-size:12px;padding-bottom:10px}.image-import-panel .image-layer-file span{overflow-wrap:anywhere;max-height:48px;overflow:auto}.image-import-note,.image-import-panel .muted{font-size:12px;line-height:1.6}.image-import-note{color:#d6b987}.image-import-preview{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;margin-top:14px}.image-import-table{max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:8px}.image-import-table table{width:100%;border-collapse:collapse;font-size:12px}.image-import-table th{text-align:left;padding:8px;background:var(--panel)}.image-import-table td{padding:5px;border-top:1px solid var(--line)}.image-import-table td:first-child button{text-align:left;max-width:250px;overflow-wrap:anywhere}.image-import-table small{display:block;color:var(--muted);margin-top:3px}.image-import-table td:nth-child(2){width:118px}.image-import-table td:last-child{width:90px;white-space:nowrap}.image-import-table button{background:transparent;border:0;border-radius:4px;padding:4px 7px;color:inherit;cursor:pointer}.image-import-table tr[aria-selected=true]{background:#29383a}.image-import-table button:disabled{opacity:.3}.image-import-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px}.image-import-canvas canvas{width:100%;height:100%;image-rendering:pixelated;background:repeating-conic-gradient(#263033 0 25%,#303c40 0 50%) 0 /16px 16px}@media (max-width:760px){.image-import-preview{grid-template-columns:1fr}.image-import-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.atlas-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;margin-top:18px}.atlas-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;border:0;padding:0;margin:0}.atlas-options>*{grid-column:1/-1}.atlas-options>.atlas-check,.atlas-options>.atlas-half{grid-column:auto}.atlas-frame-select,.atlas-options label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.atlas-frame-select select,.atlas-options input,.atlas-options select{width:100%;min-width:0}.atlas-options .atlas-check{display:flex;align-items:center;gap:8px}.atlas-check input{width:auto}.atlas-options .png-export-hint{margin:0}.atlas-pivot-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.atlas-result{min-width:0}.atlas-placeholder{padding:80px 20px;border:1px dashed var(--line);border-radius:8px;text-align:center;color:var(--muted);font-size:13px;line-height:2}.atlas-image,.atlas-source{background:repeating-conic-gradient(#262d32 0 25%,#323b42 0 50%) 50% /12px 12px;border:1px solid var(--line)}.atlas-image{display:flex;justify-content:center;align-items:center;padding:14px;height:190px;margin:14px 0;border-radius:8px}.atlas-image canvas{max-width:100%;max-height:160px;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.atlas-frame-detail{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;margin-top:12px;align-items:center;font-size:11px;color:var(--muted)}.atlas-frame-detail p{margin:6px 0}.atlas-source{position:relative;width:120px}.atlas-source canvas,.atlas-source svg{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.atlas-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:14px}.atlas-actions span{margin-right:auto;color:var(--muted);font-size:11px}@media (max-width:760px){.atlas-workspace{grid-template-columns:1fr}.atlas-actions{flex-wrap:wrap}.atlas-actions span{width:100%}}.ase-metadata{margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:8px}.ase-metadata summary{cursor:pointer;font-weight:600}.ase-tag-colors{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.ase-tag-colors span{display:flex;align-items:center;gap:6px}.ase-tag-colors i{display:inline-block;width:14px;height:14px;border:1px solid #888;border-radius:3px}.ase-slice-table{overflow-x:auto;font-size:12px}.ase-slice-table table{width:100%;border-collapse:collapse}.ase-slice-table td,.ase-slice-table th{padding:6px;border-bottom:1px solid var(--line);text-align:left}.template-provenance{flex:0 0 auto;max-height:160px;overflow:auto;padding:7px 18px;background:#1d2922;border-bottom:1px solid #35483a;color:#b8cdb5;font-size:11px}.template-provenance summary{cursor:pointer}.template-provenance p{margin:7px 0;line-height:1.65}.template-provenance button{border:1px solid #546d4b;border-radius:5px;padding:5px 10px;color:#cbe0b9;background:#2c402b;cursor:pointer}.diagnostics-page{height:100dvh;overflow:auto;padding:28px;box-sizing:border-box;color:var(--text);background:var(--bg)}.diagnostics-page header{max-width:1050px;margin:0 auto 20px}.diagnostics-page header span{margin-left:24px;color:#a4bd91;font-size:12px;letter-spacing:2px}.diagnostics-page h1{font-size:28px}.diagnostics-page p{line-height:1.65;font-size:13px}.diagnostics-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;align-items:center}.diagnostics-page button{background:#29322b;border:1px solid #536346;color:#e2edda;border-radius:6px;padding:9px 12px;cursor:pointer}.diagnostics-page button:disabled{opacity:.4;cursor:default}.diagnostics-page a{color:#c3dc9d}.diagnostics-canvas{height:330px;border:1px solid #394238;margin:14px 0;background:#151b18;overflow:hidden}.diagnostics-canvas .canvas-stage{height:100%}.diagnostics-page pre{max-height:500px;overflow:auto;background:#141a17;padding:16px;font-size:12px}.brush-panel fieldset{border:0;padding:0;margin:0;min-width:0}.brush-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.brush-fields label,.brush-panel fieldset>label:not(.brush-check){display:flex;flex-direction:column;gap:7px;font-size:12px}.brush-fields input,.brush-fields select,.brush-panel fieldset>label>input:not([type=checkbox]),.brush-panel fieldset>label>select{width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:inherit}.brush-preview{display:flex;align-items:center;gap:18px;margin:16px 0;font-size:12px}.brush-dynamics{border:1px solid var(--line);border-radius:8px;padding:12px;margin:16px 0}.brush-dynamics summary{cursor:pointer;font-size:13px;font-weight:600}.brush-dynamics h3{margin-top:16px;font-size:13px}.brush-dynamics output{font-size:12px;color:var(--accent)}.shade-palette{display:flex;flex-wrap:wrap;gap:6px;max-height:110px;overflow:auto;margin:12px 0}.shade-palette span{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 6px;border:1px solid var(--line);border-radius:4px}.shade-palette i{display:inline-block;width:16px;height:16px;border:1px solid #8a9a99}.brush-preview canvas{width:72px;height:72px;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(#292d37 0 25%,#353a46 0 50%) 0/12px 12px;border-radius:4px}.brush-check{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:13px}.brush-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.brush-actions button,.brush-settings-button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:7px 10px;border-radius:6px;font-size:11px}.pattern-panel fieldset{border:1px solid var(--line);border-radius:8px;padding:10px 16px;margin:16px 0;min-width:0}.pattern-panel legend{padding:0 6px;font-size:12px;color:var(--accent)}.tile-preview{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:.7;pointer-events:none}.tile-origin.repeating{box-shadow:0 0 0 2px var(--accent)}.symmetry-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.drawing-tools-layout{display:grid;grid-template-columns:minmax(200px,1fr) minmax(240px,1.3fr);gap:24px;margin-top:16px}.drawing-tools-panel fieldset{border:0;padding:0;margin:0;min-width:0}.drawing-tools-panel label{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:10px 0}.drawing-tools-panel input[type=number]{width:86px}.drawing-tools-panel textarea{width:100%;padding:8px;resize:vertical;font:inherit;color:inherit;background:#182025;border:1px solid #43504a}.drawing-tools-panel p{font-size:12px;line-height:1.6}.drawing-fields{display:flex;gap:16px;flex-wrap:wrap}.drawing-preview-column{min-width:0}.drawing-preview{position:relative;max-width:100%;margin:8px auto 18px;background:repeating-conic-gradient(#263034 0 25%,#20282c 0 50%) 0 /16px 16px}.drawing-preview canvas{width:100%;height:100%;image-rendering:pixelated}.drawing-preview svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;overflow:visible}.drawing-tools-panel .panel-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media (max-width:700px){.drawing-tools-layout{grid-template-columns:1fr}}.style-swatches{display:flex;flex-wrap:wrap;gap:4px;margin:12px 0}.style-swatches i{width:24px;height:24px;border:1px solid #ffffff30;border-radius:4px}.filter-panel .color-comparison{justify-content:center}.slice-fields{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:12px 0}.slice-fields label{flex:1 1;min-width:80px}.slice-fields input{width:100%}.slice-panel fieldset{border:0;padding:0;margin:12px 0}.slice-panel label{display:grid;gap:5px}.slice-panel .image-import-check{display:flex;align-items:center}.slice-preview{position:relative;margin:16px auto;background:repeating-conic-gradient(#242c35 0 25%,#303b46 0 50%) 0/16px 16px}.slice-preview svg{position:absolute;inset:0;width:100%;height:100%}.slice-preview .pixel-thumb{width:100%;height:100%;image-rendering:pixelated}.animation-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.animation-actions button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);margin:0}.animation-actions button:hover:not(:disabled){background:var(--accent-dim)}.rig-scene-layout{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(280px,1.1fr);gap:24px;align-items:start}.rig-scene-layout fieldset{border:1px solid var(--border);border-radius:12px;padding:16px;margin:0 0 16px;display:grid;gap:10px}.rig-scene-layout p{font-size:12px;line-height:1.6}.rig-scene-layout ol{margin:0;padding-left:22px}.rig-scene-layout li{margin:5px 0}.bundle-export-panel label:has(input[type=checkbox]),.export-options label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}.bundle-export-panel input[type=checkbox],.export-options input[type=checkbox]{width:auto;flex:0 0 auto;margin:0}.export-options legend{padding:10px 0;font-weight:600}.bundle-export-panel table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.5}.bundle-export-panel td,.bundle-export-panel th{text-align:left;padding:8px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.bundle-export-panel th{color:var(--muted)}.bundle-export-panel td small{display:block}@media (max-width:760px){.rig-scene-layout{grid-template-columns:1fr}}.metadata-panel{display:grid;gap:14px}.metadata-panel fieldset{border:1px solid var(--line,#d5ddd8);border-radius:10px;padding:14px;display:grid;gap:10px;min-width:0}.metadata-panel fieldset.metadata-form-body{border:0;padding:0}.metadata-panel label{display:grid;gap:6px}.metadata-panel .metadata-check{display:flex;align-items:center;gap:8px}.metadata-panel .metadata-check input{width:auto}.metadata-panel textarea{width:100%;resize:vertical;min-height:90px;font:inherit;padding:10px;border:1px solid #cbd5ce;border-radius:8px}.metadata-actions,.metadata-color{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.metadata-color label{flex:1 1;min-width:100px}.metadata-color input[type=color]{width:100%;height:38px;padding:3px}.metadata-aspect-preview{min-height:100px;display:grid;place-items:center;overflow:hidden;padding:12px;border-radius:8px;background:repeating-conic-gradient(#edf0ea 0 25%,#f8faf6 0 50%) 0 0 /16px 16px}.metadata-panel small{color:var(--muted)}.modal.metadata-modal{width:1000px;padding:24px}.metadata-panel{gap:10px}.metadata-panel .modal-eyebrow,.metadata-panel h1,.metadata-panel p{margin:0}.metadata-panel fieldset.metadata-form-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.metadata-form-body>label{grid-column:1/-1}.metadata-panel input,.metadata-panel select{min-width:0}@media (max-width:800px){.metadata-panel fieldset.metadata-form-body{grid-template-columns:minmax(0,1fr)}}.color-mode-panel fieldset{border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0}.profile-assignment-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-assignment-actions button{min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--accent-dim)}.profile-assignment-actions button:hover:not(:disabled){border-color:var(--accent)}.indexed-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;max-height:240px;overflow:auto;padding:5px;margin-bottom:16px}.indexed-palette button{min-height:48px;border:2px solid transparent;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.indexed-palette button[aria-pressed=true]{outline:2px solid var(--text);outline-offset:2px}.indexed-palette small,.indexed-palette span{color:white;background:#111b;padding:1px 5px;border-radius:3px}.mode-ink-picker{border:1px solid var(--border);border-radius:8px;padding:12px;margin:12px 0;min-width:0}.mode-ink-picker legend{font-size:12px;padding:0 5px}.mode-ink-picker p,.mode-ink-picker small{font-size:11px;line-height:1.6;color:var(--text-muted)}.mode-ink-picker label{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.mode-ink-picker input{width:90px}.mode-ink-picker .swatches button span{background:#162021;color:#fff;border-radius:3px;padding:1px 3px;font-size:10px}.color-conversion-panel{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.color-conversion-panel fieldset{display:grid;gap:12px;margin:12px 0 24px}.color-conversion-panel label{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.color-conversion-panel input[type=number],.color-conversion-panel select{max-width:100%;padding:6px}.color-conversion-panel .color-preview-pair{display:flex;gap:18px;flex-wrap:wrap}.color-space-panel .secondary-button{border:1px solid var(--border);border-radius:8px;padding:10px 14px;background:var(--surface);color:var(--text)}.color-space-panel button:disabled{opacity:.45;cursor:not-allowed}.icc-fingerprint{display:block;overflow-wrap:anywhere}.tilemap-fields{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0}.tilemap-fields label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.tilemap-fields input[type=number]{width:95px}.tilemap-library{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;max-height:210px;overflow:auto}.tilemap-library button{display:grid;gap:4px;justify-items:center;min-width:54px;padding:6px;border:1px solid #485649;border-radius:7px;background:#1b2523;color:#d8e7b3}.tilemap-library button[aria-pressed=true]{outline:2px solid #a4ce95}.tilemap-library canvas{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(#36423d 0 25%,#28332e 0 50%) 0/12px 12px}.tilemap-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;margin:18px 0}.tilemap-columns h2{font-size:16px}.tilemap-paint-grid{position:relative;width:100%;max-height:360px;max-width:420px;touch-action:none;border:1px solid #708370;background:repeating-conic-gradient(#36423d 0 25%,#28332e 0 50%) 0/16px 16px;cursor:crosshair;overflow:hidden}.tilemap-paint-grid canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.tilemap-grid-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#86978a66 1px,transparent 0),linear-gradient(180deg,#86978a66 1px,transparent 0)}@media(max-width:760px){.tilemap-columns{grid-template-columns:1fr}}