@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#dce3e8;background:#10151a;font-size:13px;color-scheme:dark;--line:#2b343e;--muted:#8e9eac;--accent:#e9b85a}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,.button{background:#212a33;border:1px solid #38434e;border-radius:5px;color:#dce3e8;padding:9px 12px;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover,.button:hover{border-color:var(--accent);background:#30383f}button:disabled{opacity:.35;cursor:default}button.active{border-color:var(--accent);color:var(--accent);background:#393124}button.primary{background:var(--accent);color:#1a2024;font-weight:700;border-color:var(--accent)}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:28px;background:#161d24}.brand{font-family:Barlow Condensed,Arial,sans-serif;font-size:27px;font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:1px}.brand span{color:#eef2f4}.tag,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}.tag{border-left:1px solid var(--line);padding-left:28px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}#save-state{font-size:11px;color:var(--muted);margin-right:8px}main{display:grid;grid-template-columns:245px minmax(350px,1fr) 310px;height:calc(100vh - 70px)}aside{padding:24px 20px;overflow:auto;background:#161d24}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}h1{font-family:Barlow Condensed,Arial,sans-serif;font-size:32px;margin:10px 0}h2{font-size:20px;margin:12px 0}.muted{color:var(--muted);line-height:1.65}.small{font-size:11px}.field{display:grid;gap:8px;margin-top:20px;color:#aebbc6;font-size:11px}.field select,select{background:#10171e;border:1px solid #38434e;border-radius:4px;padding:10px;color:#e1e7eb;max-width:100%}.divider{height:1px;background:var(--line);margin:24px 0}#parts{display:grid;gap:8px;margin-top:16px}#parts button{text-align:left;padding:12px}#parts span{display:block;color:var(--muted);font-size:10px;margin-top:5px;font-weight:400}.file-actions{display:flex;gap:6px;margin-top:12px}#copy,#reset{width:100%;margin-top:12px}#viewport{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#35414c,#1c242d)}#preview{width:100%;height:100%;display:block;touch-action:none}.viewport-top{position:absolute;top:18px;left:18px;right:18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.segmented{display:flex}.segmented button{border-radius:0}.segmented button:first-child{border-radius:5px 0 0 5px}.segmented button:last-child{border-radius:0 5px 5px 0}.check{font-size:11px;display:flex;align-items:center;gap:5px;color:#a9b8c5;margin-left:auto}input[type=checkbox]{accent-color:var(--accent)}.viewport-bottom{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#111921e8);display:flex;justify-content:space-between;align-items:end;gap:12px;pointer-events:none}.viewport-bottom p{font-size:11px;color:#91a1af;max-width:340px;line-height:1.5}.preview-actions{display:flex;align-items:end;gap:6px;pointer-events:auto}.preview-actions label{display:grid;font-size:10px;gap:6px;color:#9eadb9}.preview-actions select{padding:8px}#reticle{position:absolute;left:50%;top:50%;width:6px;height:6px;border:1px solid #f6ead1;border-radius:50%;pointer-events:none}#loading{position:absolute;top:43%;width:100%;text-align:center;color:#c6d4df;letter-spacing:1px}#toast{position:absolute;left:50%;top:80px;transform:translate(-50%);padding:10px 14px;background:#e9b85a;color:#182129;border-radius:5px;display:none;max-width:85%;font-size:12px;z-index:5}.control-group{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.control-group h3{font-size:11px;color:#a7bac9;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}.axis-row{display:grid;grid-template-columns:18px 1fr 64px;gap:8px;align-items:center;margin:10px 0}.axis-row label{font-size:10px;color:#9bb0bf}.axis-row input[type=range]{width:100%;accent-color:var(--accent);height:4px}.axis-row input[type=number]{width:64px;background:#10171e;border:1px solid #38434e;border-radius:4px;padding:6px;color:#dce3e8;font-size:11px}.finger-title{color:#8fa2b3;font-size:11px;margin:14px 0 2px}#gizmo-target{width:100%;margin:10px 0}.range-note{font-size:10px;color:#8193a2}@media(max-width:1100px){main{grid-template-columns:200px minmax(280px,1fr) 270px}header{padding:0 14px;gap:12px}.tag{display:none}aside{padding:18px 14px}.viewport-bottom{flex-direction:column;align-items:start}.check{margin-left:0}}@media(max-width:780px){header{height:auto;min-height:70px;flex-wrap:wrap;padding:12px}main{height:auto;grid-template-columns:180px 1fr}.right-panel{grid-column:1/-1;border-top:1px solid var(--line);max-height:500px}#viewport{height:65vh}.left-panel{max-height:65vh}.header-actions{flex-wrap:wrap}#save-state{display:none}}.fullbody-mode .right-panel>p,.fullbody-mode .preview-actions{display:none}#body-controls input[type=range]{width:100%;accent-color:var(--accent)}#reload-timeline{position:absolute;bottom:12px;left:18px;right:18px;background:#11181ef5;border:1px solid #56616a;border-radius:9px;padding:14px;z-index:8;max-height:40%;overflow:auto}#reload-timeline[hidden]{display:none}.timeline-heading,.timeline-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.timeline-heading{justify-content:space-between;color:#e9b85a}.timeline-row label{display:flex;align-items:center;gap:7px;font-size:12px}.timeline-row input[type=number]{width:74px;padding:5px}.timeline-row select{padding:5px}#reload-seek{width:100%;margin:8px 0 12px;accent-color:#e9b85a}#reload-keys{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}#reload-keys button{font-size:11px;padding:5px 8px}#reload-keys button.active{border-color:#e9b85a;background:#493d28}.reload-editing .viewport-bottom{display:none}#edit-reload{width:100%;margin:10px 0;border-color:#e9b85a}#reload-events{color:#9dabb7}#parts[hidden]{display:none}#reload-timeline input[type=number],.reload-editing .field input:not([type=checkbox]){background:#10171e;border:1px solid #38434e;border-radius:4px;color:#dce3e8;padding:7px}.reload-editing .right-panel>p:last-child{display:none}#peek-options[hidden]{display:none}#peek-options input[type=range]{width:100%;accent-color:#e9b85a}#peek-copy-stance{width:100%;margin-top:14px;white-space:normal}#peek-options~.muted,.field input[type=number]{color:#aebbc6}#guided-setup{width:100%;margin-top:14px;white-space:normal}#grip-guide[hidden]{display:none}.guided-grip .right-panel>:not(#grip-guide){display:none!important}.guided-grip #parts,.guided-grip #save-both,.guided-grip #copy,.guided-grip #reset,.guided-grip .file-actions,.guided-grip #edit-reload,.guided-grip #edit-peek{display:none!important}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;letter-spacing:1px;color:var(--accent)}.guide-heading button{font-size:11px;padding:7px;letter-spacing:0}.guide-tabs,.guide-steps,.guide-actions,.guide-nav{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.guide-tabs button{flex:1}.guide-steps button{flex:1;padding:9px 4px}.guide-note{font-size:12px;line-height:1.65;color:#afbecb;margin:14px 0}.guide-actions button{flex:1;font-size:11px;padding:8px 5px;white-space:normal}.guide-pad{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.guide-pad button{font-size:11px;padding:11px 5px;white-space:normal}.guide-slider{display:grid;grid-template-columns:1fr auto;gap:10px;margin:18px 0;font-size:12px}.guide-slider input{grid-column:1/-1;width:100%;accent-color:var(--accent)}.guide-slider output{color:var(--accent)}.guide-fine{margin:15px 0 0;font-size:12px}.guide-nav{justify-content:space-between;border-top:1px solid var(--line);padding-top:15px}#guide-copy-fit,#guide-reset,#guide-drag,#guide-save,#guide-align{width:100%;margin-top:10px;white-space:normal;font-size:12px}#guide-save,#guide-align{background:var(--accent);color:#182129;font-weight:700}#guide-status{font-size:12px;line-height:1.6;border-radius:5px;padding:10px;margin-top:15px}.guide-warning{color:#ffcf9e;background:#4d3223}.guide-ok{color:#a9d5c5;background:#1d332e}.guided-grip .right-panel{padding-top:18px}.guide-nav{position:sticky;top:-18px;background:#161d24;padding:12px 0;z-index:3}#grip-guide details{margin-top:14px;border:1px solid var(--line);padding:12px;border-radius:5px}#grip-guide summary{cursor:pointer;font-size:12px;color:var(--accent)}#guide-snap{width:100%;margin-top:6px;background:#2b4944;border-color:#538c7b;white-space:normal}.guide-arm-section{border-top:1px solid var(--line);margin-top:16px;padding-top:10px}.guide-arm-section h3{font-size:12px;color:#dce3e8}.guide-contact{border:1px solid #5f735f;border-radius:5px;padding:12px;margin:14px 0;background:#1d292b}.guide-contact h3{font-size:14px;margin:0 0 10px}.guide-contact .active{outline:2px solid var(--accent)}.field input[type=number]{background:#10171e;border:1px solid #38434e;border-radius:4px;padding:8px}.studio-selection{position:sticky;top:-24px;z-index:5;background:#161d24;padding:1px 0 14px;border-bottom:1px solid var(--line)}.studio-selection .field{margin-top:12px}#animation-authoring button{white-space:normal;width:100%;margin-top:8px;line-height:1.5}#animation-authoring .check{display:flex;align-items:flex-start;gap:8px;margin-top:14px;line-height:1.5}.animation-details{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.animation-details summary{cursor:pointer;color:var(--accent);line-height:1.5}#animation-selection{overflow-wrap:anywhere}@media(min-width:1250px){main{grid-template-columns:280px minmax(350px,1fr) 330px}}#studio-play{background:#e9b85a;color:#182028;font-weight:700;white-space:normal}#studio-live-toolbar{position:absolute;top:64px;left:0;right:0;padding:10px 14px;background:#121a21;z-index:12;border-bottom:1px solid #56616a}#studio-live-status{color:#e9b85a;font-size:12px;line-height:1.5;margin-bottom:8px}.live-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.live-actions button,.live-actions select{font-size:11px;padding:7px}.live-actions label{font-size:10px}.live-actions small{color:#aebbc6}#studio-live-toolbar small{display:block;line-height:1.7;color:#aebbc6;margin-top:6px}#studio-live-game{position:absolute;top:196px;left:0;width:100%;height:calc(100% - 196px);border:0;background:#10151a;z-index:10}.studio-live #preview,.studio-live #reticle,.studio-live .viewport-bottom{visibility:hidden}.studio-live .viewport-top{z-index:13;pointer-events:auto}.studio-live .viewport-top .segmented,.studio-live .viewport-top #frame,.studio-live .viewport-top .check{display:none}@media(max-width:1100px){#studio-live-game{top:244px;height:calc(100% - 244px)}}
