:root{font-family:Inter,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:#d9e0de;background:#101419;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #5ed5c7;outline-offset:2px}.studio{height:100vh;min-height:650px;display:flex;flex-direction:column}.topbar{height:70px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #263138;background:#11171b}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #3c8a85;color:#c7ece4;font-weight:800;font-size:19px;letter-spacing:-3px}.brand-mark span{color:#51c6b9}.brand strong{display:block;font-size:13px;letter-spacing:.15em;color:#f1f3ed}.brand small{display:block;margin-top:5px;color:#7e9192;font:10px DM Mono,monospace;letter-spacing:.11em}.version{color:#52b8af}.top-status{display:flex;align-items:center;gap:10px;color:#8da29f;font:10px DM Mono,monospace;letter-spacing:.11em}.status-dot{height:7px;width:7px;border-radius:50%;background:#5bc9aa;box-shadow:0 0 10px #5bc9aa}.top-divider{height:13px;width:1px;background:#3b4a4c;margin:0 7px}.workspace{min-height:0;display:grid;grid-template-columns:270px minmax(360px,1fr) 290px;flex:1}.sidebar,.inspector{background:#151c21;overflow-y:auto}.sidebar{border-right:1px solid #29343a;display:flex;flex-direction:column}.sidebar-heading,.inspector-heading{padding:29px 24px 25px;border-bottom:1px solid #29343a}.eyebrow{font:10px DM Mono,monospace;letter-spacing:.13em;color:#60bcb1}.sidebar h1,.inspector h2,.viewport-head h2{margin:10px 0 8px;font-size:20px;font-weight:700;letter-spacing:.025em;color:#ecf1ee}.sidebar p,.inspector p{margin:0;color:#8e9da0;font-size:11px;line-height:1.65}.orientation-note{margin:19px 16px 13px;padding:13px 10px;display:flex;align-items:center;gap:10px;border:1px solid #354b4c;background:#1b2a2d}.orientation-icon{white-space:nowrap;color:#58c9c2;font:700 11px DM Mono,monospace}.orientation-icon i{display:inline-block;width:8px;height:8px;margin:0 2px;border:1px solid #6c8080;border-radius:50%}.orientation-note strong{display:block;font-size:11px;color:#c8dedc}.orientation-note small{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:#849a9a}.joint-list{padding:0 16px}.side-section{margin:16px 0 25px}.side-section h2{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:#cbd8d7;font-size:11px;font-weight:700}.side-section h2 small{margin-left:auto;font:10px DM Mono,monospace;color:#778a8e}.side-stripe{width:3px;height:13px;background:#36b7b0}.left .side-stripe{background:#dfa45d}.joint-button{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;margin:4px 0;padding:0 10px;border:1px solid transparent;background:transparent;color:#9daeb0;text-align:left;font-size:12px}.joint-button:hover{background:#202d31;color:#e7eeee}.joint-button.active{border-color:#326a68;background:#1d3839;color:#edf4ee}.left .joint-button.active{border-color:#806443;background:#393125}.joint-node{height:8px;width:8px;border:1px solid #4db8b2;border-radius:50%}.left .joint-node{border-color:#d9a05e}.joint-button.active .joint-node{background:#58c8be}.left .joint-button.active .joint-node{background:#e0a65e}.joint-name{flex:1}.joint-angle{font:11px DM Mono,monospace;color:#8ca0a0}.chevron{font-size:18px;line-height:1;color:#71898a}.sidebar-foot{margin-top:auto;border-top:1px solid #29343a;padding:17px 24px;font:9px/1.9 DM Mono,monospace;letter-spacing:.07em;color:#65787d}.viewport-panel{position:relative;min-width:0;overflow:hidden;background:#161d22}.viewport-head{position:absolute;z-index:2;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.viewport-head h2{font-size:17px;margin:8px 0}.view-chip{border:1px solid #405356;padding:8px 10px;color:#b5c7c7;font:10px DM Mono,monospace;letter-spacing:.07em;background:#1c282ccc}.viewport{position:absolute;inset:0}.viewport canvas{display:block;width:100%;height:100%;touch-action:none}.viewport-overlay{position:absolute;z-index:1;font:10px DM Mono,monospace;letter-spacing:.07em;color:#a8c1bd;pointer-events:none}.top-left{top:94px;left:27px}.axis-dot{display:inline-block;width:6px;height:6px;margin-right:6px;background:#50c1b8;border-radius:50%}.axis-note{color:#78908d;margin-left:9px}.bottom-left{bottom:82px;left:27px;display:flex;align-items:center;gap:7px;background:#1b252acc;padding:9px 11px}.side-key{width:8px;height:8px;border-radius:50%;display:inline-block}.right-key{background:#38b6ae}.left-key{background:#dfa45d;margin-left:12px}.viewport-controls{position:absolute;z-index:2;bottom:77px;right:20px;display:flex;gap:3px;padding:5px;background:#182227ef;border:1px solid #3a4b4d;box-shadow:0 8px 24px #0005}.viewport-controls button{border:0;background:transparent;color:#c2d0ce;padding:8px 9px;font-size:11px;white-space:nowrap}.viewport-controls button:hover{background:#2b4848;color:#fff}.control-divider{width:1px;background:#405052;margin:4px}.viewport-hint{position:absolute;z-index:1;bottom:24px;left:27px;color:#9aafad;font-size:10px;letter-spacing:.015em;pointer-events:none}.inspector{border-left:1px solid #29343a;display:flex;flex-direction:column}.inspector-heading{padding:29px 23px 25px}.inspector h2{font-size:19px}.selected-card{margin:23px 17px 0;padding:18px;border:1px solid #345252;background:linear-gradient(135deg,#1c3132,#1c282c)}.selected-title{display:flex;align-items:center;gap:9px;margin:13px 0 8px}.selected-title strong{font-size:20px;color:#eaf1ed}.selected-indicator{height:12px;width:4px;background:#51c1b9}.selected-indicator.left{background:#e2a55d}.selected-id{font:10px DM Mono,monospace;letter-spacing:.08em;color:#87a3a2}.angle-panel{padding:31px 23px}.field-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#d6e2df;font-weight:700}.field-title span{font-size:11px;color:#87a9a6;font-weight:400}.angle-value{margin:20px 0 17px;display:flex;align-items:baseline;color:#f5f8f1;font:500 44px DM Mono,monospace}.angle-value span{font-size:20px;color:#67c2b8;margin-left:5px}input[type=range]{width:100%;height:5px;margin:0;appearance:none;background:linear-gradient(to right,#4fc2b8 var(--progress),#344449 var(--progress));border-radius:5px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border:3px solid #c8f2ea;background:#3abdb0;border-radius:50%;box-shadow:0 0 0 4px #47beb530}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:3px solid #c8f2ea;background:#3abdb0;border-radius:50%}.range-scale{display:flex;justify-content:space-between;margin-top:13px;color:#778f8f;font:10px DM Mono,monospace}.number-label{display:block;margin:31px 0 10px;color:#9aafac;font-size:11px}.number-wrap{display:flex;align-items:center;border:1px solid #3b5052;background:#1a262a;padding-right:13px}.number-wrap input{min-width:0;width:100%;height:40px;padding:0 12px;border:0;background:transparent;color:#eaf4ef;font:15px DM Mono,monospace}.number-wrap span{font:10px DM Mono,monospace;color:#72928f}.secondary-button{width:100%;margin-top:13px;padding:11px;border:1px solid #3a5051;background:#1b292c;color:#a9c8c5;font-size:11px}.secondary-button:hover{background:#274244}.inspector-note{display:flex;gap:10px;margin:0 19px;padding:13px;border-left:2px solid #507570;background:#1c292b}.inspector-note p{font-size:10px;line-height:1.7}.note-icon{display:grid;place-items:center;flex:none;width:15px;height:15px;border:1px solid #7ca9a4;border-radius:50%;color:#8dbdb6;font:11px Georgia,serif}.reset-pose{display:flex;justify-content:space-between;align-items:center;margin:auto 19px 20px;padding:13px 2px 0;border:0;border-top:1px solid #354348;background:none;color:#a6c4c0;text-align:left;font-size:11px}.reset-pose span{font-size:20px}.reset-pose:hover{color:#e7f7f3}@media(max-width:1100px){.workspace{grid-template-columns:230px minmax(320px,1fr) 250px}.sidebar-heading,.inspector-heading{padding-left:17px;padding-right:17px}.viewport-controls{right:12px;bottom:70px}.viewport-controls button{padding:7px 5px}}@media(max-width:800px){.studio{height:auto;min-height:100vh}.topbar{height:62px;padding:0 16px}.top-status{display:none}.workspace{display:flex;flex-wrap:wrap}.viewport-panel{order:0;flex:1 0 100%;height:min(65vh,600px);min-height:390px}.sidebar{order:1;flex:1 1 50%;min-width:250px}.inspector{order:2;flex:1 1 50%;min-width:250px}.viewport-controls{left:12px;right:auto;bottom:62px;max-width:calc(100% - 24px);overflow:auto}.viewport-hint{left:16px;bottom:23px}.bottom-left{bottom:118px;left:16px}.viewport-head{left:16px;right:16px}.top-left{left:16px}.reset-pose{margin-top:25px}}@media(max-width:520px){.sidebar,.inspector{flex:1 0 100%}.viewport-panel{height:450px}.view-chip{display:none}}:root{color-scheme:dark}.pose-manager{margin:25px 19px 22px;padding-top:22px;border-top:1px solid #354348}.pose-heading{display:flex;align-items:baseline;gap:9px;margin-bottom:16px}.pose-heading h3{margin:0;color:#e7f0ed;font-size:14px}.pose-heading small{margin-left:auto;color:#7f9694;font-size:10px;white-space:nowrap}.pose-manager>label{display:block;margin-bottom:8px;color:#9fb3b0;font-size:11px}.save-row{display:flex;gap:6px}.save-row input{min-width:0;flex:1;height:38px;padding:0 10px;border:1px solid #3b5052;background:#1a262a;color:#eaf4ef;font-size:12px}.save-row button{min-width:49px;border:1px solid #3d8983;background:#245752;color:#e5f5f0;font-size:11px}.save-row button:hover{background:#2c7169}.pose-list{margin-top:16px;max-height:220px;overflow-y:auto}.pose-empty{padding:14px 10px;border:1px dashed #38484b;color:#7f9492;font-size:10px;text-align:center}.pose-row{padding:10px 0;border-top:1px solid #344246}.pose-details{min-width:0}.pose-details strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e4eeea;font-size:11px}.pose-details small{display:block;margin-top:4px;color:#79918e;font:10px monospace}.pose-row-actions{display:flex;gap:5px;margin-top:8px}.pose-row-actions button{flex:1;padding:6px 2px;border:1px solid #3a5051;background:#203034;color:#a9c8c5;font-size:10px}.pose-row-actions button:hover{background:#2d494a;color:#f5faf7}.pose-row-actions button[data-pose-action=delete]:hover{border-color:#956569;color:#ffd2d2}.json-actions{display:grid;gap:6px;margin-top:12px}.json-actions button,.import-button{display:block;width:100%;padding:9px;border:1px solid #3a5051;background:#1b292c;color:#a9c8c5;text-align:center;font-size:10px;cursor:pointer}.json-actions button:hover,.import-button:hover{background:#274244;color:#f1faf6}#import-json{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.import-button:focus-within{outline:2px solid #5ed5c7}.pose-status{min-height:17px;margin:10px 0 0!important;color:#79c8b7!important;font-size:10px!important;line-height:1.5}.pose-status.error{color:#e8a29d!important}.reset-pose{margin-top:0}