:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#11140f;color:#f4f0dc}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}.layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;height:100vh;background:#20271f}.preview-pane{position:relative;display:grid;grid-template-rows:48px minmax(0,1fr);min-width:0;border-right:1px solid rgba(244,240,220,.14);overflow:hidden}.toolbar,.output-head,.output-actions,.toolbar-actions,.panel-head,.panel-head-actions,.actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.toolbar{padding:10px 14px;background:#141712db;border-bottom:1px solid rgba(244,240,220,.12)}.toolbar-actions{justify-content:flex-end}.base-character-field,.page-language-field{display:flex;align-items:center;gap:8px;color:#e8e4c9;font-size:12px}.base-character-field select,.page-language-field select{min-height:32px;max-width:140px;border:1px solid rgba(244,240,220,.18);background:#0e120d;color:#fff9dc;padding:5px 8px}#preview{display:block;width:100%;height:100%;background:#8fc8e8}.selection-marquee{position:absolute;z-index:8;left:0;top:0;width:0;height:0;border:1px solid rgba(141,217,202,.95);background:linear-gradient(135deg,#2ba9d62e,#8dd9ca14),#2ba9d614;box-shadow:0 0 16px #2ba9d652,inset 0 0 20px #8dd9ca1f;pointer-events:none}.selection-marquee[hidden]{display:none}.action-preview-hint{position:absolute;z-index:7;right:14px;bottom:14px;max-width:min(360px,calc(100% - 28px));padding:8px 10px;border:1px solid rgba(141,217,202,.32);background:#0d100c94;color:#fff9dcc7;backdrop-filter:blur(8px);box-shadow:0 0 18px #2ba9d629;font-size:12px;letter-spacing:.02em;pointer-events:none}.chain-output{position:absolute;z-index:6;left:0;top:48px;bottom:0;width:min(560px,62vw);display:grid;grid-template-rows:36px minmax(0,1fr);border-right:1px solid rgba(244,240,220,.22);background:#0d100c99;backdrop-filter:blur(4px);box-shadow:12px 0 24px #00000038;transform:translate(0);transition:transform .16s ease}.output-head{padding:8px 12px;color:#dfe8bc;font-size:13px;cursor:pointer}.output-actions{justify-content:flex-end}.output-actions button{min-height:24px;padding:3px 8px;font-size:12px}.texture-head,.texture-tools{display:flex;align-items:center;gap:8px}.chain-output.collapsed{transform:translate(-100%);pointer-events:none}.code-tab{position:absolute;z-index:7;left:12px;top:60px;background:#0d100cb8;backdrop-filter:blur(4px)}#chainCode{width:100%;height:100%;resize:none;border:0;outline:0;padding:10px 12px;background:#0d100c99;color:#d8f3cf;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.45}.settings-pane{overflow:auto;padding:16px;background:#171b15}.panel-head{margin-bottom:14px}.panel-head-actions{justify-content:flex-end;flex-wrap:wrap}h1,h2{margin:0;letter-spacing:0}h1{font-size:18px}h2{font-size:13px;color:#dfe8bc}.row{display:grid;grid-template-columns:1fr 90px;gap:10px}.field{display:grid;gap:6px;margin-bottom:12px;color:#e8e4c9;font-size:12px}.field input,.field select{min-height:34px;border:1px solid rgba(244,240,220,.18);background:#0e120d;color:#fff9dc;padding:6px 8px}.control-group{margin-top:12px;padding-top:12px;border-top:1px solid rgba(244,240,220,.12)}.bone-panel{margin:0 0 14px;padding:12px;border:1px solid rgba(88,182,168,.26);background:linear-gradient(135deg,#2ba9d61a,#0d100c2e),#0e120dc2;box-shadow:inset 0 0 22px #2ba9d614}.bone-panel[hidden]{display:none}.bone-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.bone-panel-head p{margin:6px 0 0;color:#f4f0dcad;font-size:11px;line-height:1.45}.selection-count{min-width:42px;padding:5px 8px;border:1px solid rgba(43,169,214,.38);background:#2ba9d61f;color:#8dd9ca;text-align:center;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.bone-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.binding-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:10px}.pivot-controls{display:grid;gap:8px}.group-list{display:grid;gap:8px;max-height:230px;margin-top:12px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(141,217,202,.58) transparent}.group-card{display:grid;gap:6px;padding:9px;border:1px solid rgba(244,240,220,.13);background:#f4f0dc0e}.group-card.active{border-color:#2ba9d675;background:#2ba9d61a}.group-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff9dc;font-size:12px}.group-card-meta{color:#f4f0dc9e;font-size:11px}.group-card-actions{display:flex;flex-wrap:wrap;gap:6px}.group-card-actions button{min-height:26px;padding:3px 7px;font-size:11px}#toggleBoneBinding[aria-pressed=true]{border-color:#2ba9d6b8;background:#2ba9d62e;color:#8dd9ca}.texture-head{justify-content:space-between;margin-bottom:10px}.texture-head select{min-height:30px;border:1px solid rgba(244,240,220,.18);background:#0e120d;color:#fff9dc;padding:4px 8px}.texture-tools{justify-content:flex-start;margin:4px 0 10px;color:#dfe8bc;font-size:12px}#paintBoard{display:block;width:100%;max-width:340px;aspect-ratio:1;border:1px solid rgba(244,240,220,.22);background:#0e120d;image-rendering:pixelated;cursor:crosshair}.param{display:grid;grid-template-columns:24px minmax(0,1fr) 68px;align-items:center;gap:8px;margin-top:10px;font-size:12px}.param input[type=range]{width:100%}.param input[type=number]{width:68px;min-height:28px;border:1px solid rgba(244,240,220,.18);background:#0e120d;color:#fff9dc;padding:4px 6px}button{min-height:32px;border:1px solid rgba(244,240,220,.24);background:#f4f0dc17;color:#fff9dc;padding:6px 10px;cursor:pointer}button:hover{background:#f4f0dc29}.actions{margin-top:18px;flex-wrap:wrap;justify-content:flex-start}@media (max-width: 900px){.layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 48vh}.preview-pane{border-right:0}.toolbar,.toolbar-actions{gap:8px}.base-character-field span,.page-language-field span{display:none}.settings-pane{padding:12px}.panel-head{align-items:flex-start}.panel-head-actions{gap:6px}.row{grid-template-columns:1fr}}