.studio-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-top:35px;padding-bottom:20px}.studio-hero h1{margin:0;color:#f1f2eb;font-size:clamp(36px,4vw,54px);line-height:1;letter-spacing:-.04em}.studio-hero p:not(.eyebrow){max-width:680px;margin:12px 0 0;color:#9db0bd;font-size:14px}.studio-hero>.button{flex:none;margin-bottom:2px}
.garage-console{display:grid;grid-template-columns:minmax(230px,290px) minmax(0,1fr);gap:16px;align-items:start}.garage-account-panel,.garage-active-panel,.garage-storage-panel,.skin-dino-column,.skin-viewport-panel,.skin-editor-panel-v2{border:1px solid rgba(159,188,208,.14);background:linear-gradient(145deg,rgba(23,36,50,.96),rgba(12,22,34,.98));box-shadow:0 16px 38px rgba(0,0,0,.18)}.garage-account-panel{padding:21px;position:sticky;top:16px}.garage-label-row,.garage-section-head,.skin-panel-title,.skin-viewport-toolbar,.skin-viewport-controls,.skin-channel-heading,.skin-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.garage-label-row .overline,.skin-panel-title .overline,.skin-viewport-toolbar .overline{margin:0;color:#7adbb4;font-size:9px}.tier-chip,.status-pill,.preview-only-chip,.model-placeholder-tag{border:1px solid rgba(121,215,181,.24);border-radius:99px;padding:6px 9px;color:#a3cabc;font:800 9px/1.1 Consolas,monospace;letter-spacing:.07em;white-space:nowrap}.garage-identity{margin:22px 0 13px;color:#e4ecef;font-size:14px;font-weight:700;line-height:1.55}.garage-account-panel>#garageLogin[hidden]{display:none}.membership-card{margin-top:21px;padding:15px;background:#0c1a26;border:1px solid rgba(159,188,208,.13);border-radius:10px}.membership-card>span,.membership-card>small{display:block;color:#8296a5;font-size:9px;letter-spacing:.1em}.membership-card>strong{display:block;margin:10px 0 6px;color:#edf1ea;font-size:15px}.membership-card>small{font-size:11px;letter-spacing:0;line-height:1.5}.garage-connection{display:flex;align-items:flex-start;gap:9px;margin-top:17px;color:#9eb0bc;font-size:11px;line-height:1.5}.garage-connection i,.model-placeholder-tag i{width:7px;height:7px;flex:none;margin-top:4px;border-radius:50%;background:#f4b95f;box-shadow:0 0 0 3px rgba(244,185,95,.1)}.garage-main-column{display:grid;gap:16px}.garage-active-panel,.garage-storage-panel{padding:21px}.garage-section-head{align-items:flex-start;margin-bottom:16px}.garage-section-head .overline{margin:0;color:#7adbb4;font-size:9px}.garage-section-head h2,.skin-panel-title h2,.skin-viewport-toolbar h2{margin:6px 0 0;color:#eef0e8;font-size:20px;letter-spacing:-.025em}.status-pill{color:#e5c18a;border-color:rgba(229,193,138,.22);font-size:8px}.garage-active-dino{display:flex;align-items:center;gap:15px;min-height:112px;padding:16px;border:1px dashed rgba(159,188,208,.2);border-radius:10px;background:rgba(5,13,21,.32);color:#9eafbb}.garage-empty-mark{display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(159,188,208,.18);border-radius:12px;color:#6e8797;font-size:26px}.garage-active-dino p{max-width:470px;margin:0;font-size:13px;line-height:1.55}.garage-active-dino[data-ready=true]{border-style:solid}.garage-dino-title{display:block;color:#f1f3eb;font-size:18px;font-weight:800}.garage-dino-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:7px;color:#9eb3c0;font-size:11px}.garage-edit-skin{margin-top:13px;font-size:10px;letter-spacing:.08em}.garage-edit-skin[hidden]{display:none}.garage-unavailable{margin:0 0 14px;color:#9eafbb;font-size:12px;line-height:1.6}.garage-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.garage-slot-empty{min-height:112px;padding:13px;border:1px dashed rgba(159,188,208,.2);border-radius:9px;background:rgba(5,13,21,.25)}.garage-slot-empty>span{display:block;color:#7490a0;font:700 9px Consolas,monospace}.garage-slot-empty>b,.garage-slot-empty>small{display:block;margin-top:12px;color:#cad5d8;font-size:11px}.garage-slot-empty>small{margin-top:5px;color:#8799a5;font-size:10px;line-height:1.45}.garage-store-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px}.garage-store-actions>span{flex:1 1 220px;color:#8799a5;font-size:10px;line-height:1.5}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.skin-studio-v2{display:grid;grid-template-columns:minmax(225px,260px) minmax(390px,1fr) minmax(315px,355px);gap:13px;align-items:start}.skin-dino-column,.skin-editor-panel-v2{padding:18px}.skin-dino-column{position:sticky;top:12px}.skin-panel-title{align-items:flex-start;position:relative}.skin-panel-title h2{font-size:17px}.icon-button{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(159,188,208,.2);border-radius:8px;background:#132435;color:#d5e3e7;font-size:18px;cursor:pointer}.skin-login[hidden]{display:none}.skin-dino-list{margin-top:15px}.skin-dino-empty,.skin-dino-card{padding:14px;border:1px dashed rgba(159,188,208,.2);border-radius:10px;background:rgba(4,12,20,.3)}.skin-dino-empty>span{display:block;color:#74d8b1;font:700 10px Consolas,monospace}.skin-dino-empty>b{display:block;margin-top:11px;color:#e7eee9;font-size:12px}.skin-dino-empty>small{display:block;margin-top:7px;color:#91a4b0;font-size:10px;line-height:1.5}.skin-dino-card{border-style:solid;border-color:rgba(121,215,181,.35);background:linear-gradient(145deg,rgba(23,60,55,.48),rgba(5,18,26,.5))}.skin-dino-card[aria-selected=true]{box-shadow:inset 0 0 0 1px rgba(121,215,181,.15)}.skin-dino-card>span{display:block;color:#78dcb3;font:800 9px Consolas,monospace;letter-spacing:.1em}.skin-dino-card>b{display:block;margin-top:8px;color:#f3f3e9;font-size:14px}.skin-dino-card small{display:block;margin-top:5px;color:#a3b8bd;font-size:10px}.skin-dino-facts{margin:13px 0 0}.skin-dino-facts>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(159,188,208,.1)}.skin-dino-facts dt{color:#8ea1af;font-size:10px}.skin-dino-facts dd{max-width:60%;margin:0;color:#e5eceb;font-size:10px;font-weight:700;text-align:right;overflow-wrap:anywhere}.skin-disclaimer{margin:14px 0 0;color:#8799a5;font-size:10px;line-height:1.55}.skin-viewport-panel{padding:16px;min-width:0}.skin-viewport-toolbar{min-height:38px}.skin-viewport-toolbar h2{font-size:18px}.model-placeholder-tag{display:inline-flex;align-items:center;gap:8px;color:#f2c879;border-color:rgba(242,200,121,.23);font-size:8px}.model-placeholder-tag i{background:#edb95e}.skin-canvas-wrap{position:relative;height:clamp(430px,54vh,660px);margin-top:13px;overflow:hidden;border:1px solid rgba(159,188,208,.12);border-radius:11px;background:radial-gradient(ellipse at 49% 40%,#1e3546 0,#122535 48%,#0a1520 100%)}#skin3dCanvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}#skin3dCanvas:active{cursor:grabbing}#skin3dCanvas:focus-visible{box-shadow:inset 0 0 0 2px #70ddb1}.skin3d-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:30px;background:#0c1722;color:#f0cf89;text-align:center;font-size:13px;line-height:1.6}.skin3d-fallback[hidden]{display:none}.skin-model-stamp{position:absolute;left:14px;bottom:13px;color:rgba(209,226,232,.18);font:900 21px/1 Consolas,monospace;letter-spacing:.03em;pointer-events:none}.skin-model-stamp small{font-size:7px;letter-spacing:.18em}.skin-viewport-controls{justify-content:flex-start;flex-wrap:wrap;padding:12px 1px 4px}.skin-viewport-controls .button{min-height:34px;padding:0 10px;font-size:9px}.toggle-control{display:flex;align-items:center;gap:7px;color:#b2c1c7;font-size:10px;cursor:pointer}.toggle-control input{accent-color:#70ddb1}.skin-viewport-help{margin-left:auto;color:#8496a2;font-size:9px}.skin-model-note{display:flex;gap:10px;margin-top:10px;padding:10px 12px;border:1px solid rgba(241,193,111,.14);border-radius:8px;background:rgba(241,193,111,.045)}.skin-model-note>span{display:grid;width:18px;height:18px;flex:none;place-items:center;border-radius:50%;background:rgba(241,193,111,.12);color:#f1c16f;font-size:11px}.skin-model-note p{margin:0;color:#9bacb7;font-size:10px;line-height:1.5}.skin-model-note b{color:#e2c78e}.skin-editor-panel-v2{position:sticky;top:12px;max-height:calc(100vh - 22px);overflow:auto;scrollbar-color:#344657 transparent;scrollbar-width:thin}.editor-title{align-items:center}.preview-only-chip{color:#8cc9ff;border-color:rgba(140,201,255,.22);font-size:8px}.skin-preset-section{margin-top:17px}.skin-subhead{color:#94a8b3;font:800 9px Consolas,monospace;letter-spacing:.1em}.skin-subhead span{color:#78909f;font-weight:600}.skin-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:9px}.skin-preset-button{display:grid;justify-items:center;gap:5px;padding:7px 3px;border:1px solid rgba(159,188,208,.13);border-radius:7px;background:#0b1722;color:#9aabb4;font-size:8px;cursor:pointer}.skin-preset-button:hover,.skin-preset-button.is-selected{border-color:rgba(121,215,181,.52);color:#e8f1ea;background:#10271f}.preset-dots{display:flex;width:32px;height:13px;overflow:hidden;border-radius:99px}.preset-dots i{width:25%;height:100%;background:var(--swatch)}.skin-channel-heading{margin:18px 0 8px;color:#e4ecee;font-size:11px}.skin-channel-heading>div{display:grid;gap:4px}.skin-channel-heading small{color:#8194a0;font-size:9px;font-weight:400}.text-button{padding:4px;border:0;background:none;color:#78dcb3;font-size:9px;cursor:pointer}.skin-color-editor-v2{display:grid;gap:5px;max-height:246px;overflow:auto;padding-right:2px}.skin-channel{border:1px solid rgba(159,188,208,.12);border-radius:8px;background:rgba(5,14,22,.32)}.skin-channel summary{display:flex;align-items:center;gap:8px;min-height:37px;padding:0 9px;list-style:none;cursor:pointer}.skin-channel summary::-webkit-details-marker{display:none}.skin-channel-swatch{width:16px;height:16px;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:var(--channel-color)}.skin-channel summary b{flex:1;color:#dbe4e5;font-size:10px}.skin-channel summary code{color:#8398a3;font-size:9px}.skin-channel-tools{display:grid;grid-template-columns:48px minmax(70px,1fr);gap:7px;padding:2px 9px 10px}.skin-channel-tools input[type=color]{width:40px;height:34px;padding:2px;border:1px solid rgba(159,188,208,.2);border-radius:6px;background:#101e2a;cursor:pointer}.skin-color-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.skin-color-fields label{display:grid;gap:3px;color:#8195a1;font-size:8px}.skin-color-fields input{min-width:0;height:26px;padding:4px 6px;border:1px solid rgba(159,188,208,.16);border-radius:5px;background:#09141f;color:#dbe4e5;font:10px Consolas,monospace}.skin-color-fields input[type=number]{width:100%}.skin-rgb-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.skin-channel-sliders{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.skin-channel-sliders label{display:grid;gap:3px;color:#8195a1;font-size:8px}.skin-channel-sliders input{width:100%;accent-color:#70ddb1}.skin-channel-reset{align-self:center;padding:4px;border:0;background:none;color:#8ea2ad;font-size:8px;cursor:pointer}.skin-channel-note{margin:9px 0 0;color:#8395a1;font-size:9px;line-height:1.55}.skin-my-presets{margin-top:17px;padding-top:14px;border-top:1px solid rgba(159,188,208,.12)}.skin-save-preset-row{display:flex;gap:6px;margin-top:9px}.skin-save-preset-row input{width:0;min-width:0;flex:1;padding:0 9px;border:1px solid rgba(159,188,208,.17);border-radius:7px;background:#09141f;color:#e6edeb;font-size:10px}.skin-save-preset-row .button{min-height:32px;padding:0 10px;font-size:9px}.skin-my-preset-list{display:grid;gap:6px;margin-top:9px;max-height:170px;overflow:auto}.skin-my-preset-list>p{margin:0;color:#8395a1;font-size:10px;line-height:1.5}.my-preset-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid rgba(159,188,208,.12);border-radius:7px;background:rgba(5,14,22,.32)}.my-preset-card>button:first-child{display:grid;gap:3px;justify-items:start;padding:0;border:0;background:none;color:#e6eeea;text-align:left;cursor:pointer}.my-preset-card b{font-size:10px}.my-preset-card small{color:#8499a4;font-size:8px}.my-preset-tools{display:flex;gap:3px}.my-preset-tools button{padding:4px 5px;border:1px solid rgba(159,188,208,.15);border-radius:5px;background:#101e2a;color:#bdc9cc;font-size:8px;cursor:pointer}.skin-editor-actions{margin-top:14px;padding-top:12px;border-top:1px solid rgba(159,188,208,.14)}.skin-editor-actions>#skinApply{width:100%;min-height:43px;background:linear-gradient(110deg,#54c89a,#68d9b0);border:0;color:#071510;font-size:11px;letter-spacing:.07em}.skin-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.skin-secondary-actions .button{min-height:34px;padding:0 5px;font-size:8px}.skin-apply-status,.skin-save-status{display:block;margin:9px 0 0;color:#a4b4bd;font-size:9px;line-height:1.5}.skin-apply-status[data-state=failed],.skin-save-status.is-error{color:#f29b91}.skin-apply-status[data-state=success]{color:#84e1ad}.skin-apply-status[data-state=applying]{color:#f1c16f}.skin-dino-column .skin-disclaimer{border-top:1px solid rgba(159,188,208,.1);padding-top:12px}
@media(max-width:1240px){.skin-studio-v2{grid-template-columns:minmax(210px,245px) minmax(0,1fr)}.skin-editor-panel-v2{position:static;grid-column:2;max-height:none}.skin-viewport-panel{grid-column:2;grid-row:1}.skin-dino-column{grid-column:1;grid-row:1 / span 2}.skin-color-editor-v2{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}
@media(max-width:800px){.studio-hero{align-items:flex-start;flex-direction:column;padding-top:27px}.garage-console{grid-template-columns:1fr}.garage-account-panel{position:static}.garage-slots{grid-template-columns:1fr}.skin-studio-v2{grid-template-columns:1fr}.skin-viewport-panel,.skin-dino-column,.skin-editor-panel-v2{grid-column:1;grid-row:auto;position:static}.skin-viewport-panel{order:0}.skin-dino-column{order:1}.skin-editor-panel-v2{order:2}.skin-canvas-wrap{height:min(65vh,520px);min-height:340px}.skin-color-editor-v2{grid-template-columns:1fr;max-height:none}.skin-viewport-help{flex-basis:100%;margin:2px 0 0}.skin-editor-panel-v2{max-height:none}}
@media(max-width:430px){.studio-hero h1{font-size:38px}.skin-viewport-panel,.skin-editor-panel-v2,.skin-dino-column,.garage-active-panel,.garage-storage-panel,.garage-account-panel{padding:14px}.skin-viewport-toolbar{align-items:flex-start}.model-placeholder-tag{padding:5px 7px;font-size:7px}.skin-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.skin-color-fields{grid-template-columns:1fr}.skin-rgb-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.skin-dino-facts dd{max-width:65%}}
/* Skin Studio premium art direction */
.view[data-view="skin"]{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 54% 2%,rgba(34,83,79,.23),transparent 42%),linear-gradient(180deg,#09141b 0%,#0b151d 46%,#0d1720 100%);color:#edf4f2}
.view[data-view="skin"]:before{position:absolute;z-index:-1;inset:0;content:"";opacity:.16;background-image:linear-gradient(rgba(143,180,185,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(143,180,185,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,#000,transparent 76%)}
.skin-studio-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:27px;padding-bottom:21px;width:min(1510px,calc(100% - 48px))}
.skin-studio-head .eyebrow{margin:0;color:#79d8b4;font:750 9px/1.2 Inter,"Segoe UI",sans-serif;letter-spacing:.18em}.skin-studio-head .eyebrow span{padding-inline:5px;color:#536c74}
.skin-studio-head h1{margin:7px 0 0;color:#f0f3ec;font-size:clamp(27px,2.5vw,36px);font-weight:760;line-height:1;letter-spacing:-.055em}
.skin-studio-head p:not(.eyebrow){margin:7px 0 0;color:#93a8af;font-size:12px;letter-spacing:.005em}
.skin-garage-link{display:inline-flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid rgba(153,184,188,.16);border-radius:10px;color:#bac9ca;font-size:11px;font-weight:650;transition:border-color .18s ease,color .18s ease,background .18s ease}.skin-garage-link:hover{border-color:rgba(115,220,180,.4);background:rgba(111,216,177,.06);color:#ecf5ef}.skin-garage-link span{color:#7cdbb3}
.skin-studio-v2{width:min(1510px,calc(100% - 48px));grid-template-columns:220px minmax(0,1fr) 318px;gap:14px;align-items:stretch}
.skin-studio-v2>.panel{min-width:0;border:1px solid rgba(147,176,186,.12);border-radius:14px;background:linear-gradient(155deg,rgba(19,32,42,.97),rgba(13,23,32,.98));box-shadow:0 18px 55px rgba(0,0,0,.19)}
.skin-dino-column,.skin-editor-panel-v2{position:static;max-height:none;padding:16px;overflow:visible}
.skin-panel-title{align-items:center;gap:8px}.skin-panel-title .overline,.skin-viewport-toolbar .overline,.skin-panel-title .overline{color:#83a2a6;font-size:8px;letter-spacing:.16em}
.skin-panel-title h2{margin:5px 0 0;color:#f0f3ef;font-size:16px;font-weight:700;letter-spacing:-.035em}
.icon-button{width:29px;height:29px;flex:none;border:1px solid rgba(150,179,187,.15);border-radius:8px;background:rgba(17,32,41,.85);color:#adc0c3;font-size:16px;transition:.18s ease}.icon-button:hover{border-color:rgba(112,218,178,.38);color:#7bddb6;background:rgba(31,63,57,.5)}
.skin-login{width:100%;min-height:42px;margin-top:15px;border:1px solid rgba(121,184,169,.28);border-radius:9px;background:linear-gradient(125deg,rgba(32,73,64,.72),rgba(19,42,43,.82));color:#c9f4e2;font-size:11px;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 1px rgba(255,255,255,.035)}.skin-login:hover{border-color:#68cba5;background:linear-gradient(125deg,#205b49,#163c3e)}
.skin-dino-list{margin-top:14px}.skin-dino-empty,.skin-dino-card{padding:12px;border:1px solid rgba(145,175,182,.12);border-radius:10px;background:linear-gradient(145deg,rgba(24,40,49,.85),rgba(13,25,34,.65))}.skin-dino-empty>span{color:#83d6b3;font-size:9px;letter-spacing:.12em}.skin-dino-empty>b{margin-top:8px;color:#e7efeb;font-size:11px}.skin-dino-empty>small{margin-top:5px;color:#85999f;font-size:9px;line-height:1.45}.skin-dino-card{border-color:rgba(108,207,166,.27);background:linear-gradient(145deg,rgba(28,74,58,.45),rgba(16,35,37,.58))}.skin-dino-card>span{font-size:8px;letter-spacing:.12em}.skin-dino-card>b{margin-top:6px;font-size:12px}.skin-dino-card small{font-size:9px}
.skin-dino-facts{margin:13px 0 0}.skin-dino-facts>div{align-items:baseline;gap:8px;padding:9px 0;border-bottom:1px solid rgba(151,177,184,.085)}.skin-dino-facts dt{color:#81969d;font-size:8px;font-weight:650;letter-spacing:.1em}.skin-dino-facts dd{max-width:61%;color:#dce7e3;font-size:10px;font-weight:630}.skin-dino-column .skin-disclaimer{margin:12px 0 0;padding:0;border:0;color:#768d95;font-size:9px;line-height:1.5}
.skin-viewport-panel{display:flex;min-height:calc(100vh - 196px);flex-direction:column;padding:15px;overflow:hidden}.skin-viewport-toolbar{min-height:39px;flex:none}.skin-viewport-toolbar .overline{margin:0}.skin-viewport-toolbar .overline i{color:#49686c;font-style:normal}.skin-viewport-toolbar h2{margin:5px 0 0;color:#f3f4ed;font-size:19px;font-weight:700;letter-spacing:-.04em}
.model-placeholder-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border-color:rgba(209,177,119,.17);border-radius:7px;background:rgba(140,103,43,.08);color:#d3bd91;font-size:7px;letter-spacing:.11em}.model-placeholder-tag i{width:5px;height:5px;margin:0;background:#d0a962;box-shadow:0 0 0 3px rgba(208,169,98,.08)}
.skin-canvas-wrap{isolation:isolate;display:grid;flex:1;min-height:510px;height:auto;margin-top:12px;overflow:hidden;border:1px solid rgba(147,184,189,.13);border-radius:12px;background:radial-gradient(ellipse at 50% 39%,#233b47 0%,#162a36 33%,#101e29 66%,#0b151e 100%);box-shadow:inset 0 0 75px rgba(3,10,16,.45)}
.skin-canvas-wrap:before{position:absolute;z-index:-1;inset:0;content:"";background:radial-gradient(ellipse at 50% 47%,transparent 25%,rgba(5,12,17,.42) 100%),linear-gradient(180deg,rgba(153,204,199,.035),transparent 55%)}
.skin-stage-light{position:absolute;z-index:-1;width:43%;height:21%;border-radius:50%;filter:blur(54px);pointer-events:none}.skin-stage-light-a{top:10%;left:9%;background:rgba(129,208,198,.12);transform:rotate(-25deg)}.skin-stage-light-b{top:19%;right:4%;background:rgba(222,174,109,.1);transform:rotate(24deg)}
#skin3dCanvas{position:relative;z-index:1;min-width:0;min-height:0;touch-action:none}.skin-stage-floor{position:absolute;z-index:0;bottom:11%;left:50%;width:min(69%,550px);height:12%;border:1px solid rgba(131,174,180,.16);border-radius:50%;background:radial-gradient(ellipse,rgba(117,165,171,.11),rgba(22,40,50,.04) 55%,transparent 72%);box-shadow:0 26px 35px rgba(0,0,0,.18);transform:translateX(-50%);pointer-events:none}.skin-stage-caption{position:absolute;right:15px;bottom:13px;left:15px;z-index:2;display:flex;justify-content:space-between;color:rgba(176,200,202,.45);font:700 7px/1.2 Inter,"Segoe UI",sans-serif;letter-spacing:.14em;pointer-events:none}.skin3d-fallback{z-index:4;border-radius:12px;background:#101d26;color:#d6c291;font-size:12px}
.skin-viewport-controls{min-height:43px;flex:none;gap:10px;padding:9px 2px 1px}.viewer-tool{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 9px;border:1px solid rgba(150,181,187,.14);border-radius:7px;background:rgba(19,33,43,.65);color:#aebfc2;font-size:9px;font-weight:650;cursor:pointer;transition:.18s ease}.viewer-tool:hover{border-color:rgba(118,216,178,.35);color:#d8f3e7}.viewer-tool span{color:#85dcb7;font-size:15px}.toggle-control{gap:7px;color:#9fb1b4;font-size:9px}.toggle-control input{position:absolute;width:1px;height:1px;opacity:0}.toggle-track{position:relative;width:26px;height:15px;border:1px solid rgba(154,182,186,.18);border-radius:99px;background:#172630;transition:.2s ease}.toggle-track:after{position:absolute;top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:#82969b;content:"";transition:.2s ease}.toggle-control input:checked+.toggle-track{border-color:rgba(115,218,178,.52);background:rgba(71,165,125,.34)}.toggle-control input:checked+.toggle-track:after{left:13px;background:#8de8bf}.toggle-control input:focus-visible+.toggle-track{outline:2px solid #8de8bf;outline-offset:2px}.skin-viewport-help{color:#788e95;font-size:8px}.skin-viewport-help i{color:#45636a;font-style:normal}.skin-model-note{align-items:center;gap:8px;margin-top:5px;padding:6px 1px;border:0;background:none}.skin-model-note>i{width:5px;height:5px;flex:none;border-radius:50%;background:#d3ad6d;box-shadow:0 0 0 3px rgba(211,173,109,.08)}.skin-model-note span{color:#879b9f;font-size:8px;line-height:1.4}
.skin-editor-panel-v2{display:flex;flex-direction:column;gap:0}.skin-editor-panel-v2 .skin-panel-title{padding-bottom:12px;border-bottom:1px solid rgba(151,177,184,.1)}.skin-editor-panel-v2 .preview-only-chip{padding:5px 7px;border:1px solid rgba(125,176,198,.17);border-radius:6px;background:rgba(86,141,165,.07);color:#92bfcd;font-size:7px;letter-spacing:.1em}
.skin-preset-section{margin:0;padding:13px 0 12px;border-bottom:1px solid rgba(151,177,184,.1)}.skin-subhead{color:#879da1;font-size:8px;letter-spacing:.14em}.skin-subhead>b{color:#91a6a9;font-size:8px}.skin-subhead>span{color:#6c858b;font-size:8px}.skin-subhead .text-button{font-size:8px}.skin-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:9px}.skin-preset-button{min-height:44px;gap:4px;padding:6px 2px;border-color:rgba(150,181,187,.09);border-radius:7px;background:rgba(7,16,23,.35);font-size:7px;transition:.16s ease}.skin-preset-button:hover,.skin-preset-button.is-selected{border-color:rgba(118,218,177,.43);background:rgba(40,91,69,.21);color:#e2f2e8}.preset-dots{width:26px;height:10px;box-shadow:0 1px 5px rgba(0,0,0,.22)}
.skin-channel-heading{margin:0;padding:13px 0 7px;color:#d9e5e2}.skin-channel-heading b{font-size:10px;font-weight:690;letter-spacing:.01em}.skin-channel-heading small{margin-top:2px;color:#71878d;font-size:8px}.skin-color-editor-v2{grid-template-columns:1fr;gap:5px;max-height:min(31vh,255px);padding:0 2px 1px 0;overflow:auto;scrollbar-color:#31464d transparent;scrollbar-width:thin}.skin-channel{border-color:rgba(147,177,184,.105);border-radius:8px;background:rgba(7,15,22,.33);transition:border-color .15s ease,background .15s ease}.skin-channel[open]{border-color:rgba(120,194,171,.23);background:rgba(12,29,31,.5)}.skin-channel summary{min-height:34px;padding:0 8px;gap:8px}.skin-channel-swatch{width:16px;height:16px;border:1px solid rgba(255,255,255,.19);border-radius:5px;background:linear-gradient(145deg,color-mix(in srgb,var(--channel-color),white 14%),var(--channel-color) 55%,color-mix(in srgb,var(--channel-color),black 20%));box-shadow:0 2px 7px color-mix(in srgb,var(--channel-color),transparent 73%)}.skin-channel summary b{font-size:9px;font-weight:620}.skin-channel summary code{font-size:7px;opacity:.65}.skin-channel-tools{grid-template-columns:38px minmax(0,1fr);gap:7px;padding:2px 8px 8px}.skin-channel-tools input[type=color]{width:34px;height:31px;border-radius:7px}.skin-color-fields label,.skin-channel-sliders label{font-size:7px;letter-spacing:.08em}.skin-color-fields input{height:24px;border-color:rgba(151,180,186,.12);border-radius:5px;background:#09141b;font-size:9px}.skin-rgb-fields{gap:3px}.skin-channel-sliders{gap:5px}.skin-channel-sliders input{height:12px}.skin-channel-reset{font-size:7px}
.skin-my-presets{margin-top:0;padding:12px 0 0;border-top:1px solid rgba(151,177,184,.1)}.skin-save-preset-row{gap:5px;margin-top:8px}.skin-save-preset-row input{height:32px;padding:0 8px;border-color:rgba(151,180,186,.13);border-radius:7px;background:rgba(5,14,21,.6);font-size:9px}.skin-save-preset-row input::placeholder{color:#62787f}.skin-save-preset-row .button{min-height:32px;padding:0 10px;border-radius:7px;font-size:8px;font-weight:700;letter-spacing:.09em}.skin-my-preset-list{gap:4px;max-height:90px;margin-top:7px;scrollbar-color:#31464d transparent;scrollbar-width:thin}.skin-my-preset-list>p{color:#74898f;font-size:8px;line-height:1.45}.my-preset-card{padding:6px;border-color:rgba(145,175,181,.1);border-radius:7px;background:rgba(6,15,22,.32)}.my-preset-card b{font-size:9px}.my-preset-card small{font-size:7px}.my-preset-tools button{padding:3px 4px;border-radius:4px;font-size:7px}
.skin-editor-actions{margin-top:auto;padding-top:11px;border-top:1px solid rgba(151,177,184,.1)}.skin-action-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#758b91;font-size:7px;font-weight:750;letter-spacing:.12em}.skin-action-label b{color:#c7aa75;font-size:7px;font-weight:700;letter-spacing:.04em}.skin-editor-actions>#skinApply{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border:1px solid rgba(146,237,191,.42);border-radius:9px;background:linear-gradient(110deg,#78e1b3,#a0ecc1);color:#082017;font-size:10px;font-weight:790;letter-spacing:.04em;box-shadow:0 8px 20px rgba(68,181,132,.12),inset 0 1px rgba(255,255,255,.42);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.skin-editor-actions>#skinApply:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 23px rgba(68,181,132,.2),inset 0 1px rgba(255,255,255,.42);filter:saturate(1.08)}.skin-editor-actions>#skinApply:disabled{border-color:rgba(126,166,153,.11);background:linear-gradient(110deg,#284038,#253b36);color:#91a99e;box-shadow:none;opacity:1}.skin-editor-actions>#skinApply span{font-size:12px}.skin-secondary-actions{gap:6px;margin-top:6px}.skin-secondary-actions .button{min-height:31px;border:1px solid rgba(145,175,182,.13);border-radius:7px;background:rgba(12,23,31,.7);color:#9eb0b3;font-size:8px;transition:.15s ease}.skin-secondary-actions .button:hover:not(:disabled){border-color:rgba(136,198,174,.3);color:#d9e9e1}.skin-secondary-actions #skinDefaultSkin{color:#c1d5ca}.skin-apply-status,.skin-save-status{margin:7px 0 0;padding:7px 8px;border:1px solid rgba(142,173,180,.1);border-radius:6px;background:rgba(5,13,19,.26);color:#87999e;font-size:8px;line-height:1.4}.skin-apply-status[data-state=applying]{border-color:rgba(217,178,108,.2);background:rgba(114,82,34,.1);color:#d6bd8c}.skin-apply-status[data-state=success]{border-color:rgba(108,208,152,.24);background:rgba(34,92,61,.13);color:#92dda9}.skin-apply-status[data-state=failed],.skin-save-status.is-error{border-color:rgba(229,128,118,.22);background:rgba(99,39,37,.13);color:#df9a91}.skin-save-status:empty{display:none}
@media(max-width:1370px){.skin-studio-v2{grid-template-columns:205px minmax(0,1fr) 294px;gap:10px;width:min(1510px,calc(100% - 34px))}.skin-studio-head{width:min(1510px,calc(100% - 34px))}.skin-canvas-wrap{min-height:455px}}
@media(max-width:1180px){.skin-studio-v2{grid-template-columns:205px minmax(0,1fr)}.skin-editor-panel-v2{grid-column:2;display:grid;grid-template-columns:1fr 1fr;column-gap:16px;align-items:start}.skin-editor-panel-v2>.skin-panel-title,.skin-editor-panel-v2>.skin-preset-section,.skin-editor-panel-v2>.skin-channel-heading,.skin-editor-panel-v2>#skinColorEditor,.skin-editor-panel-v2>.skin-my-presets,.skin-editor-panel-v2>.skin-editor-actions{grid-column:1/-1}.skin-editor-panel-v2>#skinColorEditor{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.skin-viewport-panel{min-height:610px}.skin-dino-column{grid-column:1;grid-row:1 / span 2}.skin-editor-panel-v2{grid-row:2}}
@media(max-width:760px){.skin-studio-head{align-items:flex-end;padding-top:20px;padding-bottom:14px}.skin-studio-head h1{font-size:29px}.skin-studio-head p:not(.eyebrow){font-size:10px}.skin-garage-link{padding:8px 10px;font-size:9px}.skin-studio-v2{grid-template-columns:1fr;gap:10px}.skin-viewport-panel{grid-column:1;grid-row:1;min-height:0;order:0}.skin-dino-column{grid-column:1;grid-row:2;order:1}.skin-editor-panel-v2{grid-column:1;grid-row:3;display:flex;order:2}.skin-canvas-wrap{min-height:380px;height:min(67vh,540px);flex:auto}.skin-viewport-help{flex-basis:auto;margin-left:auto}.skin-color-editor-v2{grid-template-columns:1fr;max-height:390px}.skin-editor-panel-v2>#skinColorEditor{grid-template-columns:1fr}.skin-editor-actions{width:100%}}
@media(max-width:480px){.skin-studio-head,.skin-studio-v2{width:calc(100% - 24px)}.skin-studio-head{align-items:flex-start}.skin-studio-head h1{font-size:26px}.skin-studio-head .eyebrow{font-size:7px}.skin-garage-link{gap:6px;padding:7px 8px;font-size:8px}.skin-studio-v2>.panel{padding:12px}.skin-canvas-wrap{min-height:335px;height:56vh}.skin-viewport-toolbar h2{font-size:16px}.model-placeholder-tag{padding:5px 6px;font-size:6px}.skin-viewport-controls{gap:7px}.skin-viewport-help{width:100%;margin:0}.skin-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.skin-color-editor-v2{max-height:340px}}
/* Compact controls and refined mannequin details */
.skin-dino-column>.skin-login.button.secondary{width:100%;border-color:rgba(121,184,169,.28);background:linear-gradient(125deg,rgba(32,73,64,.72),rgba(19,42,43,.82));color:#c9f4e2;box-shadow:inset 0 1px rgba(255,255,255,.035)}.skin-dino-column>.skin-login.button.secondary:hover{border-color:#68cba5;background:linear-gradient(125deg,#205b49,#163c3e);color:#effaf4}
.skin-color-editor-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:none;overflow:visible}.skin-channel[open]{grid-column:1/-1}.skin-channel summary{min-height:30px}.skin-preset-section{padding-block:10px}.skin-preset-grid{gap:4px}.skin-preset-button{min-height:35px;padding:4px 2px}.skin-viewport-panel{min-height:calc(100vh - 184px)}
.preview-only-chip[data-state=saved]{border-color:rgba(105,210,153,.24);background:rgba(43,120,79,.13);color:#90d9a9}.preview-only-chip[data-state=draft]{color:#a4c6d0}
@media(max-width:1180px){.skin-color-editor-v2{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}
@media(max-width:760px){.skin-color-editor-v2{grid-template-columns:1fr;max-height:390px}}
/* Interactive, self-contained WebGL creature viewer */
#skin3dCanvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;touch-action:none;cursor:grab}#skin3dCanvas:active{cursor:grabbing}
.skin3d-fallback{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:24px;background:#101d26;color:#d6c291;text-align:center;font-size:12px}.skin3d-fallback[hidden]{display:none}
.skin-viewport-panel[aria-label="Hình xem trước Dino"] .skin-model-note{margin-top:5px}.skin-model-note span{color:#879b9f}