@font-face{font-family:Studio Mono;src:local("Consolas")}:root{color-scheme:dark;font-family:Studio Mono,Consolas,monospace;--bg: #111315;--panel: #1a1d20;--panel-2: #202428;--panel-3: #282d31;--line: #373d42;--line-bright: #555d63;--text: #e8e4d6;--muted: #92999b;--gold: #d3ac58;--gold-dark: #7f6331;--green: #809b53;--danger: #b56157}*{box-sizing:border-box}html,body{width:100%;min-width:1060px;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,select,input{border-radius:0}button{color:var(--text);background:#30353a;border:1px solid #4b5257;cursor:pointer}button:hover,button:focus-visible{background:#3a4146;border-color:#7b858b;outline:none}button:active{transform:translateY(1px)}.studio-header{height:72px;display:grid;grid-template-columns:250px minmax(650px,1fr) 140px;align-items:center;gap:18px;padding:0 20px;background:linear-gradient(#22262a,#191c1f);border-bottom:1px solid #40464a;box-shadow:0 2px 12px #0009}.brand-block{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.brand-kicker{color:var(--gold);font-size:12px;letter-spacing:.16em}.brand-block h1{margin:0;font-size:17px;font-weight:500;letter-spacing:.06em}.pack-bar{min-width:0;display:flex;align-items:end;justify-content:center;gap:6px}.pack-bar label{display:grid;gap:4px;color:var(--muted);font-size:9px;letter-spacing:.08em}.pack-bar select{width:190px;height:30px;padding:0 28px 0 9px;color:var(--text);background:#111416;border:1px solid #4d5459}.pack-bar button,.game-link{height:30px;padding:0 10px;font-size:9px;letter-spacing:.06em}.pack-bar .danger{color:#e0a19a}.bar-divider,.tool-divider{align-self:stretch;width:1px;margin:0 4px;background:var(--line)}.game-link{display:grid;place-items:center;color:#e9dfc6;text-decoration:none;background:#4c5937;border:1px solid #778858}.game-link:hover{background:#5a6842}.studio-layout{height:calc(100vh - 72px);display:grid;grid-template-columns:365px minmax(680px,1fr)}.library-panel,.editor-panel{min-height:0}.library-panel{display:flex;flex-direction:column;padding:18px 14px 12px;background:#15181a;border-right:1px solid var(--line)}.panel-title-row,.editor-heading{display:flex;align-items:end;justify-content:space-between}.section-kicker{display:block;margin-bottom:5px;color:var(--gold);font-size:9px;letter-spacing:.14em}h2{margin:0;font-size:16px;font-weight:500;letter-spacing:.06em}.count-badge{padding:4px 7px;color:var(--muted);background:#252a2e;border:1px solid var(--line);font-size:10px}.search-input{width:100%;height:36px;margin-top:16px;padding:0 10px;color:var(--text);background:#0e1011;border:1px solid #41474b;outline:none}.search-input:focus{border-color:#868e91}.search-input::placeholder{color:#686e70}.filter-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px}.filter-tabs button{height:30px;margin-left:-1px;color:#aeb3b3;font-size:9px}.filter-tabs button:first-child{margin-left:0}.filter-tabs button.active{position:relative;z-index:1;color:#fff5d5;background:#655536;border-color:#a58850}.texture-library{flex:1;min-height:0;margin-top:12px;padding-right:4px;overflow-y:auto;scrollbar-color:#4f565a #171a1c}.texture-group{margin-bottom:17px}.texture-group h3{margin:0 0 7px;color:#7e8587;font-size:9px;font-weight:500;letter-spacing:.1em}.texture-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.texture-card{position:relative;min-width:0;height:105px;display:flex;flex-direction:column;align-items:center;padding:7px 5px 5px;background:#202427;border:1px solid #363c40}.texture-card:hover{background:#292e32}.texture-card.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px #9d7c3c;background:#302c23}.texture-card.changed:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;background:var(--gold);box-shadow:0 0 5px #d3ac58aa}.texture-card.has-ai-candidate:before{content:"✦";position:absolute;z-index:1;top:3px;left:5px;color:#c9df8d;font-size:12px;text-shadow:0 0 6px #9fc65bbb}.texture-card.ai-generating .texture-thumb-wrap{outline:1px solid #d8bd72;box-shadow:0 0 8px #d8bd7266;animation:ai-texture-pulse 1.2s steps(2,end) infinite}@keyframes ai-texture-pulse{50%{outline-color:#7e7048;box-shadow:0 0 3px #d8bd7233}}.texture-thumb-wrap{width:64px;height:64px;display:grid;place-items:center;background-color:#2b2f31;background-image:linear-gradient(45deg,#363b3d 25%,transparent 25%),linear-gradient(-45deg,#363b3d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#363b3d 75%),linear-gradient(-45deg,transparent 75%,#363b3d 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;border:1px solid #444a4e}.texture-thumb{width:56px;height:56px;image-rendering:pixelated}.texture-card-name{width:100%;margin-top:6px;overflow:hidden;color:#c9ccca;font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.empty-library{padding:45px 10px;color:#777f81;font-size:10px;text-align:center}.editor-panel{display:flex;flex-direction:column;background:var(--panel)}.editor-heading{height:68px;padding:0 22px;background:#1c2023;border-bottom:1px solid var(--line)}.editor-heading>div:first-child{padding-bottom:13px}.editor-meta{display:flex;gap:8px;padding-bottom:15px}.editor-meta span{padding:5px 7px;color:var(--muted);background:#292e32;border:1px solid #3f464a;font-size:9px}.editor-meta #modified-state.changed{color:#f1d28d;border-color:#79643a}.tool-row{min-height:64px;display:flex;align-items:center;gap:6px;padding:9px 16px;background:#23272a;border-bottom:1px solid #3b4145}.tool-button{min-width:64px;height:44px;display:grid;grid-template-rows:21px 11px;place-items:center;padding:3px 7px;color:#afb5b5;font-size:8px}.tool-button.active{color:#fff3d1;background:#645534;border-color:#a38850}.tool-glyph{font-family:Arial,sans-serif;font-size:18px;line-height:18px}.color-control{width:54px;height:44px;display:grid;place-items:center;gap:2px;color:var(--muted);font-size:8px}.color-control input{width:45px;height:27px;padding:2px;background:#17191b;border:1px solid #555c60;cursor:pointer}.hex-input{width:76px;height:30px;padding:0 7px;color:var(--text);background:#151719;border:1px solid #494f53;text-transform:uppercase}.toggle-control{height:32px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#b5b9b8;background:#2d3236;border:1px solid #454c50;font-size:9px;white-space:nowrap}.toggle-control input{accent-color:#9b814c}.compact-button{height:32px;padding:0 9px;font-size:9px}.compact-button:disabled{opacity:.35;cursor:default}.ai-toggle-button{height:38px;display:flex;align-items:center;gap:6px;padding:0 11px;color:#f1d99d;background:#514328;border-color:#8e7440;font-size:9px;white-space:nowrap}.ai-toggle-button span{color:#ffe19b;font-size:15px}.ai-toggle-button.active{background:#6a5732;border-color:#c09b50;box-shadow:0 0 10px #d3ac5822}.canvas-area{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(500px,1fr) 190px;overflow:hidden}.canvas-column{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 18px 8px;overflow:auto;background-color:#15181a;background-image:radial-gradient(#2a2e31 1px,transparent 1px);background-size:16px 16px}.pixel-stage{line-height:0;border:1px solid #697074;box-shadow:0 8px 30px #000a,0 0 0 6px #202427}#pixel-canvas{display:block;touch-action:none;cursor:crosshair}.canvas-footer{width:min(100%,650px);display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;color:#858c8e;font-size:8px;white-space:nowrap}.canvas-footer label{display:flex;align-items:center;gap:6px}.canvas-footer input{width:95px;accent-color:#b08d4a}.preview-panel{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:18px 16px;background:#202427;border-left:1px solid var(--line)}.checkerboard{background-color:#25292b;background-image:linear-gradient(45deg,#34393c 25%,transparent 25%),linear-gradient(-45deg,#34393c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#34393c 75%),linear-gradient(-45deg,transparent 75%,#34393c 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.preview-frame{width:144px;height:144px;display:grid;place-items:center;margin:4px auto 15px;border:1px solid #4c5357}#preview-canvas{width:128px;height:128px;image-rendering:pixelated}.actual-size-row{display:flex;align-items:center;gap:11px;margin-bottom:18px;color:#888f91;font-size:8px;line-height:1.6}.actual-frame{width:34px;height:34px;display:grid;place-items:center;border:1px solid #444a4e}#actual-canvas{width:16px;height:16px;image-rendering:pixelated}.history-help{display:grid;gap:7px;margin-bottom:auto;color:#7f8789;font-size:8px;line-height:1.3}.history-help strong{color:#bdc1be;font-weight:500}.wide-button{width:100%;min-height:38px;margin-top:8px;font-size:8px}.wide-button.secondary{color:#aeb2b1;background:#252a2d}.status-bar{min-height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#757d7f;background:#141719;border-top:1px solid #343a3e;font-size:8px;letter-spacing:.03em}#save-status.saved{color:#adc378}#save-status.error{color:#df8e85}.ai-panel{position:absolute;z-index:5;top:0;right:190px;bottom:0;width:354px;display:flex;flex-direction:column;gap:12px;padding:17px;overflow-y:auto;background:#1c2023f7;border-left:1px solid #615538;box-shadow:-12px 0 30px #0009;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.ai-panel.hidden{display:none}.ai-panel-heading{display:flex;align-items:start;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #3d4245}.ai-panel-heading h3{margin:0;font-size:15px;font-weight:500;letter-spacing:.08em}.ai-panel-heading button{width:28px;height:28px;font:20px/1 Arial,sans-serif}.ai-target{margin:0;color:#858d8f;font-size:8px}.ai-target strong{color:#d8d6cc;font-weight:500}.ai-field{display:grid;gap:6px;color:#9ba1a2;font-size:9px;letter-spacing:.07em}.ai-field textarea{min-height:104px;resize:vertical;padding:9px;color:#e7e4da;background:#101214;border:1px solid #4b5256;outline:none;font:11px/1.45 Arial,sans-serif}.ai-field textarea:focus{border-color:#a88a4e}.ai-options{display:flex;flex-wrap:wrap;gap:11px;color:#aeb3b2;font-size:8px}.ai-options label{display:flex;align-items:center;gap:5px}.ai-options input{accent-color:#a68a4e}.ai-context-disclosure{color:#7f8789;background:#171a1c;border:1px solid #383e41;font-size:7px;line-height:1.55}.ai-context-disclosure summary{padding:7px 8px;color:#b8b5a9;cursor:pointer}.ai-context-disclosure p{margin:0;padding:0 8px 7px}.ai-context-disclosure code{color:#e0cf9e;font:inherit}.ai-repair-button{min-height:30px;color:#c7cfb1;background:#293026;border-color:#566148;font-size:8px}.ai-repair-button:hover{background:#343d2e}.ai-repair-button:disabled{opacity:.35;cursor:default}.reference-drop{min-height:58px;display:grid;place-items:center;align-content:center;gap:5px;color:#d5c28f;background:#24282a;border:1px dashed #6a6757;cursor:pointer}.reference-drop:hover,.reference-drop.dragging{background:#2e302b;border-color:#c4a560}.reference-drop span{font-size:9px}.reference-drop small{color:#777f80;font-size:7px}.reference-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.reference-chip{position:relative;aspect-ratio:1;overflow:hidden;background:#101214;border:1px solid #42484b}.reference-chip img{width:100%;height:100%;object-fit:cover}.reference-chip button{position:absolute;top:2px;right:2px;width:19px;height:19px;padding:0;color:#fff;background:#181a1cd9;border-color:#666;font:13px/1 Arial,sans-serif}.reference-chip.automatic{border-color:#897343}.reference-chip.automatic img{object-fit:contain;image-rendering:pixelated}.reference-chip.automatic span{position:absolute;left:2px;bottom:2px;padding:2px 3px;color:#fff0c8;background:#181a1ce8;font-size:6px}.generate-button{min-height:42px;color:#fff0c8;background:linear-gradient(#6d5a33,#514126);border-color:#ad8d4a;font-size:10px;letter-spacing:.05em}.generate-button:hover{background:linear-gradient(#806b3c,#604e2b)}.generate-button:disabled{color:#99917d;background:#34312a;cursor:wait}.ai-status{min-height:28px;margin:0;color:#7e8687;font-size:8px;line-height:1.45}.ai-status.working{color:#ddc985}.ai-status.error{color:#df8e85}.ai-status.success{color:#adc378}.ai-result-row{display:grid;grid-template-columns:128px 1fr;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid #3d4245}.ai-result{position:relative;width:128px;height:128px;display:grid;place-items:center;border:1px solid #50575a}.ai-result canvas{width:112px;height:112px;image-rendering:pixelated}.ai-result>span{position:absolute;color:#707778;font-size:8px}.ai-result-actions{display:flex;flex-direction:column;justify-content:end;gap:9px;color:#858c8d;font-size:8px;line-height:1.4}.ai-result-actions button{min-height:38px;padding:5px;color:#d9e5bd;background:#465330;border-color:#758655;font-size:8px}.ai-result-actions button:disabled{opacity:.4;cursor:default}@media(max-height:760px){.studio-header{height:62px}.studio-layout{height:calc(100vh - 62px)}.editor-heading{height:57px}.editor-heading>div:first-child,.editor-meta{padding-bottom:9px}.tool-row{min-height:54px;padding-block:5px}.tool-button{height:40px}.preview-frame{width:116px;height:116px}#preview-canvas{width:104px;height:104px}}