.studio{min-height:100dvh;padding:16px 20px 24px;color:var(--text)}.studio-top h1{margin:0;font-family:var(--font-ja-display, "Noto Sans JP", sans-serif);font-size:18px;letter-spacing:.22em;color:var(--accent)}.studio-top p{margin:4px 0 14px;font-size:12px;color:var(--muted)}.studio-top a{color:var(--accent);text-decoration:none}.studio-main{display:grid;grid-template-columns:190px 1fr 300px;gap:18px;align-items:start}.icon-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:2px solid var(--line);background:var(--panel-2);color:var(--muted);cursor:pointer}.pick.on{border-color:var(--accent);color:var(--accent)}.pick .thumb{image-rendering:pixelated;background:#0a0b12}.pick .cap{font-size:10px;letter-spacing:.06em}.editor{display:flex;flex-direction:column;align-items:center;gap:12px}.editor-head{display:flex;gap:8px;align-items:center;align-self:stretch;flex-wrap:wrap}.editing-name{font-size:13px;color:var(--text);margin-right:auto}.tbtn{border:2px solid var(--line);background:transparent;color:var(--muted);font-size:11px;padding:4px 8px;cursor:pointer}.tbtn:hover{border-color:var(--muted);color:var(--text)}#edit{width:min(360px,60vw);height:min(360px,60vw);image-rendering:pixelated;background:#0a0b12;border:2px solid var(--line);cursor:crosshair;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:12.5% 12.5%}.palette{display:flex;flex-wrap:wrap;gap:5px;max-width:380px;justify-content:center}.palette .sw{width:26px;height:26px;border:2px solid var(--line);cursor:pointer;padding:0}.palette .sw.on{outline:2px solid var(--text);outline-offset:1px}.preview-pane h2{margin:0 0 8px;font-family:var(--font-ja-display, "Noto Sans JP", sans-serif);font-size:12px;letter-spacing:.22em;color:var(--accent)}.preview-rows{display:flex;flex-direction:column;gap:8px}.pv-row{display:flex;align-items:center;gap:8px;padding:6px;border:2px solid var(--line)}.pv-row>span{font-size:10px;color:var(--muted);width:14px;flex:none}.pv-row{background:#0f1119}.pv-strip{display:flex;flex-wrap:wrap;gap:6px}.pv-strip .thumb,.pv-strip.big .thumb{image-rendering:pixelated}.actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.abtn{padding:9px 14px;border:2px solid var(--line);background:var(--panel);color:var(--text);font-size:13px;cursor:pointer;box-shadow:2px 2px #00000080}.abtn:active{transform:translate(2px,2px);box-shadow:none}.abtn.primary{border-color:var(--accent);color:var(--accent)}.abtn.danger:hover{border-color:var(--deny);color:var(--deny)}.status{margin:10px 0 0;font-size:11px;color:var(--accent);min-height:16px}@media(max-width:860px){.studio-main{grid-template-columns:1fr}}.icon-picker{grid-template-columns:1fr}.pick{flex-direction:row;justify-content:flex-start;gap:8px}.pick .cap{font-size:11px}.pick-group{font-size:10px;letter-spacing:.2em;color:var(--accent);margin:8px 2px 2px;grid-column:1 / -1}.icon-picker{max-height:78vh;overflow-y:auto}