:root{--bg:#f5f4f8;--panel:#fcfbfd;--line:#e9e6ef;--text:#302c3c;--muted:#9792a5;--secondary:#777084;--accent:#7955d9;--accent-dark:#6340bd;--accent-pale:#efebfb;--x:#d8787e;--y:#7aa58d;--z:#719bce;--radius:10px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;color:var(--text);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg)}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button,input,select{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{transition:background .16s,color .16s,border-color .16s,box-shadow .16s}button:disabled{opacity:.35;cursor:default}button svg,svg.icon{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}a{color:inherit}input[type=range]{width:100%;accent-color:var(--accent);height:4px;margin:9px 0 8px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent)}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{height:100dvh;display:flex;flex-direction:column;min-width:360px}.app-header{height:68px;flex:0 0 68px;display:flex;align-items:center;padding:0 22px;gap:24px;background:#fff;border-bottom:1px solid var(--line);z-index:30}.brand{display:flex;gap:10px;align-items:center;min-width:172px}.brand-mark{width:34px;height:37px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:#fff}.brand-mark svg{width:29px;height:29px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.brand-mark circle{fill:#fff;stroke:none}.brand-name{font-size:17px;letter-spacing:2px;font-weight:700;line-height:1.3}.brand-name>span{display:block;font-size:8px;letter-spacing:2.7px;font-weight:600;color:#9a92ab;padding-top:3px}.project-name{display:flex;align-items:center;gap:9px;font-size:12px;border-left:1px solid var(--line);padding-left:24px;white-space:nowrap}.project-dot{width:6px;height:6px;border-radius:50%;background:#9990b0}.project-badge{color:#a29aaf;font-size:10px;padding-left:3px}.header-actions{margin-left:auto;display:flex;gap:9px;align-items:center;white-space:nowrap}.history-actions{display:flex;gap:2px}.icon-button{border:0;background:transparent;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:var(--secondary);padding:0}.icon-button:hover{background:var(--bg);color:var(--text)}.button{height:34px;padding:0 13px;border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;letter-spacing:.2px;font-weight:550}.button svg{width:15px;height:15px}.button-secondary{background:#fff;border-color:#e4e0eb}.button-secondary:hover{background:var(--accent-pale);border-color:#d8cfee}.button-primary{background:var(--accent);color:#fff;box-shadow:0 3px 7px #7955d91a}.button-primary:hover{background:var(--accent-dark)}.button-quiet{background:transparent;color:var(--secondary);padding:0 7px}.button-quiet:hover{background:var(--bg);color:var(--text)}.header-divider{height:21px;width:1px;background:var(--line);margin:0 3px}.help-trigger{margin-left:4px}.studio-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 286px;flex:1;min-height:0}.sidebar{background:var(--panel);min-height:0;display:flex;flex-direction:column}.sidebar-left{border-right:1px solid var(--line);padding:0 14px}.sidebar-right{border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 3px 17px}.panel-heading h2{font-size:13px;font-weight:600;letter-spacing:.7px}.eyebrow{font-size:8px;letter-spacing:1.5px;font-weight:600;color:#a6a0b2}.model-card{display:flex;align-items:center;gap:9px;padding:11px 10px;background:#eeebf6;border:1px solid #e7e1f2;border-radius:8px}.model-card strong{font-size:11px;font-weight:600;display:block}.model-card div>span{display:block;color:#9a91ad;font-size:9px;margin-top:4px}.model-icon{height:30px;width:28px;display:grid;place-items:center;color:var(--accent)}.model-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.model-eye{width:14px;height:14px;fill:none;stroke:#a49ab8;stroke-width:1.4;margin-left:auto}.outliner-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 3px 12px}.outliner-heading h3,.section-heading h3{font-size:11px;font-weight:600;letter-spacing:.4px}.tiny-label{font-size:9px;color:#a29bad;font-weight:400;white-space:nowrap}.search-field{display:flex;align-items:center;gap:7px;border:1px solid #e9e5ef;border-radius:6px;height:30px;background:#fff;padding:0 9px;margin-bottom:12px}.search-field>svg{height:13px;width:13px;stroke:#aaa2b9;fill:none;stroke-width:1.7}.search-field input{min-width:0;width:100%;border:0;background:transparent;font-size:10px;height:100%;color:var(--text)}.search-field input::placeholder{color:#aaa3b4}.search-field>span{color:#b7b1c3;font-size:16px}.search-field:focus-within{border-color:#b4a2de;box-shadow:0 0 0 2px #7955d908}.joint-list{flex:1;min-height:100px;overflow:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#ded8e8 transparent}.joint-group{margin-bottom:4px}.joint-group-title,.joint-group summary{font-size:10px;font-weight:600;color:#82798f;padding:9px 6px;cursor:pointer;display:flex;align-items:center;gap:7px}.joint-group-title svg,.joint-group summary svg{width:12px;height:12px}.joint-group-title::before{content:'⌄';color:#ada5bb;font-size:13px;margin-right:1px}.joint-group-title .group-count,.joint-group-title small{margin-left:auto;font-size:9px;color:#b0a8ba;font-weight:400}.joint-item,.joint-button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;border-radius:6px;padding:8px 10px 8px 24px;color:#898094;font-size:10px;text-align:left;position:relative;min-height:30px}.joint-item:hover,.joint-button:hover{background:#f1eef6;color:var(--text)}.joint-item.active,.joint-item.selected,.joint-button.active,.joint-button.selected{background:var(--accent-pale);color:var(--accent);font-weight:600}.joint-item::before,.joint-button::before{content:'';width:5px;height:5px;border:1px solid #c2b8cf;border-radius:50%;flex-shrink:0}.joint-item.active::before,.joint-item.selected::before,.joint-button.active::before,.joint-button.selected::before{border-color:var(--accent);background:var(--accent)}.joint-item .joint-dot,.joint-button .joint-dot{display:none}.joint-item>small,.joint-button>small,.joint-item .joint-tag,.joint-button .joint-tag{font-size:8px;margin-left:auto;opacity:.6;font-weight:400}.pose-library{border-top:1px solid var(--line);padding:16px 0 14px;flex:0 0 auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.pose-library .section-heading{padding:0 3px;margin-bottom:12px}.pose-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pose-card{border:1px solid #e8e4ed;border-radius:7px;background:#f8f7fa;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 5px 8px;color:#aca2bc;font-size:9px}.pose-card>svg{height:43px;width:75px;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none}.pose-card>svg circle{fill:currentColor;stroke:none}.pose-card .pose-shadow{fill:#e8e3ee;stroke:none}.pose-card .pose-guide{stroke:#ded8e8;stroke-width:1.3}.pose-card>span{color:#8b829a;font-size:9px}.pose-card:hover{background:#f0ebfa;border-color:#cfc0eb;color:var(--accent)}.pose-card.active{border-color:#b9a2e4;background:#f3eefc;color:#9776ca}.pose-card.active>span{color:var(--accent)}.pose-card-wide{grid-column:span 2;flex-direction:row;justify-content:center;gap:6px;padding:4px 7px}.pose-card-wide>svg{width:65px;height:40px}.pose-card-wide>span{text-align:left;min-width:91px}.pose-card-wide small{display:block;font-size:8px;color:#b2a7bf;margin-top:5px}.viewport-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;background:#f0eef5}.viewport-wrap canvas{display:block;width:100%;height:100%;outline-offset:-4px;touch-action:none}.viewport-topbar{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;gap:9px;pointer-events:none;z-index:5}.viewport-topbar>*{pointer-events:auto}.mode-switch,.tool-switch{height:38px;background:#ffffffed;border:1px solid #e7e2ef;box-shadow:0 2px 6px #3c265c05;padding:4px;display:flex;gap:2px;border-radius:8px;align-items:center}.mode-switch button{display:flex;align-items:center;gap:6px;justify-content:center;height:28px;padding:0 13px;border:0;border-radius:5px;background:transparent;color:#a298ad;font-size:10px}.mode-switch b{font-size:11px;letter-spacing:.3px;font-weight:650}.mode-switch button.active{color:var(--accent);background:var(--accent-pale)}.mode-switch button:hover:not(.active){background:#f7f5fa}.tool-switch button{width:30px;height:28px;border:0;display:flex;align-items:center;justify-content:center;background:transparent;color:#9b92a8;border-radius:5px}.tool-switch button>svg{height:17px;width:17px;stroke-width:1.7}.tool-switch button.active{background:var(--accent-pale);color:var(--accent)}.tool-switch button:hover:not(.active){background:#f7f5fa}.space-control{position:relative;display:flex;align-items:center}.space-control select{appearance:none;background:#fff9;border:1px solid #e8e3ee;border-radius:7px;height:34px;padding:0 25px 0 11px;color:#8c829d;font-size:9px;cursor:pointer}.space-control>svg{width:12px;height:12px;stroke:#a497b5;fill:none;stroke-width:1.6;position:absolute;right:9px;pointer-events:none}.viewport-caption{position:absolute;left:21px;top:72px;color:#a399b3;font-size:10px;display:flex;align-items:center;gap:7px;pointer-events:none}.live-dot{width:4px;height:4px;border-radius:50%;background:#b3a3cb}.view-controls{position:absolute;right:18px;top:77px;width:66px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:4}.view-cube-icon>svg{width:39px;height:39px;fill:#f9f7fc70;stroke:#b5aac5;stroke-width:1.1;stroke-linejoin:round}.view-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#ffffff9c;padding:4px;border:1px solid #e5dfed;border-radius:7px}.view-presets button{width:19px;height:22px;border:0;border-radius:3px;background:transparent;color:#a296b0;font-size:9px;padding:0}.view-presets button:hover,.view-presets button.active{color:var(--accent);background:#eae2f9}.viewport-zoom{position:absolute;right:19px;bottom:72px;display:flex;flex-direction:column;align-items:center;padding:4px;background:#ffffffbd;border:1px solid #e6e0ec;border-radius:8px;gap:1px;z-index:4}.viewport-zoom button{height:29px;width:29px;display:grid;place-items:center;border:0;background:transparent;color:#9c90ad;border-radius:4px}.viewport-zoom button:hover{background:var(--accent-pale);color:var(--accent)}.viewport-zoom svg{width:15px;height:15px}.viewport-zoom>span{height:1px;width:17px;background:#e7e1ee;margin:3px 0}.selection-label{position:absolute;left:20px;bottom:69px;color:#9383aa;font-size:10px;pointer-events:none;border-left:2px solid #beace0;padding:5px 8px;max-width:75%;line-height:1.6}.viewport-bottom{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.viewport-hint{display:flex;align-items:center;gap:9px;color:#a89bb8;font-size:9px;line-height:1.6;max-width:calc(100% - 70px)}.hint-mouse{width:10px;height:14px;border:1px solid #b4a8c3;border-radius:5px;flex-shrink:0;position:relative}.hint-mouse:before{content:'';position:absolute;left:4px;top:2px;height:4px;width:1px;background:#b4a8c3}.hint-dot{font-size:12px;color:#c6bbd3}.axis-key{display:flex;align-items:center;gap:7px;font-family:ui-monospace,monospace;font-size:9px}.axis-key>span{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;background:#faf7fc80;opacity:.8}.axis-x{color:var(--x)}.axis-y{color:var(--y)}.axis-z{color:var(--z)}.inspector-tabs{height:55px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);padding:0 19px;gap:22px;flex:0 0 auto}.inspector-tabs button{border:0;background:transparent;color:#a39aaf;font-size:11px;position:relative;padding:0 0 2px;letter-spacing:.3px}.inspector-tabs button.active{color:var(--accent);font-weight:600}.inspector-tabs button.active:after{position:absolute;content:'';bottom:-1px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px}.inspector-scroll{flex:1;min-height:0;overflow:auto;padding:0 19px 20px;scrollbar-width:thin;scrollbar-color:#ded8e8 transparent}.selection-card{display:flex;align-items:center;gap:10px;padding:24px 0 22px}.selection-symbol{width:34px;height:34px;display:grid;place-items:center;background:#eeebf6;border-radius:8px;color:#a48acb;flex-shrink:0}.selection-symbol svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;height:21px;width:21px}.selection-card h2{font-size:13px;font-weight:600;line-height:1.5}.selection-card p{font-size:9px;color:#aaa0b7;margin-top:3px;line-height:1.6;overflow-wrap:anywhere}.selection-status{width:5px;height:5px;border-radius:50%;background:#c9bed9;margin-left:auto;flex-shrink:0}.inspector-section{padding:19px 0;border-top:1px solid var(--line)}.inspector-section .section-heading{margin-bottom:17px}.joint-rotation{display:flex;flex-direction:column;gap:14px}.axis-row,.rotation-row{display:grid;grid-template-columns:19px 1fr 51px;gap:8px;align-items:center;font-size:10px}.axis-row label,.rotation-row label{font-size:10px;color:#968aa5}.axis-row input[type=range],.rotation-row input[type=range]{min-width:0;margin:7px 0;accent-color:var(--accent)}.axis-row input[type=number],.rotation-row input[type=number],.angle-number,.value-input{width:100%;min-width:0;border:1px solid #e7e2ee;border-radius:5px;background:#f5f3f9;height:28px;text-align:center;color:#8a7e9b;font-size:10px;appearance:textfield}.axis-row input::-webkit-inner-spin-button,.rotation-row input::-webkit-inner-spin-button{appearance:none}.axis-row .axis-label,.rotation-row .axis-label{font-size:9px;font-weight:650;width:18px;height:18px;display:grid;place-items:center;border-radius:4px;background:#f3edf4}.axis-row[data-axis=x] .axis-label,.rotation-row[data-axis=x] .axis-label{color:var(--x);background:#f7eaee}.axis-row[data-axis=y] .axis-label,.rotation-row[data-axis=y] .axis-label{color:var(--y);background:#edf3ef}.axis-row[data-axis=z] .axis-label,.rotation-row[data-axis=z] .axis-label{color:var(--z);background:#edf0f7}.text-button{padding:0;display:flex;align-items:center;gap:5px;color:#a298af;background:none;border:none;font-size:9px;line-height:1.5}.text-button svg{width:12px;height:12px}.text-button:hover{color:var(--accent)}#reset-joint-btn{margin-top:16px;margin-left:auto}.badge{font-size:8px;background:#f0ecf7;padding:4px 6px;border-radius:4px;color:#a28bbd;letter-spacing:.3px}.ik-chain-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#a393b4;margin:-4px 0 18px}.connection-icon{font-size:19px;color:#b3a0cb}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#90859f}.field-label output{font-family:ui-monospace,monospace;font-size:10px;color:#9d90ae}.range-caption{display:flex;justify-content:space-between;color:#b9aec4;font-size:8px;margin:0 0 13px}.field-note{font-size:9px;line-height:1.8;color:#b1a6bd}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}.toggle-row strong{display:block;font-size:10px;font-weight:500;color:#91859e}.toggle-row small{display:block;font-size:9px;color:#b4a8c1;margin-top:6px}.switch{position:relative;display:inline-flex;width:29px;height:17px;flex-shrink:0}.switch input{position:absolute;opacity:0;height:100%;width:100%;margin:0;cursor:pointer;z-index:1}.switch>span{width:100%;height:100%;background:#d8d1e2;border-radius:10px;transition:background .2s}.switch>span:before{content:'';position:absolute;width:11px;height:11px;top:3px;left:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #53406c26;transition:transform .2s}.switch input:checked+span{background:#8b6cc5}.switch input:checked+span:before{transform:translateX(12px)}.switch input:focus-visible+span{outline:2px solid #ab90dc;outline-offset:3px}.inspector-tip{display:flex;gap:9px;padding:13px 11px;background:#f2eff8;border:1px solid #eae4f3;border-radius:7px;margin-top:4px;color:#a99bbb}.tip-mark{display:grid;place-items:center;width:12px;height:12px;border:1px solid #b4a4c9;border-radius:50%;font:9px Georgia,serif;flex-shrink:0;margin-top:1px}.inspector-tip p{font-size:9px;line-height:1.9}.inspector-tip b{font-weight:500;color:#967fac}.display-settings{padding:17px 19px 19px;border-top:1px solid var(--line);background:#faf9fc;flex:0 0 auto}.display-settings .section-heading{margin-bottom:13px;color:#95899f}.display-settings .section-heading svg{height:13px;width:13px;stroke:#b3a8c2;fill:none;stroke-width:1.5}.display-options{display:flex;gap:19px}.display-options label{display:flex;align-items:center;gap:5px;font-size:9px;color:#a99eb7;cursor:pointer}.display-options input{appearance:none;width:12px;height:12px;margin:0;border:1px solid #c2b4d3;border-radius:3px;background:white;position:relative;cursor:pointer}.display-options input:checked{background:#aa94c9;border-color:#aa94c9}.display-options input:checked:after{content:'';width:5px;height:3px;border-left:1.5px solid white;border-bottom:1.5px solid white;position:absolute;left:2px;top:2px;transform:rotate(-45deg)}.shape-intro{padding:24px 0 23px;border-bottom:1px solid var(--line);margin-bottom:19px}.shape-intro h2{font-size:14px;font-weight:600;margin:9px 0 8px}.shape-intro p{font-size:10px;line-height:1.8;color:#ac9fba}.morph-group{margin:0 0 22px}.morph-group h3{font-size:11px;font-weight:600;color:#8d7e9e;margin-bottom:15px}.morph-row,.control-row{margin-bottom:17px;font-size:10px}.morph-row>label,.control-row>label{display:flex;justify-content:space-between;align-items:center;color:#92819f}.morph-row .morph-value,.control-row output{color:#ac9bb9;font:10px ui-monospace,monospace}.morph-row input[type=range],.control-row input[type=range]{margin-top:14px}.morph-row .description,.morph-row p,.control-row .description,.control-row p{font-size:9px;line-height:1.65;color:#b5a9c0;margin-top:3px}.full-width{width:100%}.shape-note{font-size:9px;color:#b1a2bd;text-align:center;margin-top:10px;line-height:1.8}.statusbar{height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid var(--line);padding:0 18px;color:#aaa0b7;font-size:9px;gap:20px;z-index:30}.status-left{display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;border-radius:50%;background:#a5bba4}.status-divider{height:9px;width:1px;background:#e8e2ee;margin:0 4px}.status-shortcuts{display:flex;gap:14px}.status-shortcuts>span{display:flex;align-items:center;gap:5px}kbd{font-family:inherit;font-size:8px;line-height:14px;min-width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;padding:0 3px;border:1px solid #e5dfed;border-bottom-color:#d6ccdf;border-radius:3px;background:#faf8fc;color:#9c8fab}.loading-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f0f9f0;backdrop-filter:blur(6px);transition:opacity .3s}.loading-overlay>strong{font-size:14px;letter-spacing:1px;font-weight:500;color:#8a739e;margin:23px 0 9px}.loading-overlay>p{font-size:11px;color:#b1a0bd;line-height:1.8}.loading-orbit{width:66px;height:66px;position:relative;display:grid;place-items:center}.loading-orbit>svg{width:30px;height:30px;fill:none;stroke:#a28abb;stroke-width:1.2;stroke-linecap:round}.loading-orbit i{position:absolute;inset:0;border:1px solid #d9cde7;border-radius:50%;border-top-color:#ae90ca;animation:orbit 2s linear infinite}.loading-orbit i:nth-child(2){inset:7px;border-top-color:#c9b4de;animation-direction:reverse;animation-duration:3s}.loading-orbit i:nth-child(3){inset:-8px;border-style:dashed;border-color:#e1d8eb;animation-duration:15s}.loading-error{max-width:320px;margin-top:16px!important;text-align:center;color:#b77585!important}.toast{position:absolute;bottom:56px;left:50%;transform:translate(-50%,10px);z-index:30;background:#3b304be8;color:#f7f2fe;padding:11px 17px;border-radius:8px;font-size:11px;line-height:1.6;box-shadow:0 5px 20px #34244120;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:86%;white-space:normal;text-align:center}.toast.show,.toast.visible{opacity:1;transform:translate(-50%,0)}.floating-button{width:35px;height:35px;border:1px solid #e1d8ec;background:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#9682ae}.mobile-panel-toggle{display:none}dialog{padding:0;border:1px solid #e8e0ef;border-radius:15px;box-shadow:0 20px 100px #38234b30;width:550px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 44px);color:var(--text);background:#fdfbff}dialog::backdrop{background:#2920364d;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 29px 23px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:18px;font-weight:550;letter-spacing:.4px;margin-top:10px}.help-content{padding:24px 29px 27px}.help-step{display:flex;align-items:flex-start;gap:15px;margin-bottom:22px}.help-step>span{font-size:11px;color:#a287be;background:#f0eaf7;display:grid;place-items:center;border-radius:7px;width:29px;height:29px;flex-shrink:0;font-variant-numeric:tabular-nums}.help-step h3{font-size:12px;font-weight:550;padding-top:3px;margin-bottom:6px}.help-step p{font-size:10px;line-height:1.9;color:#a398af}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:4px}.shortcut-grid>span{display:flex;align-items:center;gap:8px;font-size:10px;color:#a193ad}.shortcut-grid kbd{font-size:9px;min-height:20px;padding:0 6px}.help-footnote{font-size:9px;line-height:1.9;color:#b1a1bd;margin-top:17px}@keyframes orbit{to{transform:rotate(360deg)}}
@media(min-width:1500px){.studio-layout{grid-template-columns:240px minmax(0,1fr) 300px}.sidebar-left{padding:0 17px}.inspector-scroll{padding-left:23px;padding-right:23px}.display-settings{padding-left:23px;padding-right:23px}.pose-card>svg{height:50px}.pose-card{padding-top:6px;padding-bottom:10px}.pose-card-wide>svg{height:44px}.viewport-topbar{top:22px;left:24px}.viewport-caption{left:27px;top:79px}}
@media(max-height:780px){.panel-heading{padding-top:16px;padding-bottom:13px}.model-card{padding:8px}.outliner-heading{padding-top:18px}.pose-library{padding-top:13px;padding-bottom:11px}.pose-card>svg{height:34px}.pose-card{padding-bottom:6px}.pose-card-wide>svg{height:32px}.pose-library .section-heading{margin-bottom:9px}.selection-card{padding-top:19px;padding-bottom:19px}.inspector-section{padding-top:16px;padding-bottom:16px}.inspector-section .section-heading{margin-bottom:15px}.inspector-tip{padding:10px}.display-settings{padding-top:13px;padding-bottom:14px}.pose-card-wide small{font-size:7px}}
@media(max-width:1180px){.studio-layout{grid-template-columns:196px minmax(0,1fr) 252px}.app-header{padding:0 16px;gap:14px}.brand{min-width:162px}.project-name{padding-left:16px}.project-badge{display:none}.header-actions{gap:6px}.sidebar-left{padding:0 11px}.inspector-scroll{padding-left:16px;padding-right:16px}.inspector-tabs{padding:0 16px;gap:20px}.display-settings{padding-left:16px;padding-right:16px}.display-options{gap:11px}.viewport-topbar{left:13px;right:13px;gap:6px}.mode-switch button{padding:0 10px}.space-control select{padding-left:8px;font-size:8px}.viewport-caption{left:16px;max-width:80%;font-size:9px}.view-controls{right:13px}.viewport-bottom{left:16px;right:16px}.viewport-hint{font-size:8px;gap:6px}.pose-card-wide{gap:0}.pose-card-wide>svg{width:58px}.pose-card-wide>span{min-width:83px}}
@media(max-width:1000px){.project-name{display:none}.studio-layout{grid-template-columns:190px minmax(0,1fr) 240px}.app-header{height:61px;flex-basis:61px}.brand{min-width:145px}.brand-name{font-size:15px}.brand-name>span{font-size:7px}.header-actions{gap:6px}.button{padding:0 10px}.inspector-scroll{padding-left:14px;padding-right:14px}.inspector-tabs{padding-left:14px;padding-right:14px}.display-settings{padding-left:14px;padding-right:14px}.space-control{display:none}.viewport-hint{max-width:100%}.axis-key{display:none}.view-controls{top:78px}.model-card{gap:6px}.model-card strong{font-size:10px}.model-card div>span{font-size:8px}.status-shortcuts{gap:8px}.statusbar{padding-left:12px;padding-right:12px;font-size:8px}.selection-label{font-size:9px}.status-shortcuts kbd{font-size:7px}.ik-chain-label{font-size:9px}.pose-card-wide small{display:none}}
@media(max-width:850px){.studio-layout{grid-template-columns:minmax(0,1fr) 252px;position:relative}.sidebar-left{position:absolute;left:0;top:0;bottom:0;width:220px;z-index:25;box-shadow:12px 0 24px #4a2e6314;transform:translateX(-100%);transition:transform .2s}.left-open .sidebar-left{transform:translateX(0)}#toggle-left{display:flex}.viewport-topbar{gap:8px}.status-shortcuts{display:none}.brand{min-width:135px}.header-actions{gap:3px}.header-divider{margin:0 5px}.help-trigger{margin-left:0}.pose-card-wide small{display:block}}
@media(max-width:640px){.app-header{padding:0 11px;height:58px;flex-basis:58px;gap:8px}.brand{min-width:0;gap:7px}.brand-mark{width:29px;height:33px}.brand-mark svg{width:25px}.brand-name{font-size:13px;letter-spacing:1px}.brand-name>span{font-size:6px;letter-spacing:1.6px}.header-actions{gap:2px}.header-actions .button span{display:none}.header-actions .button{width:31px;height:31px;padding:0}.header-actions .button svg{width:15px;height:15px}.header-actions .icon-button{width:29px;height:30px}.header-divider{display:none}.history-actions{gap:0}.help-trigger{display:none}.studio-layout{grid-template-columns:minmax(0,1fr)}.sidebar-right{position:absolute;top:0;bottom:0;right:0;width:270px;z-index:25;box-shadow:-12px 0 24px #4a2e6314;transform:translateX(100%);transition:transform .2s}.right-open .sidebar-right{transform:translateX(0)}#toggle-right{display:flex;margin-left:auto}.viewport-topbar{top:14px;left:12px;right:12px;gap:7px}.mode-switch button{padding:0 10px;font-size:9px;gap:4px}.mode-switch,.tool-switch{height:36px;padding:3px}.mode-switch button,.tool-switch button{height:28px}.tool-switch button{width:28px}.viewport-caption{top:64px;left:14px;font-size:9px}.view-controls{top:95px;right:13px}.viewport-bottom{bottom:18px;left:14px;right:14px}.viewport-hint{font-size:8px;gap:6px}.axis-key{display:flex;font-size:8px;gap:5px}.axis-key>span{width:15px;height:15px}.statusbar{height:28px;flex-basis:28px;font-size:8px;padding:0 10px;gap:5px}.status-left{gap:6px}.status-divider{margin:0 2px}#status-selection{max-width:42%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selection-label{left:14px;bottom:58px;font-size:9px}.viewport-zoom{bottom:61px;right:12px}.dialog-header{padding:22px 20px 18px}.dialog-header h2{font-size:16px}.help-content{padding:20px}.help-step{gap:10px;margin-bottom:19px}.shortcut-grid{gap:11px 8px}.shortcut-grid>span{font-size:9px}.shortcut-grid kbd{font-size:8px;padding:0 4px}.toast{bottom:84px;font-size:10px;width:max-content;max-width:85%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Inspector controls generated by app.js. */
.joint-group-title{cursor:default;padding:10px 7px 7px;gap:0;color:#91869f;letter-spacing:.2px}.joint-group-title::before{content:none}.joint-count{margin-left:auto;font-size:8px;font-weight:400;color:#b6a9c2;background:#f0ecf6;min-width:18px;height:16px;display:grid;place-items:center;border-radius:4px}.joint-item{font-size:11px;padding-top:7px;padding-bottom:7px;min-height:30px}.joint-item .ik-badge{font-size:7px;font-weight:550;letter-spacing:.5px;opacity:1;color:#ad99c5;background:#f0eaf8;padding:2px 4px;border-radius:3px}.joint-item.active .ik-badge{background:#e5daf7;color:#9872c8}.joint-rotation{gap:17px}.rotation-control{min-width:0;display:block}.rotation-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.rotation-label>label{display:flex;align-items:center;gap:7px;color:#95849f;font-size:10px;min-width:0;line-height:1.5;cursor:pointer}.axis-token{display:grid;place-items:center;width:17px;height:17px;border-radius:4px;font:600 9px ui-monospace,SFMono-Regular,Consolas,monospace;flex-shrink:0}.axis-token.axis-x{color:var(--x);background:#f7ebee}.axis-token.axis-y{color:var(--y);background:#edf3ef}.axis-token.axis-z{color:var(--z);background:#edf1f8}.rotation-control .angle-number{display:flex;align-items:center;justify-content:center;width:59px;min-width:59px;height:27px;padding:0 7px 0 5px;background:#f7f4fa;border:1px solid #e9e2f0;border-radius:5px;flex-shrink:0;font-size:10px;color:#a38caf}.rotation-control .angle-number:focus-within{border-color:#baa2d9;box-shadow:0 0 0 2px #7955d909}.angle-number>input{background:none;border:0;color:#8d789f;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;width:100%;min-width:0;height:100%;padding:0;appearance:textfield;-moz-appearance:textfield}.angle-number>input:focus-visible{outline:none}.angle-number>input::-webkit-inner-spin-button,.angle-number>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.angle-number>span{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1;opacity:.7}.angle-slider{--range-color:#b394d2;appearance:none;-webkit-appearance:none;width:100%;height:3px!important;margin:7px 0 8px!important;border-radius:2px;background:linear-gradient(to right,var(--range-color) 0%,var(--range-color) var(--value,50%),#e8e3ed var(--value,50%),#e8e3ed 100%);border:0}.angle-slider.axis-x{--range-color:#d49b9f}.angle-slider.axis-y{--range-color:#a4bdac}.angle-slider.axis-z{--range-color:#a5b9d4}.angle-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--range-color);box-shadow:0 1px 3px #7964851a;cursor:ew-resize}.angle-slider::-moz-range-thumb{width:7px;height:7px;border-radius:50%;background:#fff;border:2px solid var(--range-color);box-shadow:0 1px 3px #7964851a;cursor:ew-resize}.angle-slider:focus-visible{outline:2px solid #d7c7e8;outline-offset:5px}.range-labels{display:flex;align-items:center;justify-content:space-between;color:#baacc5;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.morph-controls{display:block}.morph-controls>h3.morph-group{font-size:10px;line-height:1.5;letter-spacing:.7px;font-weight:600;color:#907c9f;padding-top:19px;margin:0 0 16px;border-top:1px solid var(--line)}.morph-controls>h3.morph-group:first-child{padding-top:0;border:0}.morph-row{display:block;grid-template-columns:none;margin:0 0 20px}.morph-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#917d9e;font-size:11px}.morph-label label{cursor:pointer;line-height:1.6}.morph-label output{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#a78eb9;background:#f1ebf7;min-width:34px;padding:4px 6px;text-align:center;border-radius:4px;white-space:nowrap}.morph-row input[type=range]{display:block;width:100%;margin:14px 0 9px;accent-color:#a589c5}.morph-row p{font-size:9px;line-height:1.7;color:#b4a5bf;margin-top:0}.export-menu{position:fixed;z-index:100;width:208px;padding:6px;border-radius:10px;border:1px solid #e5dcef;background:#fff;box-shadow:0 9px 32px #4e32631f,0 2px 6px #4e326306}.export-menu button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:0;background:transparent;border-radius:6px;padding:11px 12px;text-align:left;line-height:1.5}.export-menu button:hover,.export-menu button:focus-visible{background:#f3edf9}.export-menu button+button{border-top:1px solid #f1ecf6}.export-menu button>span{font-size:11px;color:#867096;font-weight:550}.export-menu button>small{font-size:9px;color:#b39dbf}.export-menu button:hover>span{color:var(--accent)}.export-menu button:hover>small{color:#a18ab2}.safety-section{flex:none}.inspector-section[hidden]+.safety-section{margin-top:0}.display-options label{font-size:10px}.display-options input:focus-visible{outline:2px solid #b39acf;outline-offset:3px}
@media(max-height:800px){.joint-rotation{gap:13px}.rotation-label{margin-bottom:4px}.rotation-control .angle-number{height:25px}.inspector-section .section-heading{margin-bottom:14px}.angle-slider{margin-top:6px!important;margin-bottom:6px!important}.pose-card>svg{height:32px}.pose-card-wide>svg{height:30px}.pose-library{padding-top:12px;padding-bottom:10px}}
@media(max-width:1000px){.display-options{gap:10px}.display-options label{font-size:9px}.rotation-label>label{font-size:9px;gap:6px}.rotation-control .angle-number{width:54px;min-width:54px}.joint-item{font-size:10px}}
@media(max-width:640px){.rotation-label>label{font-size:10px}.joint-item{font-size:11px}.display-options label{font-size:10px}.export-menu{max-width:calc(100vw - 24px);width:202px}}

/* Complete morph library and independent IK controller panels. */
.sidebar-left{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ded8e8 transparent}
.sidebar-left>.panel-heading,.sidebar-left>.model-card,.sidebar-left>.outliner-heading,.sidebar-left>.search-field{flex-shrink:0}
.ik-controller-section{flex:0 0 auto;margin-top:17px;padding:0 0 12px;border-bottom:1px solid var(--line);max-height:210px;overflow:hidden}
.ik-controller-section>summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;padding:0 3px;min-height:24px;color:#756383;font-size:11px;font-weight:600;letter-spacing:.2px}
.ik-controller-section>summary::-webkit-details-marker{display:none}
.ik-controller-section>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
.ik-controller-section>summary>svg{height:13px;width:13px;fill:none;stroke:#a38caf;stroke-width:1.6;margin-left:0;transition:transform .15s}
.ik-controller-section:not([open])>summary>svg{transform:rotate(-90deg)}
.controller-total{margin-left:auto;border:1px solid #e2d7ee;background:#f1ecf8;color:#997bb9;border-radius:4px;min-width:23px;padding:2px 5px;text-align:center;font:9px ui-monospace,monospace;letter-spacing:0}
.controller-note{font-size:9px;color:#b1a3bc;line-height:1.6;margin:6px 3px 9px}
.ik-controller-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:141px;overflow:auto;scrollbar-width:thin;scrollbar-color:#ded8e8 transparent;padding:1px 2px 2px}
.ik-controller-button{display:flex;align-items:center;gap:6px;min-width:0;min-height:26px;padding:5px 6px;background:#f8f5fb;border:1px solid #ece5f3;border-radius:5px;text-align:left;font-size:10px;font-weight:450;color:#9784a5;line-height:1.4}
.ik-controller-button:hover{border-color:#d9c8e8;background:#f1ebf8;color:#82629f}
.ik-controller-button.active,.ik-controller-button[aria-pressed=true]{background:#eee6fa;color:#7750b3;border-color:#cdb5e7;box-shadow:inset 2px 0 #a17bc9}
.ik-controller-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ik-controller-button .controller-icon,.ik-controller-button .handle-symbol,.ik-controller-button .ik-controller-icon{display:inline-block;flex:0 0 8px;width:8px;height:8px;border:1.5px solid #a28ac7;border-radius:50%;background:transparent}
.ik-controller-button[data-kind=pole] .controller-icon,.ik-controller-button[data-kind=pole] .handle-symbol,.ik-controller-button[data-kind=pole] .ik-controller-icon{border-color:#c09375;border-radius:1px;transform:rotate(45deg)}
.ik-controller-button[data-kind=root] .controller-icon,.ik-controller-button[data-kind=root] .handle-symbol,.ik-controller-button[data-kind=root] .ik-controller-icon{border-color:#81a68e;border-radius:2px}
.ik-controller-button[data-kind=rotate] .controller-icon,.ik-controller-button[data-kind=rotate] .handle-symbol,.ik-controller-button[data-kind=rotate] .ik-controller-icon{border-color:#849fc3;border-radius:50%;box-shadow:0 0 0 2px #849fc321}
.ik-controller-button small{margin-left:auto;font-size:7px;color:#b4a2c5;white-space:nowrap}
.ik-controller-section+.outliner-heading{padding-top:16px}
.joint-list{min-height:120px}
.ik-label-layer{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.ik-handle-label{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;min-height:19px;max-width:120px;border-radius:5px;padding:3px 6px;border:1px solid #e2d6ee;background:#ffffffd9;box-shadow:0 1px 5px #3f2d5310;color:#9278aa;font-size:9px;font-weight:500;line-height:1.25;white-space:nowrap;pointer-events:none;user-select:none;backdrop-filter:blur(4px)}
.ik-handle-label.active{color:#7150a0;border-color:#bca1df;background:#f3edffed;box-shadow:0 2px 8px #7955d91a}
.ik-handle-label[data-kind=pole]{color:#aa8066;border-color:#eadacb}
.ik-handle-label[data-kind=pole].active{background:#fff3e9ed;border-color:#c8a081;color:#936946}
.ik-handle-label[data-kind=root]{color:#779481;border-color:#d4e1d9}
.ik-handle-label[data-kind=rotate]{color:#788ea9;border-color:#d8e0eb}
.ik-type-description{margin:-9px 0 16px;color:#a999b6}
.display-options{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.display-options label:first-child{color:#8c76a2}
.display-options label{white-space:nowrap}
.shape-intro{padding:20px 0 15px;margin-bottom:0}
.shape-intro .eyebrow{font-size:7px;letter-spacing:1.4px}
.shape-title{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:7px 0}
.shape-title h2{font-size:14px;margin:0;font-weight:600;letter-spacing:.1px}
.shape-title>output{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#9879b5;background:#f0e9f8;border:1px solid #e5d9f0;border-radius:5px;padding:4px 6px;white-space:nowrap}
.shape-intro p{font-size:9px;line-height:1.8;color:#a495b2}
.morph-filterbar{position:sticky;top:0;z-index:4;padding:14px 0 12px;background:#fcfbfdf5;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin-bottom:4px}
.morph-search-field{height:29px;margin-bottom:9px}
.morph-search-field input{font-size:9px}
.morph-group-filters{display:grid;grid-template-columns:.78fr 1.14fr .98fr 1.1fr;gap:3px;border:1px solid #e9e2f0;background:#f4f0f8;border-radius:6px;padding:3px}
.morph-group-filters button{display:flex;justify-content:center;align-items:center;gap:3px;border:0;background:transparent;border-radius:4px;color:#a290b2;padding:5px 1px;font-size:9px;white-space:nowrap;min-height:25px}
.morph-group-filters button>span{font:7px ui-monospace,monospace;color:#bbadc9}
.morph-group-filters button:hover{background:#fdfbff;color:#9073a9}
.morph-group-filters button.active,.morph-group-filters button[aria-pressed=true]{color:#8056b2;background:#fff;box-shadow:0 1px 4px #6e498b12;font-weight:550}
.morph-group-filters button.active>span,.morph-group-filters button[aria-pressed=true]>span{color:#a48bbb}
.morph-filter-options{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 2px 0}
.morph-filter-options label{display:flex;align-items:center;gap:5px;color:#9b8aab;font-size:9px;cursor:pointer}
.morph-filter-options input{margin:0;width:11px;height:11px;accent-color:#9671bf;cursor:pointer}
.morph-filter-options input:focus-visible{outline-offset:2px}
.morph-group-section{padding:0;margin:0;border-bottom:1px solid var(--line)}
.morph-group-section>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:16px 0 12px;color:#8b759b;font-size:10px;font-weight:600;letter-spacing:.2px;cursor:pointer}
.morph-group-section>summary::-webkit-details-marker{display:none}
.morph-group-section>summary:before{content:'';width:5px;height:5px;border-right:1px solid #b4a0c6;border-bottom:1px solid #b4a0c6;transform:rotate(-45deg);margin:0 3px 0 1px;transition:transform .15s;flex-shrink:0}
.morph-group-section[open]>summary:before{transform:rotate(45deg) translateY(-1px)}
.morph-group-section>summary>span:first-of-type{flex:1}
.morph-group-count{font:8px ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:400;letter-spacing:0;color:#b09ac2;background:#f2edf7;padding:3px 5px;border-radius:4px;white-space:nowrap}
.morph-group-section>summary:focus-visible{outline:2px solid #bca5d6;outline-offset:-1px;border-radius:4px}
.morph-group-section .morph-row{position:relative;margin:0;padding:10px 0 11px;border-bottom:1px solid #f0ebf5}
.morph-group-section .morph-row:last-child{border-bottom:0;padding-bottom:16px}
.morph-group-section .morph-label{font-size:10px;line-height:1.5;gap:8px;color:#8e769d;min-height:25px}
.morph-group-section .morph-label>label{flex:1;min-width:0}
.morph-number{display:flex;align-items:center;justify-content:center;gap:2px;width:62px;min-width:62px;height:25px;border:1px solid #e4d9ee;background:#f5f0fa;border-radius:5px;padding:0 4px;color:#a48bb7;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;flex-shrink:0}
.morph-number>input{width:100%;height:100%;min-width:0;border:0;background:transparent;padding:0;color:#8c6fa2;text-align:center;appearance:textfield;-moz-appearance:textfield;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}
.morph-number>input::-webkit-inner-spin-button,.morph-number>input::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}
.morph-number:focus-within{border-color:#b49acf;box-shadow:0 0 0 2px #7955d90a}
.morph-number>input:focus-visible{outline:none}
.morph-source{display:block;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;color:#b8a7c5;line-height:1.7;margin-top:3px;overflow-wrap:anywhere;background:transparent}
.morph-group-section .morph-row input[type=range]{margin:11px 0 8px;width:100%;height:3px;accent-color:#a78ac5}
.morph-group-section .morph-row>p{color:#ac9ab9;font-size:8px;line-height:1.65;padding-right:25px}
.morph-reset{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:#b9a6c8;border-radius:4px;padding:3px;width:22px;min-width:22px;height:22px;line-height:1;cursor:pointer;font-size:11px}
.morph-reset svg{width:11px;height:11px}
.morph-reset:hover{color:#9372af;border-color:#e3d7ed;background:#f3edf9}
.morph-row>.morph-reset{position:absolute;right:0;bottom:9px}
.morph-label>.morph-reset{margin-left:-4px}
.morph-empty{padding:27px 12px;color:#aa97b8;font-size:10px;line-height:1.9;text-align:center;border:1px dashed #e1d6ea;border-radius:7px;margin:16px 0}
#shape-panel #reset-shape-btn{margin-top:18px}
#shape-panel .shape-note{font-size:8px;line-height:1.8;text-align:left;margin:10px 2px 0;color:#af9fbb}
@media(max-height:800px){.ik-controller-section{margin-top:12px;max-height:190px;padding-bottom:10px}.ik-controller-list{max-height:120px}.controller-note{margin-top:4px;margin-bottom:7px;font-size:8px}.ik-controller-section+.outliner-heading{padding-top:12px}.joint-list{min-height:110px}.pose-library{padding-top:11px}.shape-intro{padding-top:17px}.morph-filterbar{padding-top:11px}.display-settings{padding-top:12px;padding-bottom:13px}.display-settings .section-heading{margin-bottom:10px}}
@media(max-width:1180px){.ik-controller-button{font-size:9px;gap:5px;padding-left:5px;padding-right:5px}.ik-controller-list{gap:3px}.morph-group-filters button{font-size:8px;gap:2px}.morph-group-filters button>span{font-size:7px}.morph-number{width:56px;min-width:56px}.morph-group-section .morph-label{font-size:9px;gap:5px}.morph-reset{width:19px;min-width:19px}.shape-title h2{font-size:13px}.display-options{gap:9px 9px}.display-options label{font-size:9px}}
@media(max-width:640px){.ik-controller-button{font-size:10px}.morph-group-section .morph-label{font-size:10px}.morph-group-filters button{font-size:9px}.morph-number{width:62px;min-width:62px}.shape-title h2{font-size:14px}.display-options label{font-size:10px}.ik-handle-label{font-size:8px;padding:3px 5px;max-width:100px}}

/* Compact geometry and manipulator display controls. */
.display-settings{padding-top:13px;padding-bottom:13px}
.display-settings .section-heading{margin-bottom:10px}
.display-options{display:flex;flex-wrap:wrap;gap:8px 11px}
.display-options label{font-size:9px}
.viewport-size-controls{display:flex;flex-direction:column;gap:7px;margin-top:13px;padding-top:10px;border-top:1px solid #ece6f2}
.viewport-size-row{display:grid;grid-template-columns:58px minmax(35px,1fr) 36px;align-items:center;gap:8px;min-height:20px}
.viewport-size-row>label{font-size:9px;line-height:1.4;white-space:nowrap;color:#9d8bab;cursor:pointer}
.viewport-size-row>input[type=range]{min-width:0;height:3px;margin:0;accent-color:#9c7abd}
.viewport-size-row>output{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#a78fba;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.morph-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;min-height:20px}
.morph-meta>.morph-source{margin:0;min-width:0;flex:1}
.morph-meta>.morph-reset{position:static;flex:0 0 20px;min-width:20px;width:20px;height:20px;font-size:9px;margin-right:-2px}
.morph-group-section .morph-row>p.morph-range-note{padding-right:0;margin-top:4px;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.6;color:#b9a7c7}
@media(max-height:800px){.display-settings{padding-top:10px;padding-bottom:10px}.display-settings .section-heading{margin-bottom:8px}.viewport-size-controls{margin-top:9px;padding-top:8px;gap:4px}.viewport-size-row{min-height:18px}}
@media(max-width:1180px){.display-options{gap:8px 9px}.display-options label{font-size:8px}.viewport-size-row{grid-template-columns:54px minmax(30px,1fr) 32px;gap:7px}.viewport-size-row>label,.viewport-size-row>output{font-size:8px}}
@media(max-width:640px){.display-options label{font-size:9px}.viewport-size-row>label,.viewport-size-row>output{font-size:9px}}
.ik-controller-button .controller-icon{font-size:0}.morph-meta>.morph-reset{width:30px;flex-basis:30px;white-space:nowrap}
.selection-copy{flex:1;min-width:0}.deselect-button{flex-shrink:0;white-space:nowrap;font-size:10px;padding:5px 0 5px 4px}.deselect-button:disabled{pointer-events:none}

/* Photography pose album. */
.album-header-button{color:#8a66bc;background:#f6f1fc;border-color:#e5d8f3}
.album-header-button:hover{background:#efe5fc;border-color:#d6c2ed}
.album-launch{display:flex;align-items:center;gap:10px;width:100%;padding:13px 10px;border:1px solid #d8c7ed;border-radius:9px;background:linear-gradient(125deg,#f1e9fc,#f9f5ff);text-align:left;box-shadow:0 3px 10px #69419305}
.album-launch:hover{border-color:#bda1dd;background:linear-gradient(125deg,#e9def8,#f6f0ff);box-shadow:0 4px 12px #6941930d}
.album-launch-icon{display:grid;place-items:center;width:29px;height:32px;background:#e5d8f5;color:#9771c3;border-radius:6px;flex-shrink:0}
.album-launch-icon>svg{width:19px;height:19px}
.album-launch strong{display:block;font-size:11px;font-weight:600;letter-spacing:.2px;color:#8760af;line-height:1.6}
.album-launch small{display:block;font-size:8px;color:#ad96c0;margin-top:4px;white-space:nowrap;line-height:1.5}
.album-launch>.album-launch-arrow{width:13px;height:13px;margin-left:auto;color:#b199c8;transform:rotate(-90deg)}
.starter-presets{margin-top:10px}
.starter-presets>summary{display:flex;align-items:center;gap:6px;padding:7px 3px;min-height:29px;font-size:9px;color:#a599b2;cursor:pointer;list-style:none}
.starter-presets>summary::-webkit-details-marker{display:none}
.starter-presets>summary>small{font-size:8px;font-weight:400;color:#b7acbf;margin-left:auto}
.starter-presets>summary>svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5;transform:rotate(-90deg);transition:transform .15s}
.starter-presets[open]>summary>svg{transform:rotate(0deg)}
.starter-presets .pose-grid{padding-top:5px}
.starter-presets>summary:focus-visible{outline:2px solid #bca5d6;outline-offset:1px;border-radius:4px}
#pose-album-dialog{width:min(1160px,calc(100vw - 48px));height:min(860px,calc(100dvh - 64px));max-width:calc(100vw - 48px);max-height:calc(100dvh - 64px);padding:0;border:1px solid #e4daed;border-radius:17px;background:#faf8fd;overflow:hidden;box-shadow:0 28px 100px #3921483b}
#pose-album-dialog[open]{display:flex;flex-direction:column}
#pose-album-dialog::backdrop{background:#2e233d61;backdrop-filter:blur(7px)}
.album-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px 21px;background:#fff;border-bottom:1px solid #ece5f3;flex:0 0 auto}
.album-heading{min-width:0}
.album-kicker{display:block;color:#b39cc5;font-size:8px;font-weight:600;letter-spacing:2px;margin-bottom:9px;line-height:1.5}
.album-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:11px}
.album-title-line h2{font-size:23px;line-height:1.4;font-weight:600;letter-spacing:1px;color:#6b507e}
.album-title-line>output{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border-radius:5px;background:#f1eaf9;border:1px solid #e9dff2;color:#aa8cbe;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
.album-heading>p{margin-top:8px;color:#ad9cb9;font-size:11px;line-height:1.7}
.album-header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.album-header-actions>.button{height:36px;color:#9673b0;background:#f9f5fd;border-color:#e6d9f0;font-size:10px;padding:0 12px}
.album-header-actions>.button:hover{background:#f0e5fa;border-color:#cfb5e4}
.album-close{color:#ae9dbb;width:32px;height:32px;background:#f7f3fa;border:1px solid #ece3f3}
.album-close:hover{color:#8a66a5;background:#eee5f6}
.album-save-form{flex:0 0 auto;padding:18px 28px;background:#f4edf9;border-bottom:1px solid #e9ddf2}
.album-save-form>label{display:block;font-size:11px;font-weight:550;color:#8d6b9f;margin-bottom:9px}
.album-save-fields{display:flex;align-items:center;gap:8px}
.album-save-fields>input{flex:1;min-width:0;height:36px;border:1px solid #decce9;background:#fff;border-radius:6px;padding:0 11px;font-size:11px;color:#80638f}
.album-save-fields>input::placeholder{color:#bda9c8}
.album-save-fields>input:focus{border-color:#b495cf;box-shadow:0 0 0 3px #a880c40d}
.album-save-fields>.button{flex-shrink:0;height:36px;font-size:10px}
.album-save-form>p{font-size:9px;line-height:1.7;color:#af97be;margin-top:8px}
.album-browse-tools{padding:18px 28px 16px;border-bottom:1px solid #ece5f2;background:#fff;flex:0 0 auto}
.album-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}
.album-tabs{display:flex;align-items:center;gap:3px;border:1px solid #e8dff0;border-radius:7px;padding:3px;background:#f7f3fb;flex-shrink:0}
.album-tabs>button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:5px 12px;border:0;border-radius:4px;background:transparent;color:#ad98bc;font-size:10px;line-height:1.4;white-space:nowrap}
.album-tabs>button>svg{width:12px;height:12px;stroke-width:1.5}
.album-tabs>button:hover{color:#8e6aa8;background:#ffffffa6}
.album-tabs>button.active,.album-tabs>button[aria-pressed=true]{background:#fff;color:#8860a7;box-shadow:0 1px 5px #69418212;font-weight:600}
.album-search{display:flex;align-items:center;gap:8px;width:300px;max-width:44%;height:36px;padding:0 11px;background:#fbf9fd;border:1px solid #e8e0ef;border-radius:7px}
.album-search>svg{width:14px;height:14px;fill:none;stroke:#b4a2c2;stroke-width:1.6;flex-shrink:0}
.album-search>input{width:100%;min-width:0;height:100%;border:0;background:transparent;font-size:10px;color:#8c729f;outline:none}
.album-search>input::placeholder{color:#bca9c9}
.album-search:focus-within{border-color:#baa0d1;box-shadow:0 0 0 3px #a880c407}
.album-search>input:focus-visible{outline:none}
.album-categories{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:15px;min-height:25px}
.album-categories>button{display:flex;align-items:center;gap:5px;border:1px solid #eae2f2;border-radius:5px;background:#fff;padding:5px 9px;min-height:27px;color:#ae99bb;font-size:9px;line-height:1.3;white-space:nowrap}
.album-categories>button>span,.album-categories>button>small{font-size:8px;color:#c0abcc}
.album-categories>button:hover{background:#f7f1fc;border-color:#ddcbe9;color:#9572ae}
.album-categories>button.active,.album-categories>button[aria-pressed=true]{background:#eee4f9;border-color:#dcc6ee;color:#9265b3;font-weight:550}
.album-categories>button.active>span,.album-categories>button[aria-pressed=true]>span,.album-categories>button.active>small,.album-categories>button[aria-pressed=true]>small{color:#b193c7}
.album-filter-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.album-filter-bottom>.album-categories{flex:1;min-width:0}
.album-view-option{display:flex;align-items:center;gap:6px;margin-top:18px;min-height:22px;flex-shrink:0;white-space:nowrap;font-size:9px;line-height:1.5;color:#b09ac0;cursor:pointer}
.album-view-option>input{width:12px;height:12px;margin:0;accent-color:#a07bbd;cursor:pointer}
.album-content{flex:1;min-height:0;padding:23px 28px 28px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7c9e2 transparent}
.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 17px;align-items:stretch}
.album-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e8deef;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px #65437e04;transition:border-color .15s,box-shadow .15s,transform .15s}
.album-card:hover{border-color:#cdb2e1;box-shadow:0 5px 18px #69428410;transform:translateY(-2px)}
.album-card.active,.album-card[data-active=true]{border-color:#b58ad7;box-shadow:0 0 0 2px #b58ad71c}
.album-card-visual{position:relative;aspect-ratio:4/5;background:linear-gradient(150deg,#f4eef9,#ece6f3);overflow:hidden;border-bottom:1px solid #eee6f5;isolation:isolate}
.album-preview-button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.album-preview-button:focus-visible{outline:3px solid #a177c1;outline-offset:-4px;border-radius:7px 7px 0 0}
.album-preview,.album-card-visual>img,.album-card-visual>svg,.album-preview-button>img,.album-preview-button>svg,.album-card-visual>canvas,.album-preview-button>canvas{display:block;width:100%;height:100%;object-fit:contain;border:0}
.album-preview-fallback{display:grid;place-content:center;width:100%;height:100%;padding:20px;color:#9e8baa;font-size:11px;line-height:1.9;white-space:pre-line}
.album-preview-tag{position:absolute;left:10px;top:10px;padding:4px 6px;border-radius:4px;background:#fffc;color:#af94c0;font-size:8px;line-height:1.3;border:1px solid #e9dff080;pointer-events:none;z-index:1}
.album-favorite{position:absolute;top:9px;right:9px;z-index:2;display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid #e4d6ed;border-radius:50%;background:#fffffff2;color:#b6a0c4;font-size:14px;box-shadow:0 2px 7px #64477a08;backdrop-filter:blur(4px)}
.album-favorite>svg{width:14px;height:14px;stroke-width:1.55}
.album-favorite:hover{border-color:#c5a6da;color:#9970b5;background:#fff}
.album-favorite.active,.album-favorite[aria-pressed=true]{color:#a96eae;border-color:#d8b9df;background:#f9edf9}
.album-favorite.active>svg,.album-favorite[aria-pressed=true]>svg{fill:currentColor;stroke:currentColor}
.album-card-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:13px 13px 12px}
.album-card-category{display:block;font-size:8px;color:#b69fc5;letter-spacing:.4px;line-height:1.5;margin-bottom:5px}
.album-card-title,.album-card-body h3{color:#836095;font-size:12px;font-weight:600;line-height:1.6;letter-spacing:.2px;margin:0 0 5px;overflow-wrap:anywhere}
.album-card-description{font-size:9px;color:#ad98b9;line-height:1.7;margin:0 0 7px;overflow-wrap:anywhere}
.album-card-tip{font-size:8px;color:#b39bc2;line-height:1.7;margin:0 0 8px;padding:7px 8px;background:#faf6fd;border-left:2px solid #e6d8ef;border-radius:0 4px 4px 0}
.album-card-tags{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 10px}
.album-card-tags>span{display:inline-block;font-size:7px;line-height:1.5;padding:3px 5px;border-radius:3px;background:#f6f0fa;color:#b298c2;white-space:nowrap}
.album-card-actions{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:3px}
.album-apply-btn{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;min-height:30px;padding:6px 5px;background:#a07bbd;border:1px solid #a07bbd;border-radius:5px;font-size:9px;color:#fff;font-weight:550;white-space:nowrap;line-height:1.5}
.album-apply-btn:hover{background:#8c65ab;border-color:#8c65ab}
.album-apply-btn>svg{width:12px;height:12px}
.album-mirror-btn{display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;min-height:30px;padding:6px 7px;background:#fff;border:1px solid #e4d7ee;border-radius:5px;color:#a58ab7;font-size:8px;white-space:nowrap;line-height:1.5}
.album-mirror-btn:hover{background:#f7effd;border-color:#ccb2df;color:#8f69aa}
.album-mirror-btn>svg{width:11px;height:11px}
.album-delete-btn{display:grid;place-items:center;flex-shrink:0;width:29px;height:30px;padding:0;border:1px solid #e7dcea;border-radius:5px;background:#fff;color:#b599b8;font-size:9px}
.album-delete-btn:hover{color:#b47b93;background:#fcf3f7;border-color:#e5c6d2}
.album-delete-btn>svg{width:12px;height:12px}
.album-empty{max-width:420px;margin:40px auto;padding:28px 22px;border:1px dashed #decee9;background:#fff9;border-radius:10px;font-size:12px;line-height:1.9;text-align:center;color:#aa8fbd}
.album-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;min-height:47px;padding:12px 28px;border-top:1px solid #eae1f1;background:#fff}
.album-footer>p{font-size:10px;line-height:1.7;color:#ae99bd;margin:0;min-width:0;overflow-wrap:anywhere}
.album-footer-hint{display:flex;align-items:center;gap:6px;font-size:9px;line-height:1.5;color:#b6a3c3;white-space:nowrap}
.album-footer-hint>kbd{border-color:#e7dcee;color:#b29ac0;background:#fcf9ff;padding:0 4px;min-width:23px}
.album-undo-delete{display:inline-flex;align-items:center;padding:2px 0;margin-left:8px;border:0;background:transparent;color:#8b5dac;font-size:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.album-undo-delete:hover{color:#70418e}
@media(max-width:1050px){#pose-album-dialog{width:calc(100vw - 36px);max-width:calc(100vw - 36px);height:calc(100dvh - 44px);max-height:calc(100dvh - 44px)}.album-dialog-header{padding:21px 23px 19px}.album-browse-tools{padding:16px 23px 14px}.album-save-form{padding:16px 23px}.album-content{padding:20px 23px 24px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.album-footer{padding-left:23px;padding-right:23px}}
@media(max-width:700px){#pose-album-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.album-dialog-header{padding:18px 17px 16px;gap:12px;align-items:flex-start}.album-title-line{gap:8px}.album-title-line h2{font-size:19px;letter-spacing:.5px}.album-title-line>output{font-size:8px;min-height:20px;padding:2px 6px}.album-kicker{font-size:6px;letter-spacing:1.3px;margin-bottom:7px}.album-heading>p{font-size:9px;margin-top:6px}.album-header-actions{gap:7px}.album-header-actions>.button{width:31px;height:31px;padding:0}.album-header-actions>.button>span{display:none}.album-header-actions>.button>svg{width:15px;height:15px}.album-close{width:30px;height:31px}.album-toolbar{gap:11px;flex-wrap:wrap}.album-tabs{flex:1}.album-tabs>button{flex:1;font-size:9px;min-height:29px;padding:5px 7px}.album-search{width:100%;max-width:none;height:33px}.album-search>input{font-size:10px}.album-browse-tools{padding:13px 17px}.album-categories{gap:5px;margin-top:11px}.album-categories>button{font-size:8px;padding:5px 7px;min-height:25px}.album-content{padding:16px 17px 20px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px}.album-card-body{padding:11px 10px 10px}.album-card-title,.album-card-body h3{font-size:11px}.album-card-description{font-size:8px;line-height:1.65}.album-card-tip{font-size:8px;padding:6px;margin-bottom:7px}.album-card-category{font-size:7px}.album-card-tags>span{font-size:7px;padding:2px 4px}.album-card-actions{gap:5px;flex-wrap:wrap}.album-apply-btn{min-height:29px;flex-basis:54%;font-size:9px}.album-mirror-btn{min-height:29px;font-size:8px;padding:5px 6px}.album-favorite{width:27px;height:27px;top:7px;right:7px}.album-preview-tag{font-size:7px;left:7px;top:7px}.album-footer{padding:11px 17px;gap:10px;min-height:43px}.album-footer>p{font-size:9px}.album-footer-hint{display:none}.album-save-form{padding:14px 17px}.album-save-form>label{font-size:10px}.album-save-fields{gap:7px;flex-wrap:wrap}.album-save-fields>input{flex-basis:100%;font-size:10px;height:34px}.album-save-fields>.button{height:31px;font-size:9px}.album-save-form>p{font-size:8px}.album-empty{font-size:11px;margin:25px auto;padding:22px 17px}}
@media(max-width:400px){.album-heading>p{max-width:190px}.album-title-line h2{font-size:17px}.album-grid{gap:12px 9px}.album-content{padding-left:12px;padding-right:12px}.album-card-body{padding:10px 8px 9px}.album-card-actions{gap:4px}.album-apply-btn{font-size:8px}.album-mirror-btn{padding-left:4px;padding-right:4px}.album-card-tags{gap:3px}.album-card-tip{font-size:7px}}
@media(max-width:700px){.album-filter-bottom{flex-direction:column;gap:9px}.album-view-option{margin-top:0;min-height:18px;font-size:8px}.album-view-option>input{width:11px;height:11px}}
@media(max-height:700px) and (min-width:701px){.album-dialog-header{padding-top:17px;padding-bottom:16px}.album-kicker{margin-bottom:6px}.album-title-line h2{font-size:21px}.album-browse-tools{padding-top:13px;padding-bottom:13px}.album-content{padding-top:17px}.album-card-visual{aspect-ratio:1/1.05}}

/* Scene appearance: material, backdrop, and lighting stay in one inspector. */
.inspector-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.inspector-tabs button{min-width:0;text-align:center}
.scene-intro{padding:23px 0 18px}
.scene-intro .eyebrow{font-size:7px;letter-spacing:1.1px}
.scene-intro h2{font-size:14px;font-weight:600;color:#766184;margin:9px 0 7px;line-height:1.5}
.scene-intro p{font-size:9px;line-height:1.85;color:#a38eaf}
.scene-section{border-top:1px solid var(--line);padding:0 0 15px;margin:0}
.scene-section>summary{display:flex;align-items:center;gap:9px;list-style:none;padding:17px 0 13px;color:#856a97;font-size:11px;font-weight:600;cursor:pointer;line-height:1.5}
.scene-section>summary::-webkit-details-marker,.scene-advanced>summary::-webkit-details-marker,.scene-light-control>summary::-webkit-details-marker{display:none}
.scene-section>summary>small{margin-left:auto;color:#baabc5;font:8px ui-monospace,SFMono-Regular,Consolas,monospace}
.scene-section>summary>svg,.scene-advanced>summary>svg,.scene-light-control>summary>svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0;color:#b59ac7;transform:rotate(-90deg);transition:transform .15s}
.scene-section[open]>summary>svg,.scene-advanced[open]>summary>svg,.scene-light-control[open]>summary>svg{transform:rotate(0)}
.scene-section:not([open]){padding-bottom:0}
.scene-section>summary:focus-visible,.scene-advanced>summary:focus-visible,.scene-light-control>summary:focus-visible{outline:2px solid #bba1d6;outline-offset:2px;border-radius:4px}
.material-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:1px 0 14px}
.material-presets>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;padding:8px 1px 7px;border:1px solid transparent;border-radius:7px;background:#f6f2fa;color:#a08aaf;font-size:8px;line-height:1.4}
.material-presets>button:hover{border-color:#dfcee9;background:#f0e9f8;color:#8e6da6}
.material-presets>button.active,.material-presets>button[aria-pressed=true]{border-color:#c4a6df;background:#f1e7fb;color:#8659aa;font-weight:600;box-shadow:0 0 0 1px #b994d40a}
.material-swatch{position:relative;display:block;width:26px;height:26px;border-radius:50%;box-shadow:inset -3px -4px 7px #49325718,0 3px 4px #71517e14;overflow:hidden}
.material-clay{background:radial-gradient(circle at 30% 24%,#eee6f2,#c9b6d4 75%,#ae96ba)}
.material-plastic{background:radial-gradient(ellipse at 31% 24%,#fff 1%,#c2e2d8 10%,#74ae9e 42%,#488273 90%)}
.material-metal{background:linear-gradient(122deg,#c4c7d3 7%,#feffff 22%,#7a7f91 43%,#f1f3fc 52%,#9da1b2 65%,#d4d7e3 78%,#636b7f)}
.material-ceramic{background:radial-gradient(ellipse at 30% 25%,#fff 5%,#fffdf9 22%,#e8e3dc 65%,#b8adb0)}
.material-glass{border:1px solid #d0bbde;background:radial-gradient(ellipse at 29% 25%,#fff 5%,#f8f2ff20 25%,#d8c2e44a 58%,#ae95c4a8 92%)}
.material-glass:after{position:absolute;content:'';width:14px;height:17px;border-right:2px solid #fff9;border-radius:50%;left:5px;top:3px;transform:rotate(30deg)}
.scene-color-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:31px;margin:0 0 10px;color:#9880a9;font-size:10px;line-height:1.5}
.scene-color-row>input[type=color]{appearance:none;display:block;width:43px;height:25px;border:1px solid #ded2e8;border-radius:5px;padding:3px;background:#fff;cursor:pointer;flex-shrink:0}
.scene-color-row>input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.scene-color-row>input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}
.scene-color-row>input[type=color]::-moz-color-swatch{border:0;border-radius:2px}
.scene-range{margin:12px 0 13px}
.scene-range>.field-label{gap:8px;color:#9880a8;font-size:9px;line-height:1.5}
.scene-range output{font-size:9px;color:#ac94bb;font-variant-numeric:tabular-nums}
.scene-range>input[type=range]{height:3px;margin:11px 0 7px;accent-color:#a480c2}
.scene-range>p{font-size:8px;color:#b3a0bf;line-height:1.7}
.scene-advanced{margin:10px 0 0;border:1px solid #ece3f3;border-radius:6px;background:#f8f4fc}
.scene-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;font-size:9px;color:#a28ab4;padding:10px;line-height:1.4}
.scene-advanced-content{padding:0 10px 2px}
.scene-advanced-content>.scene-range:first-child{margin-top:3px}
.scene-select-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#9880a9;margin:0 0 13px}
.scene-select-row>select{max-width:135px;min-width:100px;padding:6px 8px;border:1px solid #e2d6ec;border-radius:5px;background:#fff;color:#9578a8;font-size:9px;cursor:pointer;height:31px}
.scene-image-fields{padding-bottom:8px}
.scene-image-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:104px;padding:13px 9px;border:1px dashed #d6c2e5;border-radius:7px;background:#f7f1fc;cursor:pointer;transition:background .15s,border-color .15s}
.scene-image-upload:hover{background:#f0e7f9;border-color:#bda1d4}
.scene-image-upload:focus-within{outline:2px solid #bba1d6;outline-offset:3px}
.scene-image-upload>input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.scene-image-upload>svg{width:22px;height:22px;stroke:#b196c6;fill:none;stroke-width:1.4;margin-bottom:3px}
.scene-image-upload>strong{font-size:10px;color:#9b7bae;font-weight:500}
.scene-image-upload>span{font-size:8px;color:#b6a1c4}
.scene-image-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;margin:8px 1px 0}
.scene-image-meta>span{font-size:8px;line-height:1.7;color:#ac96ba;min-width:0;overflow-wrap:anywhere}
.scene-image-meta>button{flex-shrink:0;font-size:8px;margin-top:1px}
.scene-floor-settings{padding-top:13px;margin-top:8px;border-top:1px dashed #e9deef}
.scene-floor-settings>.toggle-row{margin-bottom:12px}
.scene-floor-settings .toggle-row strong{font-size:10px;color:#987eaa}
.scene-floor-settings .toggle-row small{font-size:8px;color:#b3a0bf;margin-top:4px}
.scene-floor-settings>.scene-color-row{margin-bottom:0}
.scene-floor-note{font-size:9px;line-height:1.8;color:#9e8baa;margin:-3px 0 14px}
.viewport-ground-control{position:absolute;top:98px;left:18px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;width:174px;min-height:51px;padding:8px 10px;border:1px solid #cfc6df;border-radius:8px;background:#ffffffed;box-shadow:0 3px 12px #3c265c0d;cursor:pointer;user-select:none;transition:background .16s,border-color .16s}
.viewport-ground-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.viewport-ground-copy strong{font-size:11px;font-weight:600;line-height:1.4;color:#69557a}
.viewport-ground-copy small{font-size:9px;line-height:1.5;color:#887b94;white-space:nowrap}
.viewport-ground-control:hover{border-color:#ae98c9;background:#fff}
.viewport-ground-control:focus-within{outline:2px solid #ab90dc;outline-offset:3px}
.viewport-ground-control.active{border-color:#b49bd2;background:#f3edf9}
.viewport-ground-control.active .viewport-ground-copy strong{color:#73519b}
.viewport-ground-control.active .viewport-ground-copy small{color:#765892}
@media(max-width:640px){.viewport-ground-control{top:90px;left:14px;width:170px}}
.graphics-recovery{position:absolute;inset:0;z-index:22;display:grid;place-items:center;padding:22px;background:#eeeaf5e8;backdrop-filter:blur(5px)}
.graphics-recovery-card{width:min(410px,100%);padding:28px;border:1px solid #ded4e8;border-radius:13px;background:#fffdfd;box-shadow:0 12px 45px #47305e15}
.graphics-recovery-card h2{font-size:18px;margin:12px 0;color:#6d557f}
.graphics-recovery-card>p{font-size:12px;line-height:1.9;color:#877494;margin:0 0 21px}
.graphics-recovery-actions{display:flex;flex-wrap:wrap;gap:8px}
.graphics-recovery-actions>.button{font-size:11px;min-height:35px}
.lighting-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 16px}
.lighting-presets>button{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:30px;padding:6px 8px;border:1px solid #e9dff0;background:#fff;border-radius:5px;font-size:8px;color:#aa91ba;white-space:nowrap;line-height:1.5}
.lighting-presets>button:last-child{grid-column:span 2}
.lighting-presets>button:hover{background:#f7f0fc;border-color:#d9c4e8}
.lighting-presets>button.active,.lighting-presets>button[aria-pressed=true]{background:#f0e7fa;border-color:#d3bce6;color:#8b65a7;font-weight:600}
.lighting-dot{display:block;width:10px;height:10px;flex-shrink:0;border-radius:50%;border:1px solid #705e7e12}
.light-soft{background:linear-gradient(135deg,#fff1df,#dcd0f3)}
.light-daylight{background:linear-gradient(135deg,#ffe8ac,#c6defa)}
.light-dramatic{background:linear-gradient(135deg,#f3e4ca 45%,#62596d 70%)}
.light-warm{background:linear-gradient(135deg,#fff4ca,#eab38f)}
.light-neon{background:linear-gradient(135deg,#ef9dcf 40%,#8bcbf1 60%)}
.scene-light-control{border:1px solid #e9e0f0;border-radius:6px;margin-top:8px;background:#fff}
.scene-light-control>summary{list-style:none;display:flex;align-items:center;gap:7px;padding:10px 9px;font-size:9px;color:#9676aa;line-height:1.5;cursor:pointer}
.scene-light-number{display:grid;place-items:center;width:17px;height:18px;border-radius:4px;background:#f1e9f9;color:#b097c2;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;flex-shrink:0}
.scene-light-control>summary>small{font-size:7px;color:#b8a4c6;margin-left:auto}
.scene-light-control>summary>svg{width:10px;height:10px;margin-left:2px}
.scene-light-control>div{padding:1px 10px 0;border-top:1px solid #f4edf8}
.scene-light-control .scene-color-row{margin:9px 0 7px;font-size:9px}
.scene-light-control .scene-color-row>input[type=color]{height:22px;width:37px}
.scene-check-row{display:flex;align-items:center;gap:7px;min-height:24px;font-size:9px;color:#a087b2;line-height:1.65;cursor:pointer}
.scene-check-row>input{width:12px;height:12px;margin:0;flex-shrink:0;accent-color:#9b74bc;cursor:pointer}
.scene-section>.scene-check-row{margin-top:13px}
.scene-export-setting{padding:15px 0 18px;border-top:1px solid var(--line)}
.scene-export-setting>.scene-check-row{font-size:10px;color:#9370a9}
.scene-export-setting>p{font-size:8px;color:#b29cc0;line-height:1.75;margin:4px 0 0 19px}
#scene-reset-btn{font-size:10px;color:#9b7fb1;background:#fbf8fe}
.scene-save-note{font-size:8px;line-height:1.8;color:#b6a1c3;text-align:center;margin:10px 0 1px}

/* A bounded variation workflow with a distinct settings rail and candidate grid. */
.variations-header-button{color:#9473b4;background:#fcf9ff;border-color:#e4d7ef}
.variations-header-button:hover{background:#f2eafa;border-color:#d4bfe7}
.variations-launch{display:flex;align-items:center;gap:7px;width:100%;min-height:34px;padding:9px 8px;margin-top:7px;border:1px solid #e5d9ef;border-radius:6px;background:#fcf9ff;color:#a083b5;font-size:9px;text-align:left;line-height:1.5}
.variations-launch:hover{background:#f1e8fa;border-color:#cfb8e0;color:#8e65ac}
.variations-launch>svg{width:13px;height:13px;flex-shrink:0}
.variations-launch>svg:last-child{margin-left:auto;width:10px;height:10px;transform:rotate(-90deg)}
#pose-variations-dialog{width:min(1130px,calc(100vw - 48px));height:min(820px,calc(100dvh - 64px));max-width:calc(100vw - 48px);max-height:calc(100dvh - 64px);padding:0;border:1px solid #e3d7ec;border-radius:17px;overflow:hidden;background:#faf7fd;box-shadow:0 28px 100px #3921483b}
#pose-variations-dialog[open]{display:flex;flex-direction:column}
#pose-variations-dialog::backdrop{background:#2e233d61;backdrop-filter:blur(7px)}
.variations-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:25px 28px 22px;background:#fff;border-bottom:1px solid #eae1f0;flex:0 0 auto}
.variations-header>div{min-width:0}
.variations-header>.album-close{margin-top:4px;flex-shrink:0}
.variations-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.variations-title-line>h2{font-size:23px;line-height:1.4;font-weight:600;letter-spacing:.7px;color:#705082}
.variations-source-badge{display:inline-block;padding:4px 7px;border:1px solid #e7dbee;border-radius:4px;background:#f7f1fc;font-size:8px;color:#b195c2;line-height:1.4;white-space:nowrap}
.variations-header p{font-size:11px;color:#ad96ba;line-height:1.7;margin-top:9px}
.variations-workspace{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:0;flex:1}
.variations-options{padding:21px 21px 24px;background:#fff;border-right:1px solid #eae1f0;overflow:auto;scrollbar-width:thin;scrollbar-color:#decfe8 transparent;overscroll-behavior:contain}
.variations-option-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;font-size:11px;font-weight:600;color:#9975ad;line-height:1.5}
.variations-option-heading>svg{width:14px;height:14px;fill:none;stroke:#b79dc8;stroke-width:1.5}
.variations-select-field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px;font-size:10px;color:#a58bb6;line-height:1.5}
.variations-select-field>select{width:100%;height:36px;min-width:0;padding:7px 9px;border:1px solid #e3d5ed;border-radius:6px;background:#fbf8fe;color:#8c689f;font-size:11px;cursor:pointer}
.variations-intensity{margin:23px 0 22px}
.variations-intensity>.field-label{color:#a58bb6;gap:8px}
.variations-intensity output{color:#aa8abb;font-size:10px;font-variant-numeric:tabular-nums}
.variations-intensity>input{margin-top:14px;accent-color:#a27bc1}
.variations-intensity>.range-caption{font-size:8px;color:#bba4c8;margin-top:2px;margin-bottom:0}
.variations-locks{border:0;border-top:1px solid #eee5f4;padding:15px 0 0;margin:0 0 22px;min-width:0}
.variations-locks>legend{padding:0 7px 0 0;font-size:9px;color:#b097bf;line-height:1.5}
.variations-locks>label{display:flex;align-items:flex-start;gap:9px;cursor:pointer;margin:0 0 14px}
.variations-locks>label:last-child{margin-bottom:0}
.variations-locks input{height:12px;width:12px;margin:3px 0 0;accent-color:#9b74bc;cursor:pointer;flex-shrink:0}
.variations-locks strong{display:block;font-weight:500;font-size:10px;color:#9f7eb0;line-height:1.7}
.variations-locks small{display:block;font-size:8px;color:#b7a0c3;line-height:1.7;margin-top:3px}
.variations-generate{width:100%;height:38px;font-size:10px;border-radius:6px;background:#a07bbd;border-color:#a07bbd;gap:7px}
.variations-generate:hover{background:#8e66ad;border-color:#8e66ad}
.variations-generate>svg{height:15px;width:15px}
.variations-options-note{font-size:8px;line-height:1.9;color:#b49bc2;margin:12px 1px 0}
.variations-album-link{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:0;border-top:1px solid #eee5f4;background:transparent;color:#a488b6;font-size:9px;line-height:1.6;padding:15px 0 0;margin-top:18px;grid-column:1/-1}
.variations-album-link>svg{width:12px;height:12px}
.variations-album-link:hover{color:#8c61a6}
.variations-results{min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;padding:23px 25px 28px;scrollbar-width:thin;scrollbar-color:#d7c9e2 transparent}
.variations-results-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:21px}
.variations-results-heading .eyebrow{font-size:7px;color:#bea7cd;letter-spacing:1.5px;line-height:1.5}
.variations-results-heading h3{font-size:13px;font-weight:550;color:#9774ab;margin-top:5px;line-height:1.5}
.variations-results-heading>output{font-size:9px;color:#b19ac0;white-space:nowrap}
.variations-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;height:calc(100% - 62px);padding:30px 20px;text-align:center;border:1px dashed #e1d2ec;border-radius:10px;background:radial-gradient(ellipse at 50% 25%,#f2e9fbe6,transparent 60%),#ffffff70}
.variations-empty-icon{height:64px;width:64px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(140deg,#e9dbf5,#f2eafa);border:1px solid #e5d6f1;box-shadow:0 8px 25px #9f72bf12;margin-bottom:22px;transform:rotate(-5deg)}
.variations-empty-icon>svg{width:29px;height:29px;fill:none;stroke:#b08bc7;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;transform:rotate(5deg)}
.variations-empty>h3{font-size:16px;font-weight:500;color:#9a75ad;line-height:1.6;margin-bottom:11px}
.variations-empty>p{font-size:11px;color:#b49cc2;line-height:1.95;max-width:330px}
.variations-empty>span{font-size:9px;color:#c0abcb;line-height:1.8;margin-top:23px;max-width:290px}
.variations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 15px;align-items:start}
.variation-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #e6dbee;border-radius:9px;box-shadow:0 3px 10px #65437e05;transition:border-color .15s,box-shadow .15s,transform .15s}
.variation-card:hover{border-color:#c5a7dc;box-shadow:0 5px 17px #69428410;transform:translateY(-2px)}
.variation-card.active,.variation-card[aria-selected=true],.variation-card[data-selected=true]{border-color:#b28bd0;box-shadow:0 0 0 2px #b38dd51c}
.variation-preview{position:relative;display:block;aspect-ratio:4/5;width:100%;min-width:0;background:linear-gradient(150deg,#eee5f7,#f8f4fc);overflow:hidden;border:0;border-bottom:1px solid #eee6f5;padding:0;border-radius:0;isolation:isolate}
.variation-preview>img,.variation-preview>canvas,.variation-preview>svg{display:block;width:100%;height:100%;object-fit:contain}
.variation-preview:focus-visible{outline:3px solid #a177c1;outline-offset:-4px;border-radius:7px 7px 0 0}
.variation-preview-fallback{display:grid;place-items:center;aspect-ratio:4/5;width:100%;padding:20px;color:#b09ac0;font-size:10px;line-height:1.8;text-align:center;background:linear-gradient(150deg,#eee5f7,#f8f4fc)}
.variation-card-number,.variation-saved-badge{position:absolute;top:9px;left:9px;z-index:2;padding:4px 6px;background:#ffffffdf;border:1px solid #e9dff0;border-radius:4px;color:#ad92bf;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.4;pointer-events:none}
.variation-saved-badge{right:9px;left:auto;color:#8c9e8f;background:#f4fbf4ec;border-color:#dce8de;font-family:inherit;font-size:8px}
.variation-card-body{padding:12px 11px 11px;min-width:0;display:flex;flex-direction:column;gap:6px}
.variation-card h3,.variation-card-title{font-size:11px;font-weight:600;line-height:1.6;color:#9670ab;margin:0;overflow-wrap:anywhere}
.variation-card-description,.variation-card-body>p{font-size:8px;line-height:1.7;color:#b49bc3;margin:0;overflow-wrap:anywhere}
.variation-card-actions{display:flex;gap:6px;align-items:stretch;margin-top:4px}
.variation-card-actions>button{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;min-height:30px;padding:6px 4px;border:1px solid #e1d2ec;border-radius:5px;background:#fff;color:#a084b3;font-size:8px;line-height:1.5;white-space:nowrap}
.variation-card-actions>button:hover{border-color:#c6a9dc;background:#f6edfc;color:#9269ab}
.variation-card-actions>button:first-child,.variation-card-actions>.variation-apply-btn{border-color:#a27dbe;background:#a27dbe;color:#fff}
.variation-card-actions>button:first-child:hover,.variation-card-actions>.variation-apply-btn:hover{border-color:#8f67ad;background:#8f67ad}
.variation-card-actions>button>svg{width:11px;height:11px}
.variation-card-actions>button[data-saved=true]{border-color:#dbe6dc;color:#8ba18d;background:#f5faf5}
.variations-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 27px;border-top:1px solid #e8dfef;background:#fff;flex:0 0 auto}
.variations-footer>p{font-size:10px;line-height:1.75;color:#aa91b9;min-width:0;overflow-wrap:anywhere}
#pose-variations-dialog[aria-busy=true] .variations-generate>svg{animation:variation-spin 2s linear infinite}
@keyframes variation-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#pose-variations-dialog[aria-busy=true] .variations-generate>svg{animation:none}.variation-card:hover{transform:none}}
@media(max-width:1180px){.inspector-tabs{gap:13px}.material-presets{gap:3px}.material-swatch{height:24px;width:24px}.lighting-presets>button{font-size:8px;padding-left:6px;gap:5px}.scene-range>.field-label{font-size:9px}.scene-light-control>summary{padding-left:7px;padding-right:7px;gap:5px}.scene-light-control>summary>small{font-size:7px}.variations-launch{font-size:8px;padding-left:6px;padding-right:6px;gap:5px}}
@media(max-width:980px){.header-actions>.button>span{display:none}.header-actions>.button{height:32px;width:32px;padding:0}.variations-workspace{grid-template-columns:205px minmax(0,1fr)}.variations-options{padding:20px 17px}.variations-results{padding:21px 20px 25px}.variations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.variations-title-line>h2{font-size:21px}}
@media(max-width:700px){#pose-variations-dialog{width:calc(100vw - 20px);height:calc(100dvh - 24px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:12px}.variations-header{padding:19px 18px 17px;gap:12px}.variations-header .album-kicker{font-size:6px;letter-spacing:1.3px;margin-bottom:7px}.variations-title-line{gap:7px}.variations-title-line>h2{font-size:19px}.variations-source-badge{font-size:7px;padding:3px 5px}.variations-header p{font-size:9px;margin-top:7px;max-width:290px}.variations-workspace{display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7c9e2 transparent}.variations-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 10px;overflow:visible;padding:16px 18px 17px;border-right:0;border-bottom:1px solid #eae1f0;flex:0 0 auto}.variations-option-heading{grid-column:1/-1;margin:0 0 1px;font-size:10px}.variations-select-field{margin:0;font-size:8px;gap:5px}.variations-select-field>select{height:32px;font-size:9px;padding:5px}.variations-intensity{grid-column:1/-1;margin:2px 0 0}.variations-intensity>.field-label{font-size:9px}.variations-intensity>input{margin-top:10px}.variations-intensity>.range-caption{font-size:7px;margin-top:0}.variations-locks{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:1px 0 0;padding-top:10px}.variations-locks>legend{font-size:8px}.variations-locks>label{gap:7px;margin:0}.variations-locks strong{font-size:9px}.variations-locks small{font-size:7px;line-height:1.6}.variations-locks input{width:11px;height:11px}.variations-generate{grid-column:1/-1;height:34px;font-size:10px;margin-top:1px}.variations-options-note{grid-column:1/-1;font-size:7px;line-height:1.8;margin:-3px 1px 0}.variations-results{overflow:visible;flex:1;min-height:auto;padding:19px 18px 23px}.variations-results-heading{margin-bottom:16px;gap:8px}.variations-results-heading .eyebrow{font-size:6px;letter-spacing:1.2px}.variations-results-heading h3{font-size:12px}.variations-results-heading>output{font-size:8px}.variations-grid{gap:13px 11px}.variation-card-body{padding:10px 9px 9px}.variation-card h3,.variation-card-title{font-size:10px}.variation-card-description,.variation-card-body>p{font-size:7px}.variation-card-actions{gap:5px;flex-wrap:wrap}.variation-card-actions>button{min-height:29px;font-size:8px;padding:5px}.variation-card-actions>button>svg{width:10px;height:10px}.variation-card-number,.variation-saved-badge{top:7px;padding:3px 5px;font-size:7px}.variation-card-number{left:7px}.variation-saved-badge{right:7px}.variations-empty{height:auto;min-height:270px;padding:25px 16px}.variations-empty-icon{width:49px;height:49px;border-radius:15px;margin-bottom:17px}.variations-empty-icon>svg{width:25px;height:25px}.variations-empty>h3{font-size:14px;margin-bottom:8px}.variations-empty>p{font-size:9px;line-height:1.9}.variations-empty>span{font-size:8px;margin-top:16px}.variations-footer{min-height:43px;padding:10px 18px}.variations-footer>p{font-size:9px}.variations-footer>.album-footer-hint{display:none}}
@media(max-width:640px){.header-actions>.button{height:31px;width:31px}.scene-intro h2{font-size:14px}.scene-intro p{font-size:10px}.scene-section>summary{font-size:11px}.material-presets>button{font-size:9px;padding-top:9px;padding-bottom:8px}.material-swatch{width:27px;height:27px}.scene-range>.field-label,.scene-color-row{font-size:10px}.lighting-presets>button{font-size:9px}.scene-save-note{font-size:9px}.variations-launch{font-size:9px}}
@media(max-width:400px){.header-actions>.button{width:28px}.header-actions .icon-button{width:27px}.variations-title-line>h2{font-size:17px}.variations-source-badge{font-size:6px}.variations-header{padding-left:15px;padding-right:15px}.variations-options{padding-left:15px;padding-right:15px;gap:12px 8px}.variations-results{padding-left:13px;padding-right:13px}.variations-select-field>select{font-size:8px}.variations-grid{gap:11px 9px}.variation-card-actions{flex-direction:column}.variation-card-actions>button{width:100%}.variations-footer{padding-left:15px;padding-right:15px}}
@media(max-height:700px) and (min-width:701px){.variations-header{padding-top:17px;padding-bottom:16px}.variations-header .album-kicker{margin-bottom:6px}.variations-title-line>h2{font-size:21px}.variations-header p{font-size:10px;margin-top:6px}.variations-options{padding-top:17px}.variations-option-heading{margin-bottom:17px}.variations-select-field{margin-bottom:15px}.variations-results{padding-top:18px}.variation-preview{aspect-ratio:1/1.08}.variations-empty{min-height:270px}}

/* Hands and feet have a separate inspector; the viewport stays uncluttered. */
.inspector-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.extremities-intro{padding:21px 0 16px}
.extremities-intro>.eyebrow{font-size:7px;letter-spacing:1.3px;color:#ac91bd}
.extremities-intro>h2{font-size:14px;color:#866299;font-weight:600;line-height:1.5;margin:7px 0 6px}
.extremities-intro>p{font-size:9px;color:#a78db7;line-height:1.8;margin:0}
.extremities-targets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:#f2edf7;border:1px solid #e6dced;border-radius:7px;padding:4px}
.extremities-targets>button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:29px;padding:5px 2px;border:1px solid transparent;border-radius:4px;background:transparent;color:#a78bb8;font-size:10px;line-height:1.5;white-space:nowrap}
.extremity-side{font:7px ui-monospace,SFMono-Regular,Consolas,monospace;color:#bfaccb}
.extremities-targets>button:hover{background:#fcfaff;color:#8b61a3}
.extremities-targets>button.active,.extremities-targets>button[aria-pressed=true]{border-color:#ddccea;background:#fff;color:#82599c;box-shadow:0 2px 5px #76508e0a;font-weight:600}
.extremities-targets>button.active>.extremity-side{color:#ad8ac3}
.extremity-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:21px 0 15px;min-width:0}
.extremity-selection .eyebrow{font-size:6px;letter-spacing:1.4px;color:#bea5cd;line-height:1.5}
.extremity-selection h3{font-size:14px;color:#9068a5;line-height:1.5;font-weight:550;margin:4px 0 0}
.extremity-view-actions{display:flex;gap:5px;align-items:center}
.extremity-view-actions>button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:5px 6px;border:1px solid #e5d9ed;border-radius:5px;color:#a485b6;font-size:8px;line-height:1.5;background:#fcf9ff}
.extremity-view-actions>button:hover{color:#8d61a6;border-color:#ceb5df;background:#f4ebfb}
.extremity-view-actions svg{width:11px;height:11px;flex-shrink:0}
.extremity-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 16px}
.extremity-presets>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:7px 4px;border:1px solid #e2d4ec;border-radius:5px;background:#fff;color:#9b77af;font-size:10px;line-height:1.5;white-space:nowrap}
.extremity-presets>button:hover{border-color:#c3a2d9;background:#f6eefd;color:#865d9f}
.extremity-presets>button.active,.extremity-presets>button[aria-pressed=true]{border-color:#c8aedc;color:#845b9e;background:#efe4f8;box-shadow:inset 0 0 0 1px #c8aedc1a}
.hand-preset-mark{font-size:11px;color:#baa0cb;font-weight:400}
.hand-master-control{border:1px solid #e5d7ef;background:linear-gradient(150deg,#f4edf9,#faf7fd);border-radius:7px;padding:13px 11px 11px;margin-bottom:22px}
.hand-master-control>.field-label{font-size:10px;color:#9470aa;margin:0 0 11px;gap:6px}
.hand-master-control output{font-size:7px;color:#b197c1;white-space:nowrap}
.hand-master-control output.mixed{color:#9872b4;background:#eadcf5;border-radius:3px;padding:2px 4px}
.extremity-control-line{display:flex;align-items:center;gap:10px;min-width:0}
.extremity-control-line>input[type=range]{flex:1;min-width:0;width:auto;margin:0}
.extremity-number{display:inline-flex;align-items:center;justify-content:center;gap:2px;flex:0 0 58px;width:58px;min-height:25px;padding:0 5px;border:1px solid #e0d2eb;border-radius:5px;background:#fff;color:#ae91bf;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}
.extremity-number:focus-within{border-color:#b897cf;box-shadow:0 0 0 2px #a078be12}
.extremity-number>input{width:100%;min-width:0;height:25px;padding:0;border:0;outline:none;background:transparent;color:#9470ab;text-align:center;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;appearance:textfield;-moz-appearance:textfield}
.extremity-number>input::-webkit-inner-spin-button,.extremity-number>input::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}
.extremity-number>input:focus-visible{outline:none}
.extremity-range-caption{display:flex;justify-content:space-between;align-items:center;gap:4px;margin:7px 0 0;color:#baa3c8;font-size:7px;line-height:1.5}
.hand-master-control>.extremity-range-caption{padding-right:68px}
.hand-master-control>p{font-size:8px;color:#af94bf;line-height:1.8;margin:11px 0 0;padding-top:9px;border-top:1px solid #e8dcf0}
.hand-grip-control{margin-bottom:12px}
.hand-spread-control{border-color:#dce2ee;background:linear-gradient(150deg,#f0f3fa,#f8f9fd)}
.hand-spread-control>.field-label{color:#7f8eac}
.hand-spread-control input[type=range]{accent-color:#91a2c2}
.hand-spread-control>.extremity-range-caption{color:#9ca9c0}
.hand-spread-control>p{color:#96a2ba;border-top-color:#e0e6f0}
.hand-spread-control .extremity-number{border-color:#d9e0ed;color:#99a7bf}
.hand-spread-control .extremity-number>input{color:#7c8fae}
.hand-spread-reset{display:inline-flex;align-items:center;gap:3px;min-height:24px;padding:3px 5px;border:1px solid transparent;border-radius:4px;background:transparent;color:#95a3bb;font-size:8px;line-height:1.5;white-space:nowrap}
.hand-spread-reset>svg{width:11px;height:11px}
.hand-spread-reset:hover{color:#7287aa;border-color:#d1dbeb;background:#e9eef8}
.extremity-section-heading{display:flex;justify-content:space-between;gap:7px;align-items:center;margin-bottom:3px}
.extremity-section-heading>h3{font-size:10px;font-weight:550;line-height:1.6;color:#9874ac;margin:0}
.extremity-section-heading>span{font-size:7px;line-height:1.5;color:#b6a0c3;white-space:nowrap}
.finger-control{padding:11px 0 12px;border-bottom:1px solid #ece4f3}
.finger-control:last-child{border-bottom:0}
.finger-label{display:flex;align-items:center;gap:6px;min-width:0}
.finger-label>label{display:flex;align-items:center;gap:7px;flex:1;min-width:0;font-size:10px;color:#9877ac;line-height:1.6;cursor:pointer}
.finger-index{color:#c0adcb;font:7px ui-monospace,SFMono-Regular,Consolas,monospace;flex-shrink:0}
.finger-label>.extremity-number{min-height:23px;flex-basis:54px;width:54px;background:#f7f1fc}
.finger-label>.extremity-number>input{height:23px;font-size:9px}
.finger-reset{display:grid;place-items:center;width:21px;height:23px;flex:0 0 21px;border:1px solid transparent;border-radius:4px;background:transparent;color:#b9a1c7;padding:3px}
.finger-reset>svg{width:11px;height:11px}
.finger-reset:hover{color:#9470ac;border-color:#dfcdeb;background:#f3ebfa}
.finger-control>input[type=range]{display:block;width:100%;margin:12px 0 0;accent-color:#aa86c3}
.finger-control.edited>.finger-label>label{color:#87639e}
.finger-control.edited .finger-index{color:#a580ba}
.extremity-field-note{font-size:8px;line-height:1.9;color:#b39bc0;margin:6px 0 0}
.foot-control{margin:0;padding:18px 0 20px;border-top:1px solid #e9deef}
.foot-control>.field-label{gap:8px;color:#9773ab;font-size:10px;margin-bottom:14px}
.foot-control>input[type=range]{display:block;width:100%;accent-color:#aa86c3;margin:0}
.foot-control>p{font-size:8px;line-height:1.8;color:#b399c1;margin:11px 0 0}
.extremity-tip{display:flex;align-items:flex-start;gap:8px;background:#f4eef9;border:1px solid #e6daee;border-radius:6px;padding:11px 10px;margin:1px 0 0}
.extremity-tip>.tip-mark{flex-shrink:0;margin-top:1px}
.extremity-tip>p{font-size:8px;line-height:1.9;color:#ab8fbd;margin:0}
.extremity-footer-actions{display:flex;flex-direction:column;align-items:stretch;gap:11px;padding-top:19px;margin-top:17px;border-top:1px solid #e9dfee}
.extremity-footer-actions>.button{width:100%;min-height:33px;font-size:10px;border-color:#dfcfeb;color:#9c79af;background:#fcfaff;gap:7px;justify-content:center}
.extremity-footer-actions>.button:hover{background:#f4ebfb;border-color:#caaddf}
.extremity-footer-actions>.text-button{align-self:center;display:flex;align-items:center;gap:5px;font-size:8px;color:#ac91bc}
.extremity-footer-actions svg{width:12px;height:12px}
.extremities-status{font-size:8px;line-height:1.9;color:#b49cc1;margin:12px 0 7px;text-align:center;overflow-wrap:anywhere}
@media(max-width:1180px){.inspector-tabs{gap:8px}.extremities-targets{gap:2px;padding:3px}.extremities-targets>button{font-size:9px;gap:3px}.extremity-side{font-size:6px}.extremity-view-actions{gap:3px}.extremity-view-actions>button{font-size:7px;padding-left:5px;padding-right:5px}.hand-master-control{padding-left:9px;padding-right:9px}.extremity-control-line{gap:7px}.extremity-number{flex-basis:52px;width:52px}.hand-master-control>.extremity-range-caption{padding-right:59px;font-size:6px}.finger-label{gap:4px}.finger-label>label{gap:5px;font-size:9px}.finger-label>.extremity-number{flex-basis:50px;width:50px}}
@media(max-width:640px){.extremities-intro>p{font-size:10px}.extremities-targets>button{font-size:10px;min-height:32px}.extremity-view-actions>button{font-size:9px;min-height:29px;padding:5px 7px}.hand-master-control>.field-label,.finger-label>label,.foot-control>.field-label{font-size:11px}.hand-master-control output{font-size:8px}.extremity-field-note,.hand-master-control>p,.foot-control>p,.extremities-status{font-size:9px}.extremity-range-caption{font-size:8px}.hand-master-control>.extremity-range-caption{font-size:7px}.finger-label>.extremity-number{flex-basis:56px;width:56px}.finger-label>.extremity-number>input{font-size:10px}}

@media(max-width:1450px){.cloud-header-button span{display:none}.cloud-header-button{min-width:36px;padding:8px}}

/* Cloud collection stays in the active studio without navigation. */
.cloud-panel-dialog{width:min(1280px,calc(100vw - 40px));max-width:none;height:min(900px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #e1d9eb;border-radius:18px;background:#f7f6fa;color:#483558;overflow:hidden;box-shadow:0 28px 90px #30223f36}
.cloud-panel-dialog[open]{display:flex;flex-direction:column}.cloud-panel-dialog::backdrop{background:#2c243957;backdrop-filter:blur(4px)}
.cloud-panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 auto;padding:19px 26px;background:#fff;border-bottom:1px solid #e9e3ef}.cloud-panel-header h2{font-size:19px;font-weight:650;margin:0}.cloud-panel-header p{font-size:11px;color:#92849f;margin:5px 0 0;line-height:1.6}.cloud-panel-header .icon-button{flex-shrink:0;width:36px;height:36px}
.cloud-panel-content{flex:1;min-height:0;position:relative}.cloud-panel-content iframe{border:0;display:block;width:100%;height:100%;background:#f7f6fa}.cloud-panel-loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;margin:0;background:#f7f6fa;color:#8b789d;font-size:13px;pointer-events:none}.cloud-panel-loading[hidden]{display:none}
@media(max-width:640px){.cloud-panel-dialog{width:calc(100vw - 12px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.cloud-panel-header{padding:15px 17px;gap:12px}.cloud-panel-header h2{font-size:17px}.cloud-panel-header p{font-size:10px}}