:root{color-scheme:dark;font-family:Inter,"Yu Gothic UI",Meiryo,sans-serif;background:#0d1117;color:#e7edf4}*{box-sizing:border-box}body{margin:0}header{height:80px;padding:16px 28px;border-bottom:1px solid #2c3542;display:flex;align-items:center;justify-content:space-between;background:#131a23}header b{letter-spacing:.13em;font-size:20px}header b span{font-size:12px;color:#a8c2d2;margin-left:12px}small{display:block;color:#8e9eae;font-size:11px;margin-top:5px}header p{color:#a7b7c7;font-size:13px}main{display:grid;grid-template-columns:minmax(0,1fr) 360px;height:calc(100dvh - 80px)}#viewport{position:relative;overflow:hidden;background:#10141b;min-height:450px}canvas{display:block;width:100%;height:100%;touch-action:none}.viewbar{position:absolute;top:20px;left:20px;right:20px;display:flex;gap:6px;align-items:center;z-index:1}#badge{margin-right:auto;color:#8edbc9;font-size:12px;background:#152d2b;padding:8px 12px;border-radius:30px}#hint{position:absolute;bottom:57px;left:24px;color:#98a5b6;font-size:11px;pointer-events:none}#status{position:absolute;bottom:16px;left:24px;right:24px;font-size:12px;color:#d3dfeb;pointer-events:none}aside{overflow-y:auto;background:#151c26;border-left:1px solid #2d3644}aside section{padding:22px;border-bottom:1px solid #2b3442}h2{font-size:14px;margin:0 0 18px}em{font-size:10px;font-style:normal;color:#7cd5c2;margin-right:10px}button,select{font:inherit;font-size:12px;background:#222d3a;border:1px solid #3a495b;color:#dfe9f4;border-radius:6px;padding:9px;cursor:pointer}button:hover{background:#344353}button:disabled{opacity:.4;cursor:default}.active{border-color:#88decc;background:#26463f;color:#baffed}.tabs{display:flex;gap:5px}.tabs button{flex:1;padding:9px 3px}.note{font-size:11px;line-height:1.8;color:#a4b3c5}label{display:block;font-size:12px;margin:14px 0;color:#b9c8d9}select{display:block;width:100%;margin-top:8px}input[type=range]{display:block;width:100%;margin:10px 0;accent-color:#8bdac9}output{float:right;font-variant-numeric:tabular-nums;color:#edfaf6}.inline{display:flex;align-items:center;gap:8px}input[type=color]{margin-left:auto;width:70px;height:30px;border:0;background:none}input[type=checkbox]{accent-color:#8bdac9}.presets{display:flex;gap:5px}.presets button{flex:1;font-size:10px}.drop{border:1px dashed #536a7a;padding:16px 10px;cursor:pointer;text-align:center;border-radius:8px;background:#1d2a36}.drop input{display:none}.drop:hover,.dragging{background:#29473f}.folder{padding:8px}#upload{display:none}footer{padding:20px;font-size:10px;line-height:1.9;color:#8f9cad}a{color:#8bdac9}:focus-visible{outline:2px solid #8bdac9;outline-offset:3px}@media(max-width:850px){header{padding:14px;height:72px}header p{display:none}main{height:auto;grid-template-columns:1fr}#viewport{height:60dvh}aside{overflow:visible;border-left:0}.viewbar{left:10px;right:10px;top:10px}.viewbar button{font-size:10px;padding:7px}#badge{font-size:10px;padding:7px}header b span{font-size:9px}#hint{left:12px;font-size:10px}#status{left:12px}}
:root{--accent:#8bdac9}input[type=number],input[type=text]{display:block;width:100%;margin-top:8px;padding:9px;background:#101720;border:1px solid #3a495b;border-radius:5px;color:#e7edf4;font:inherit}details{margin:16px 0;border-top:1px solid #35404d;padding-top:12px}summary{cursor:pointer;font-size:12px;color:var(--accent)}.actions,.angle-buttons,.color-buttons,.compass{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.actions button{flex:1;min-width:70px}.angle-buttons button{flex:1;padding:7px 4px}.compass{display:grid;grid-template-columns:repeat(4,1fr)}.color-buttons{display:grid;grid-template-columns:repeat(4,1fr)}.color-buttons button{font-size:10px;padding:7px 3px}.readings{display:grid;gap:10px;padding:14px;background:#101b24;border-left:2px solid var(--accent);border-radius:4px;font-size:11px}.readings span{display:flex;justify-content:space-between;gap:8px}.readings b{color:#a6eadb;font-variant-numeric:tabular-nums}.viewbar{flex-wrap:wrap}.viewbar #badge{white-space:nowrap}header #image-format{width:80px;margin:0 10px 0 auto}#photometry [hidden]{display:none}#shutter-controls{padding:0 10px;border-left:2px solid #8bdac9}input:disabled{opacity:.4}#body-note{font-size:10px}#assign-real,#clear-real{font-size:10px;margin:3px 0}aside section{padding:20px}#photometry{border-top:1px solid #50766b}#photometry h2{color:#a4ebd8}@media(max-width:850px){.viewbar{max-width:100%}header b span{display:none}header #image-format{width:65px}.viewbar #badge{flex:1;min-width:40%}}
header p{display:none}
.size-panel{padding:14px;background:#102720;border:1px solid #32584b;border-radius:8px;margin:16px 0}.size-panel h3{font-size:13px;margin:0 0 10px}.tabs button{font-size:11px}.size-panel .note{margin-bottom:0}#model-library #pose-sliders{padding:0 8px;border-left:2px solid #8bdac9}#pose-panel #bone-sliders{padding:0 8px;border-left:2px solid #546b7e}#pose-panel summary{font-size:13px}
#pose-panel [hidden]{display:none!important}
.aiming-panel,.joint-tools{border:1px solid #426a67;border-radius:8px;padding:12px;margin:16px 0;background:#122727}.aiming-panel h3,.joint-tools h3{font-size:13px;margin:0 0 10px}.coordinate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.coordinate-grid b{grid-column:1/-1;font-size:11px;margin-top:10px}.coordinate-grid label{margin:0}.coordinate-grid input{padding:6px;width:100%;font-size:11px}.joint-tools[hidden]{display:none}