.models-player{position:relative;width:100%;height:100%;min-height:420px;overflow:hidden;isolation:isolate;box-sizing:border-box;color:#eaf4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(ellipse 48% 38% at 50% 47%,rgba(58,93,173,.19),transparent 75%),radial-gradient(ellipse 38% 34% at 68% 38%,rgba(83,43,150,.15),transparent 80%),#080e1f}.models-player *{box-sizing:border-box}.models-player:before{content:"";position:absolute;inset:0;opacity:.62;background-image:radial-gradient(1px 1px at 12% 21%,#fff 99%,transparent),radial-gradient(1px 1px at 75% 16%,#d3e8ff 99%,transparent),radial-gradient(2px 2px at 86% 75%,#fff 99%,transparent),radial-gradient(1px 1px at 24% 73%,#a9c8ff 99%,transparent),radial-gradient(1px 1px at 62% 82%,#fff 99%,transparent),radial-gradient(1px 1px at 46% 11%,#d6caff 99%,transparent);background-size:210px 190px,270px 230px,340px 310px,410px 260px,290px 270px,380px 320px;pointer-events:none}.models-player .nebula{position:absolute;inset:-20%;background:conic-gradient(from 12deg at 50% 48%,transparent 0deg,rgba(77,111,212,.12) 28deg,transparent 58deg,rgba(132,79,200,.1) 100deg,transparent 142deg,rgba(40,112,171,.14) 222deg,transparent 275deg);filter:blur(44px);pointer-events:none}.models-player .canvas{position:absolute;inset:0;touch-action:none}.models-player .canvas canvas{display:block;width:100%;height:100%;cursor:grab;outline:none}.models-player .canvas canvas:focus-visible{outline:none}.models-player:has(.canvas canvas:focus-visible) [data-model-keys],.models-player:has(.canvas canvas:focus-visible) .hint{color:#fff;text-decoration:underline;text-underline-offset:4px}.models-player .canvas canvas:active{cursor:grabbing}.models-player .loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:#b8cef2;letter-spacing:.05em;font-size:14px;pointer-events:none}.models-player .loading[hidden]{display:none}.models-player .control-bar{position:absolute;left:20px;right:20px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#a7b8d6;pointer-events:none}.models-player .control-bar button{pointer-events:auto;appearance:none;border:1px solid rgba(168,197,255,.27);border-radius:999px;background:#0812298a;backdrop-filter:blur(10px);color:#dce9ff;padding:8px 13px;cursor:pointer}.models-player .control-bar button:hover{background:#3855958a}.models-player[data-embedded=true]{background:transparent}.models-player[data-embedded=true]:before,.models-player[data-embedded=true] .nebula,.models-player[data-embedded=true] .control-bar,.models-player[data-embedded=true] .loading{display:none}.models-player[data-embedded=true] .sim-controls span{background:transparent;border-radius:0;text-shadow:0 1px 3px rgba(8,18,41,.5)}.models-player .sim-controls{z-index:2;display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:calc(100% - 28px);font-size:11px;color:#dce9ff;pointer-events:none}.models-player .sim-controls[hidden],.models-player .sim-controls button[hidden]{display:none}.models-player .sim-controls button{pointer-events:auto;appearance:none;border:1px solid rgba(168,197,255,.4);border-radius:999px;background:#081229d9;color:#fff;padding:8px 12px;font:inherit;cursor:pointer}.models-player .sim-controls button:hover{background:#344f86}.models-player .sim-controls button:disabled{opacity:.55;cursor:wait}.models-player .sim-controls span{background:#081229b3;border-radius:5px;padding:4px 6px}.models-player .sim-controls [data-model-keys]{flex-basis:100%;width:max-content;max-width:100%}.models-player iframe.h106-runtime{position:fixed;left:-10000px;top:0;width:1200px;height:800px;border:0;pointer-events:none}.models-player [data-model-runtime]{position:absolute;width:0;height:0;overflow:hidden}.models-player:not([data-review=true]){display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.models-player:not([data-review=true]) .canvas{position:relative;inset:auto;grid-row:2;min-height:0;overflow:hidden}.models-player:not([data-review=true]) .sim-controls{position:relative;inset:auto;grid-row:1;margin:14px 14px 10px}@media(max-width:560px){.models-player .control-bar{left:14px;right:14px;bottom:12px}.models-player .hint{font-size:11px}}.third-party-handheld-viewer{position:relative;width:100%;height:100%;min-height:300px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#24324b,#0b1020 72%);color:#eaf4ff}.third-party-handheld-viewer .canvas{position:absolute;inset:0;touch-action:none}.third-party-handheld-viewer .canvas canvas{display:block;width:100%;height:100%;cursor:grab}.third-party-handheld-viewer .canvas canvas:active{cursor:grabbing}.third-party-handheld-viewer .loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;font:14px system-ui,sans-serif;pointer-events:none}.third-party-handheld-viewer .loading[hidden]{display:none}.third-party-handheld-viewer .reset{position:absolute;right:16px;bottom:16px;appearance:none;border:1px solid #7f91b0;border-radius:999px;background:#121d35d9;color:#eaf4ff;padding:8px 13px;cursor:pointer}.third-party-handheld-viewer .handheld-controls{position:absolute;left:18px;top:18px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:calc(100% - 36px);font:13px system-ui,sans-serif}.third-party-handheld-viewer .handheld-controls[hidden]{display:none}.third-party-handheld-viewer .handheld-controls button{appearance:none;border:1px solid #526480;border-radius:999px;background:#121d35ed;color:#dce9ff;padding:9px 15px;cursor:pointer;font:inherit}.third-party-handheld-viewer .handheld-controls button:hover{border-color:#9ed6ff;background:#233b5c}.third-party-handheld-viewer .input-status{flex-basis:100%;color:#b8c8e2;text-shadow:0 1px 3px #060d20}.third-party-handheld-viewer button:focus-visible,.third-party-handheld-viewer canvas:focus-visible{outline:2px solid #86e8d3;outline-offset:3px}.models-player-sim-guide{--sim-surface:#151b24;--sim-ink:#eef2f8;--sim-muted:#8e9bad;--sim-line:#ffffff12;--sim-button:#ffffff09;--sim-button-hover:#ffffff16;--sim-accent:#90b4ff;--sim-badge:#18202bdc;width:min(920px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--sim-line);border-radius:16px;background:var(--sim-surface);color:var(--sim-ink);font-family:system-ui,-apple-system,PingFang SC,sans-serif;box-sizing:border-box;overflow:hidden;box-shadow:0 28px 90px #0007}.models-player-sim-guide[open]{display:flex;flex-direction:column}.models-player-sim-guide *{box-sizing:border-box}.models-player-sim-guide[data-tone=light]{--sim-ink:#1b2839;--sim-muted:#647287;--sim-line:#172a4217;--sim-button:#172a4207;--sim-button-hover:#172a4212;--sim-accent:#456fd2;--sim-badge:#ffffffed;box-shadow:0 28px 90px #0005}.models-player-sim-guide::backdrop{background:#030912a8;backdrop-filter:blur(8px)}.models-player-sim-guide-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:16px;padding:14px 20px}.models-player-sim-guide-heading{display:flex;align-items:center;gap:13px;min-width:0}.models-player-sim-guide header small{color:var(--sim-muted);font-size:10px;font-weight:550;letter-spacing:.1em;white-space:nowrap}.models-player-sim-guide h2{font-size:13px;margin:0;padding-left:13px;border-left:1px solid var(--sim-line);font-weight:550;line-height:1.4;letter-spacing:.02em}.models-player-sim-guide button{display:grid;place-items:center;flex-shrink:0;font:inherit;cursor:pointer;appearance:none;border:0;border-radius:50%;transition:background-color .15s,color .15s}.models-player-sim-guide button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.models-player-sim-guide [data-sim-close]{width:32px;height:32px;background:transparent;color:var(--sim-muted)}.models-player-sim-guide [data-sim-close]:hover{background:var(--sim-button-hover);color:var(--sim-ink)}.models-player-sim-guide button:focus-visible,.models-player-sim-guide input:focus-visible{outline:2px solid var(--sim-accent);outline-offset:4px}.models-player-sim-guide-content{display:flex;flex-direction:column;min-height:0}.models-player-sim-guide-stage{height:clamp(240px,54dvh,480px);min-height:150px;position:relative;flex-shrink:1;overflow:hidden;background:var(--sim-surface)}.models-player-sim-guide-stage>.canvas{position:absolute;inset:0;min-height:0;width:100%;height:100%;touch-action:none}.models-player-sim-guide-stage canvas{display:block;width:100%;height:100%;outline:none}.models-player-sim-guide-stage>span{position:absolute;z-index:1;pointer-events:none;white-space:nowrap;border:1px solid var(--sim-line);background:var(--sim-badge);color:var(--sim-ink);border-radius:7px;padding:6px 9px;font-size:11px;font-weight:500;line-height:1.4;backdrop-filter:blur(10px);transform:translateY(-50%)}.models-player-sim-guide-stage>[data-sim-chip]{color:#d3b679}.models-player-sim-guide[data-tone=light] [data-sim-chip]{color:#87632b}.models-player-sim-guide [hidden]{display:none!important}.models-player-sim-guide [data-sim-arrow]{position:absolute;z-index:1;width:30px;height:52px;transform:translate(-50%,-50%);fill:none;stroke:var(--sim-accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.models-player-sim-guide-instructions{flex-shrink:0;border-top:1px solid var(--sim-line);padding:20px 24px 14px;background:var(--sim-surface)}.models-player-sim-guide-caption-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.models-player-sim-guide-caption{display:flex;align-items:center;gap:18px;min-width:0}.models-player-sim-guide [data-sim-count]{flex-shrink:0;color:var(--sim-muted);font-size:10px;letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap}.models-player-sim-guide h3{font-size:19px;line-height:1.4;font-weight:560;letter-spacing:-.02em;margin:0}.models-player-sim-guide p{font-size:12px;line-height:1.65;color:var(--sim-muted);margin:4px 0 0}.models-player-sim-guide-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.models-player-sim-guide [data-sim-replay],.models-player-sim-guide [data-sim-sound]{width:36px;height:36px;background:transparent;color:var(--sim-muted)}.models-player-sim-guide [data-sim-replay]:hover,.models-player-sim-guide [data-sim-sound]:hover{color:var(--sim-ink);background:var(--sim-button-hover)}.models-player-sim-guide [data-sim-sound]:disabled{opacity:.35;cursor:default}.models-player-sim-guide [data-muted=true] [data-sim-sound-on],.models-player-sim-guide [data-muted=false] [data-sim-sound-off]{display:none}.models-player-sim-guide [data-sim-pause]{width:40px;height:40px;background:var(--sim-ink);color:var(--sim-surface)}.models-player-sim-guide [data-sim-pause]:hover{filter:brightness(.91)}.models-player-sim-guide [data-sim-play-icon]{stroke:none;fill:currentColor;transform:translate(-1px);width:20px;height:20px}.models-player-sim-guide [data-sim-pause-icon]{stroke-width:2.5;width:18px;height:18px}.models-player-sim-guide [data-playing=true] [data-sim-play-icon],.models-player-sim-guide [data-playing=false] [data-sim-pause-icon]{display:none}.models-player-sim-guide-timeline{display:flex;align-items:center;gap:16px;margin-top:16px}.models-player-sim-guide [data-sim-time]{color:var(--sim-muted);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.02em}.models-player-sim-guide input{--sim-progress:0%;appearance:none;-webkit-appearance:none;display:block;min-width:0;width:100%;height:18px;margin:0;background:transparent;cursor:pointer;accent-color:var(--sim-accent)}.models-player-sim-guide input::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(to right,var(--sim-accent) var(--sim-progress),var(--sim-line) var(--sim-progress))}.models-player-sim-guide input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;margin-top:-3px;border-radius:50%;background:var(--sim-accent);box-shadow:0 0 0 3px var(--sim-surface);opacity:0;transition:opacity .15s}.models-player-sim-guide input:hover::-webkit-slider-thumb,.models-player-sim-guide input:focus-visible::-webkit-slider-thumb{opacity:1}.models-player-sim-guide input::-moz-range-track{height:3px;border-radius:4px;background:var(--sim-line)}.models-player-sim-guide input::-moz-range-progress{height:3px;border-radius:4px;background:var(--sim-accent)}.models-player-sim-guide input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:var(--sim-accent)}@media(max-width:600px){.models-player-sim-guide{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:13px}.models-player-sim-guide-header{padding:12px 14px}.models-player-sim-guide-heading{gap:10px}.models-player-sim-guide h2{font-size:12px;padding-left:10px}.models-player-sim-guide header small{font-size:9px}.models-player-sim-guide-stage{height:clamp(220px,47dvh,380px)}.models-player-sim-guide-instructions{padding:17px 16px 12px}.models-player-sim-guide-caption-row{gap:12px;align-items:flex-start}.models-player-sim-guide-caption{gap:11px;align-items:flex-start}.models-player-sim-guide [data-sim-count]{padding-top:5px;font-size:9px}.models-player-sim-guide h3{font-size:17px}.models-player-sim-guide p{font-size:11px;margin-top:3px}.models-player-sim-guide-actions{gap:4px}.models-player-sim-guide [data-sim-replay],.models-player-sim-guide [data-sim-sound]{width:30px;height:34px}.models-player-sim-guide [data-sim-pause]{width:34px;height:34px}.models-player-sim-guide-timeline{margin-top:13px;gap:12px}.models-player-sim-guide input::-webkit-slider-thumb{opacity:1}}@media(prefers-reduced-motion:reduce){.models-player-sim-guide button,.models-player-sim-guide input::-webkit-slider-thumb{transition:none}}.model-play-preview{--play-ink:#252723;--play-paper:#eeece6;position:relative;width:100%;height:100%;min-height:240px;overflow:hidden;isolation:isolate;container-type:size;background:var(--play-paper);color:var(--play-ink);font-family:Arial,Helvetica Neue,sans-serif}.model-play-preview:before{content:"";position:absolute;bottom:20%;left:37%;width:26%;height:5%;border-radius:50%;background:#28272522;filter:blur(26px);pointer-events:none}.model-play-wordmark{position:absolute;inset:0 0 7%;display:grid;place-items:center;font-size:clamp(100px,28cqw,410px);font-weight:600;line-height:.8;letter-spacing:-.085em;padding-right:.085em;color:#d6d4ce;pointer-events:none;user-select:none}.model-play-preview .model-play-stage{position:absolute;inset:5% 14% 15%;width:auto;height:auto;min-height:0;z-index:1;background:transparent}.model-play-object-label{position:absolute;left:40px;bottom:42px;display:grid;gap:12px;z-index:2;pointer-events:none}.model-play-eyebrow{font:500 11px/1.4 Arial,sans-serif;letter-spacing:.16em}.model-play-object-note{font-size:12px;line-height:1.5;letter-spacing:.02em;color:#62665c}.model-play-preview .sim-controls,.model-play-dialog .sim-controls,.model-play-preview .control-bar,.model-play-dialog .control-bar,.model-play-preview .nebula,.model-play-dialog .nebula{display:none!important}.model-play-preview .model-play-stage:before,.model-play-dialog .model-play-stage:before{display:none}.model-play-preview .model-play-stage .canvas,.model-play-dialog .model-play-stage .canvas{position:absolute;inset:0;grid-row:1}.model-play-preview .loading{color:#555b51;font-size:12px;letter-spacing:.08em;background:transparent}.model-play-launch{position:absolute;right:40px;bottom:36px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:164px;min-height:62px;padding:10px 11px 10px 25px;appearance:none;border:0;border-radius:40px;background:#252723;color:#faf9f5;font:500 12px Arial,sans-serif;letter-spacing:.12em;cursor:pointer;transition:background .25s,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.model-play-launch-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff38;border-radius:50%;font:24px Arial,sans-serif;letter-spacing:0;transition:transform .3s,background .3s}.model-play-launch:hover:not(:disabled){background:#353b2f;transform:translateY(-3px);box-shadow:0 12px 28px #292b2520}.model-play-launch:hover:not(:disabled) .model-play-launch-arrow{background:#ffffff12;transform:rotate(45deg)}.model-play-launch:active:not(:disabled){transform:translateY(0) scale(.98)}.model-play-launch:disabled{opacity:.35;cursor:wait}.model-play-launch:focus-visible{outline:2px solid #e77750;outline-offset:5px}.model-play-preview[data-loaded=true] .model-play-object-label{animation:model-play-copy-in .6s both}.model-play-preview[data-embedded=true]{min-height:0;background:transparent;container-type:normal}.model-play-preview[data-embedded=true]:before,.model-play-preview[data-embedded=true]>.model-play-wordmark,.model-play-preview[data-embedded=true]>.model-play-object-label,.model-play-preview[data-embedded=true]>.model-play-launch{display:none}.model-play-preview[data-embedded=true] .model-play-stage{inset:0}.model-play-preview[data-embedded=true] .handheld-controls,.model-play-preview[data-embedded=true] .third-party-handheld-viewer>.reset{display:none!important}.model-play-dialog{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;border:0;overflow:hidden;box-sizing:border-box;background:#121411;color:#f0f0e9;font:14px/1.5 Arial,Helvetica Neue,sans-serif}.model-play-dialog[open]{display:block}.model-play-dialog::backdrop{background:#121411}.model-play-dialog *{box-sizing:border-box}.model-play-dialog [hidden]{display:none!important}.model-play-screen{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#262923 0,transparent 66%),#121411;color:#f0f0e9}.model-play-chrome{position:absolute;z-index:4;top:calc(20px + env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.model-play-dialog button,.model-play-dialog select{font:inherit;appearance:none;cursor:pointer}.model-play-dialog button:disabled{opacity:.35;cursor:wait}.model-play-dialog button:focus-visible,.model-play-dialog select:focus-visible{outline:2px solid #d0dfa8;outline-offset:5px}.model-play-icon{display:grid;place-items:center;width:44px;height:44px;padding:11px;border:1px solid #f0f0e921;border-radius:50%;color:#f0f0e9;background:transparent;pointer-events:auto;transition:background .22s,border-color .22s,transform .22s}.model-play-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.model-play-icon:hover{background:#ffffff0d;border-color:#f0f0e94d;transform:translateY(-1px)}.model-play-icon:active{transform:scale(.94)}.model-play-icon[aria-expanded=true]{background:#f0f0e9;color:#242823}.model-play-identity{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.2em;pointer-events:none}.model-play-identity i{height:13px;width:1px;background:#f0f0e92a;transform:rotate(20deg)}.model-play-identity [data-play-name]{color:#a9afa1}.model-play-view{position:absolute;inset:76px 10% 78px;min-height:0}.model-play-view:before{content:"";position:absolute;left:35%;bottom:4%;width:30%;height:8%;border-radius:50%;background:#0006;filter:blur(28px);pointer-events:none}.model-play-dialog .model-play-stage{position:absolute;inset:0;min-height:0;width:100%;height:100%;background:transparent}.model-play-dialog[open] .model-play-view{animation:model-play-object-in .65s cubic-bezier(.2,.8,.2,1) both}.model-play-footer{position:absolute;bottom:calc(26px + env(safe-area-inset-bottom));left:max(34px,env(safe-area-inset-left));right:max(34px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2;pointer-events:none;font-size:11px;letter-spacing:.025em}.model-play-session{margin:0;display:flex;gap:10px;align-items:center;color:#d3d9c8}.model-play-session i{width:5px;height:5px;flex-shrink:0;background:#9ea594;border-radius:50%}.model-play-dialog[data-play-state=running] .model-play-session i{background:#c1df98;box-shadow:0 0 9px #bcd59133}.model-play-dialog[data-play-state=starting] .model-play-session i,.model-play-dialog[data-play-state=installing] .model-play-session i{animation:model-play-pulse 1.4s ease-in-out infinite}.model-play-dialog[data-play-state=error] .model-play-session i{background:#f08f71}.model-play-footer-note{color:#9ba18f;font-size:10px}.model-play-menu{position:absolute;z-index:5;right:max(32px,env(safe-area-inset-right));top:calc(80px + env(safe-area-inset-top));width:310px;max-height:calc(100% - 142px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:25px;border-radius:18px;background:#f2f1eb;color:#262923;box-shadow:0 18px 70px #0005;scrollbar-width:thin;overscroll-behavior:contain}.model-play-menu:not([hidden]){animation:model-play-menu-in .23s cubic-bezier(.2,.8,.2,1) both}.model-play-menu-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #272b231a}.model-play-menu-heading [data-play-menu-title]{font-size:20px;font-weight:500;letter-spacing:-.035em}.model-play-menu-heading .model-play-eyebrow{color:#69705f}.model-play-field{display:grid;gap:9px;margin-top:20px;font-size:11px;color:#626859;position:relative}.model-play-field:after{content:"\2304";position:absolute;right:14px;bottom:13px;font-size:16px;pointer-events:none}.model-play-field select{width:100%;min-height:45px;border:1px solid #26292317;border-radius:7px;padding:10px 34px 10px 12px;background:#e8e8de;color:#262923;font-size:12px}.model-play-menu-actions{display:flex;align-items:center;gap:9px;margin-top:12px}.model-play-menu-actions button{flex:1;min-height:42px;border:0;border-radius:7px;padding:9px 13px;font-size:12px;transition:background .2s,transform .2s}.model-play-menu-actions [data-play-install]{background:#252a22;color:#fafbf7}.model-play-menu-actions [data-play-start],.model-play-menu-actions [data-play-stop]{background:#e4e7dc;color:#303929}.model-play-menu-actions button:hover:not(:disabled){filter:brightness(1.12)}.model-play-menu-actions button:active:not(:disabled){transform:scale(.98)}.model-play-shortcuts{margin-top:26px;padding-top:21px;border-top:1px solid #272b231a;font-size:11px}.model-play-shortcuts summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;color:#686e60;cursor:pointer;list-style:none}.model-play-shortcuts summary::-webkit-details-marker{display:none}.model-play-shortcuts summary:after{content:"+";font-size:17px;color:#424b37}.model-play-shortcuts[open] summary{margin-bottom:14px}.model-play-shortcuts[open] summary:after{content:"\2212"}.model-play-shortcuts summary:focus-visible{outline:2px solid #798864;outline-offset:4px;border-radius:3px}.model-play-shortcuts dl{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px;margin:0}.model-play-shortcuts dt{font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.055em;color:#414a35}.model-play-shortcuts dd{margin:0;text-align:right;color:#4e5844}.model-play-touch-note{margin:22px 0 0;padding-top:17px;border-top:1px solid #272b231a;color:#666e5e;font-size:10px}.model-play-dialog [data-play-runtime],.model-play-preview [data-play-runtime]{position:absolute;width:0;height:0;overflow:hidden}.model-play-runtime{position:fixed;left:-10000px;top:0;width:1200px;height:800px;border:0;pointer-events:none}@container (max-width:560px){.model-play-wordmark{font-size:18cqw;inset:24px 0 auto;line-height:.9;color:#c4c3bb}.model-play-preview .model-play-stage{inset:6% 0 20%}.model-play-object-label{left:24px;bottom:32px;gap:9px}.model-play-object-note{font-size:10px;max-width:130px}.model-play-launch{right:24px;bottom:25px;min-width:130px;min-height:55px;padding-left:20px;gap:18px}.model-play-launch-arrow{width:34px;height:34px;font-size:21px}}@media(max-width:640px){.model-play-chrome{top:calc(18px + env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right))}.model-play-view{inset:85px 0 86px}.model-play-footer{left:max(23px,env(safe-area-inset-left));right:max(23px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));font-size:10px}.model-play-footer-note{display:none}.model-play-menu{right:max(20px,env(safe-area-inset-right));top:calc(78px + env(safe-area-inset-top));width:min(310px,calc(100% - 40px))}.model-play-identity{gap:12px;font-size:9px}}@media(max-height:500px){.model-play-view{inset:24px 17% 38px}.model-play-chrome{top:12px}.model-play-footer{bottom:13px}.model-play-menu{top:66px;max-height:calc(100% - 80px);padding:18px}.model-play-menu-heading{padding-bottom:14px}.model-play-shortcuts{margin-top:18px;padding-top:15px}}@keyframes model-play-object-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes model-play-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes model-play-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes model-play-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.model-play-preview *,.model-play-dialog *{animation:none!important;transition:none!important}}.model-play-shortcut-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);position:fixed;inset:0;height:fit-content;margin:auto;overflow:auto;padding:24px;border:1px solid #475569;border-radius:16px;background:#151c29;color:#eef2f8;box-shadow:0 24px 80px #0008;font:14px/1.5 system-ui,sans-serif;color-scheme:dark}.model-play-shortcut-dialog::backdrop{background:#080e1bb3}.model-play-shortcut-dialog h2{margin:0 0 8px;font-size:20px}.model-play-shortcut-dialog p{margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.model-play-shortcut-dialog textarea{box-sizing:border-box;width:100%;height:min(46dvh,420px);min-height:160px;padding:14px;border:1px solid #58657a;border-radius:8px;background:#0c111c;color:#e5edfc;resize:vertical;font:13px/1.6 ui-monospace,monospace}.model-play-shortcut-actions{display:flex;gap:8px;flex-wrap:wrap}.model-play-shortcut-actions button{padding:8px 14px;border:1px solid #58657a;border-radius:8px;color:inherit;background:#263349;cursor:pointer;font:inherit}.model-play-shortcut-dialog :focus-visible{outline:2px solid #91baff;outline-offset:3px}.model-play-shortcut-dialog pre{max-height:180px;margin:12px 0;padding:12px;border-radius:8px;background:#0c111c;overflow:auto;white-space:pre-wrap;font:12px/1.5 ui-monospace,monospace}.model-play-shortcut-help[open]{display:flex;flex-direction:column;gap:16px;height:min(800px,calc(100dvh - 32px))}.model-play-shortcut-help>h2{margin:0}.model-play-shortcut-guide{min-height:0;flex:1;padding:0 6px 0 0;overflow:auto;overscroll-behavior:contain}.model-play-shortcut-guide h3{margin:24px 0 10px;font-size:16px;font-weight:600;color:#c4d9ff}.model-play-shortcut-guide h3:first-child{margin-top:0}.model-play-shortcut-guide ol{margin:0;padding-left:22px;list-style:decimal}.model-play-shortcut-guide li{margin:8px 0}.model-play-shortcut-guide table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.model-play-shortcut-guide th,.model-play-shortcut-guide td{padding:10px;border-bottom:1px solid #3b475b;text-align:left;vertical-align:top;overflow-wrap:anywhere}.model-play-shortcut-guide th:first-child{width:110px}.model-play-shortcut-guide tbody th{font-family:ui-monospace,monospace;color:#c4d9ff}.model-play-shortcut-guide textarea{height:320px;resize:none}.model-play-shortcut-message[data-error=true],.model-play-shortcut-feedback[data-error=true]{color:#ffb4ad}.model-play-shortcut-feedback{position:absolute;bottom:16px;left:16px;right:16px;z-index:20;width:fit-content;max-width:calc(100% - 32px);padding:10px 14px;border:1px solid #58657a;border-radius:8px;background:#151c29;color:#eef2f8;font:13px/1.5 system-ui,sans-serif;overflow-wrap:anywhere;pointer-events:none}.model-play-shortcut-feedback[hidden]{display:none}.models-play-dialog{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;overflow:hidden;background:#111519}.models-play-dialog::backdrop{background:#111519}.models-play-view{--mpv-accent: #c8b9ed;--mpv-on-surface: 240, 241, 238;--mpv-glow-radius: 800px;--mpv-text-scale: 1;position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;color-scheme:dark;--mpv-switch-width: 204px;color:#f0f1ee;background:radial-gradient(circle var(--mpv-glow-radius) at 55% 30%,#272932 0%,#111519 100%);font-family:var(--model-play-font, -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", sans-serif);-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.models-play-view[data-model=h106-zero]{--mpv-accent: #a6d8e4;background:radial-gradient(circle var(--mpv-glow-radius) at 55% 30%,#232c31 0%,#111519 100%)}.models-play-view *,.models-play-view *:before,.models-play-view *:after{box-sizing:border-box}.models-play-view [hidden]{display:none!important}.models-play-view button{all:unset;box-sizing:border-box;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.models-play-view button:disabled{cursor:default}.models-play-view button:focus-visible{outline:2px solid var(--mpv-accent);outline-offset:3px}.models-play-view svg{flex:none;display:block;width:21px;height:21px;pointer-events:none}.models-play-view .mpv-content,.models-play-view .mpv-stage{position:absolute;inset:0}.models-play-view .mpv-safe-area{position:absolute;inset:0;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.models-play-view .mpv-stage{overflow:hidden}.models-play-view .model-play-preview{width:100%;height:100%}.models-play-view .models-player{min-height:0}.models-play-view .mpv-stage>.model-play-preview{position:absolute;inset:var(--mpv-model-inset, 0);width:auto;height:auto;transform:scale(1.1);transform-origin:center}.models-play-view[data-layout=tablet] .mpv-stage>.model-play-preview,.models-play-view[data-layout=desktop] .mpv-stage>.model-play-preview{transform:none}.models-play-view .models-player .canvas{touch-action:none}.models-play-view .mpv-stage[data-play-view=screen]>.model-play-preview>.model-play-stage{visibility:hidden;pointer-events:none}.models-play-view .model-play-display{position:absolute;inset:var(--mpv-screen-inset, 0);display:grid;place-items:center;padding:16px;container-type:size}.models-play-view .model-play-display canvas{--screen-aspect: 1;display:block;width:min(100cqw,calc(100cqh * var(--screen-aspect)),640px);height:auto;aspect-ratio:var(--screen-aspect);border-radius:4px;background:#000;image-rendering:pixelated;box-shadow:0 0 0 1px #71808a55,0 14px 40px #0003}.models-play-view .model-play-display canvas:focus-visible{outline:2px solid var(--mpv-accent);outline-offset:10px}.models-play-view .mpv-poster{position:absolute;object-fit:contain;width:auto;height:auto;max-width:100%;max-height:100%;opacity:.8;pointer-events:none}.models-play-view[data-unavailable=true] .mpv-poster{opacity:.32}.models-play-view .mpv-header{position:absolute;left:16px;right:16px;height:48px;display:flex;align-items:center;gap:14px;pointer-events:none}.models-play-view .mpv-header>*{pointer-events:auto}.models-play-view .mpv-round-action{width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center;background:#252c334d;border:1px solid #39424b80;transition:background .13s,border-color .13s}.models-play-view .mpv-round-action:disabled{visibility:hidden}.models-play-view .mpv-round-action:active{background:#39424b66}.models-play-view .mpv-identity{display:flex;align-items:center;gap:10px;flex:1}.models-play-view .mpv-identity strong{font-size:calc(19px * var(--mpv-text-scale));font-weight:600;line-height:1.4}.models-play-view .mpv-identity>span{font-size:10px;font-weight:500;letter-spacing:2px;color:#9ba5af}.models-play-view .mpv-switch{position:absolute;left:calc(50% - var(--mpv-switch-width) / 2);width:var(--mpv-switch-width);height:48px;display:flex}.models-play-view .mpv-switch:before{content:"";position:absolute;inset:4px 0;border-radius:22px;border:1px solid #f0f1ee11;background:#f0f1ee09}.models-play-view .mpv-selection{position:absolute;left:4px;top:7px;height:34px;width:calc(var(--mpv-switch-width) / 2 - 4px);border-radius:18px;background:#323d47;box-shadow:inset 0 0 0 1px #dce6ef1a,0 2px 5px #0003;transition:transform .18s cubic-bezier(.215,.61,.355,1)}.models-play-view[data-view=screen] .mpv-selection{transform:translate(calc(var(--mpv-switch-width) / 2 - 4px))}.models-play-view .mpv-switch button{z-index:1;flex:1;display:flex;justify-content:center;align-items:center;gap:8px;color:#9ba5af;font-size:calc(12px * var(--mpv-text-scale));font-weight:500;border-radius:22px}.models-play-view .mpv-switch button[aria-pressed=true]{color:#f0f1ee}.models-play-view .mpv-switch svg{width:15px;height:15px}.models-play-view .mpv-status{position:absolute;left:20px;right:20px;display:flex;justify-content:center;align-items:center;gap:7px;font-size:calc(11px * var(--mpv-text-scale));line-height:1.4;color:#9ba5af;text-align:center;pointer-events:none}.models-play-view .mpv-status-dot{width:4px;height:4px;border-radius:50%;background:var(--mpv-accent);flex:none}.models-play-view[data-phase=running] .mpv-status-dot{background:#98baa2}.models-play-view[data-busy=true] .mpv-status-dot{width:12px;height:12px;background:none;border:1.5px solid #9ba5af44;border-top-color:#9ba5af;animation:mpv-spin .8s linear infinite}.models-play-view[data-unavailable=true] .mpv-status{color:#f2b8b5}.models-play-view[data-unavailable=true] .mpv-status-dot{background:#f2b8b5}.models-play-view .mpv-status button{pointer-events:auto;padding:10px;min-height:44px;color:var(--mpv-accent)}.models-play-view .mpv-status-message{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.models-play-view .mpv-audio-status,.models-play-view .mpv-status .mpv-audio-status{z-index:3;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:24px;padding:2px 8px;border:1px solid #dce6ef20;border-radius:12px;color:#bec8d0;background:#1e252b;font-size:11px;line-height:1.3;pointer-events:auto;white-space:nowrap}.models-play-view .mpv-audio-status svg{width:12px;height:12px;flex:none}.models-play-view .mpv-status .mpv-audio-status{align-self:flex-end}.models-play-view .mpv-audio-status span{min-width:0;overflow:hidden;text-overflow:ellipsis}.models-play-view .mpv-audio-status[data-compact=true]{gap:3px;padding:2px 3px;font-size:10px}.models-play-view .mpv-audio-status[data-compact=true] svg{width:9px;height:9px}.models-play-view .mpv-audio-status[data-audio-state=suspended],.models-play-view .mpv-audio-status[data-audio-state=interrupted],.models-play-view .mpv-audio-status[data-firmware-muted=true]{color:#dac09a}.models-play-view .mpv-audio-details{position:absolute;left:16px;right:auto;z-index:6;box-sizing:border-box;width:min(360px,calc(100% - 32px));margin:0;padding:18px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;border:1px solid #39424b;border-radius:16px;background:#1e252b;color:#c6d0da;box-shadow:0 12px 36px #0003;font-size:calc(12px * var(--mpv-text-scale));line-height:1.65}.models-play-view .mpv-audio-details strong{color:#f0f1ee}.models-play-view .mpv-audio-details p{margin:10px 0}.models-play-view .mpv-audio-details button{display:block;min-height:44px;width:100%;margin-top:12px;text-align:center;color:var(--mpv-accent);border:1px solid #dce6ef20;border-radius:10px}.models-play-view .mpv-controls{position:absolute;pointer-events:none}.models-play-view .mpv-key{position:absolute;pointer-events:auto;border-radius:50%;padding:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:1.2px solid rgba(var(--mpv-on-surface),.28);background:#252c332e;color:rgba(var(--mpv-on-surface),.92);transition:transform .11s,background .11s,border-color .11s,box-shadow .11s}.models-play-view .mpv-key span{font-size:calc(11px * var(--mpv-text-scale));font-weight:500;line-height:1.2;text-align:center;max-width:100%;pointer-events:none}.models-play-view[data-arc=true] .mpv-key span{font-size:calc(12px * var(--mpv-text-scale))}.models-play-view[data-arc=true] .mpv-key svg{width:26px;height:26px}.models-play-view .mpv-key:disabled{color:rgba(var(--mpv-on-surface),.46);border-color:rgba(var(--mpv-on-surface),.13)}.models-play-view .mpv-key[data-emphasized=true],.models-play-view .mpv-key[data-pressed=true]{border-color:rgba(var(--mpv-on-surface),.64);box-shadow:0 0 18px 1px rgba(var(--mpv-on-surface),.14)}.models-play-view .mpv-key[data-pressed=true]{transform:translateY(1px) scale(.975);background:#252c336b;box-shadow:0 0 22px 1px rgba(var(--mpv-on-surface),.14)}.models-play-view .mpv-key[data-button=record]{gap:2px;transition:transform .11s}.models-play-view .mpv-key[data-button=record] canvas{flex:none;pointer-events:none}.models-play-view .mpv-key[data-button=record]:disabled span{color:rgba(var(--mpv-on-surface),.42)}.models-play-view .mpv-key[data-button=record][data-lit=true]{border-color:rgba(var(--core-rgb),var(--core-border));box-shadow:0 0 18px 1px rgba(var(--core-rgb),var(--core-glow))}.models-play-view .mpv-key[data-button=record][data-lit=false]{box-shadow:none}.models-play-view .mpv-key[data-button=record][data-pressed=true] canvas{transform:translateY(2px)}.models-play-view[data-reduced-motion=true] *{animation:none!important;transition:none!important}.models-play-view .mpv-header,.models-play-view .mpv-switch{z-index:3}.models-play-view .mpv-menu{position:absolute;z-index:5;right:16px;width:min(280px,calc(100% - 32px));max-height:calc(var(--mpv-height, 100dvh) - var(--mpv-menu-top, 80px) - 16px);overflow-y:auto;overscroll-behavior:contain;display:grid;gap:12px;padding:18px;border:1px solid #39424b;border-radius:18px;color:#f0f1ee;background:#1e252b;box-shadow:0 16px 48px #0004;font-size:12px;touch-action:pan-y}.models-play-view .mpv-firmware-label{color:#9ba5af;font-size:11px}.models-play-view .mpv-firmware-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;min-height:44px;border:1px solid #f0f1ee22;border-radius:10px}.models-play-view .mpv-firmware-picker:not([data-single=true]):after,.models-play-view .mpv-chevron{content:"";width:6px;height:6px;flex:none;border:solid currentColor;border-width:0 1px 1px 0;transform:rotate(45deg)}.models-play-view .mpv-firmware-picker[aria-expanded=true]:after{transform:rotate(225deg)}.models-play-view .mpv-firmware-options{display:grid;padding:4px;border:1px solid #f0f1ee22;border-radius:12px;max-height:200px;overflow-y:auto}.models-play-view .mpv-firmware-options button{padding:12px;min-height:44px;border-radius:8px}.models-play-view .mpv-firmware-options button[aria-selected=true]{color:#f0f1ee;background:#323d47}.models-play-view .mpv-firmware-options button:focus-visible{outline-offset:-2px}.models-play-view .mpv-menu-actions{display:flex;gap:8px}.models-play-view .mpv-menu-actions button{flex:1;padding:11px 8px;text-align:center;min-height:44px;border:1px solid #f0f1ee22;border-radius:10px}.models-play-view .mpv-menu-actions button:disabled{opacity:.4}.models-play-view .mpv-menu-actions button:not(:disabled):hover{background:#f0f1ee11}.models-play-view .mpv-network{min-width:0;margin:2px 0 0;padding:14px 0 0;border:0;border-top:1px solid #dce6ef14}.models-play-view .mpv-network legend{padding:0 0 8px;color:#9ba5af;font-size:11px}.models-play-view .mpv-network-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.models-play-view .mpv-network-modes button{display:grid;place-items:center;min-height:44px;padding:8px;border:1px solid #f0f1ee18;border-radius:10px;color:#9ba5af;font-size:12px;transition:background .13s,border-color .13s,color .13s}.models-play-view .mpv-network-modes button[aria-pressed=true]{background:#323d47;border-color:#dce6ef38;color:#f0f1ee}.models-play-view .mpv-network-modes button:disabled{opacity:.4}.models-play-view .mpv-key-guide{position:absolute;left:24px;top:84px;z-index:2;width:288px;margin:0;max-height:calc(100% - 112px);overflow:auto;border:1px solid #dce6ef1a;border-radius:16px;background:#1d252e;color:#c6d0da;font-size:12px;box-shadow:0 10px 36px #0002,inset 0 1px #ffffff05;touch-action:pan-y}.models-play-view .mpv-key-guide summary{display:flex;align-items:center;gap:10px;min-height:60px;padding:0 18px;color:#e5ebef;font-size:13px;font-weight:600;cursor:pointer;list-style:none}.models-play-view .mpv-key-guide summary::-webkit-details-marker{display:none}.models-play-view .mpv-key-guide summary:focus-visible{outline:2px solid var(--mpv-accent);outline-offset:-4px;border-radius:12px}.models-play-view .mpv-key-guide summary svg{width:28px;height:28px;padding:4px;border-radius:8px;background:#2b3540;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.models-play-view .mpv-chevron{margin-left:auto}.models-play-view .mpv-key-guide[open] .mpv-chevron{transform:rotate(225deg)}.models-play-view .mpv-key-guide dl{display:grid;gap:12px;padding:0 18px;margin:0}.models-play-view .mpv-key-guide dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}.models-play-view .mpv-key-guide [data-hint=directions],.models-play-view .mpv-key-guide [data-hint=core]{border-top:1px solid #dce6ef14;padding-top:14px;margin-top:2px}.models-play-view .mpv-key-guide dt{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;line-height:1.6}.models-play-view .mpv-key-guide small{font-size:10px;color:#9ba5af;white-space:nowrap}.models-play-view .mpv-key-guide dd{display:flex;align-items:center;flex:none;gap:6px;margin:0}.models-play-view .mpv-key-guide dd>span{display:flex;gap:4px}.models-play-view .mpv-key-guide dd>i{color:#8593a0;font:10px sans-serif}.models-play-view .mpv-key-guide kbd{display:grid;place-items:center;min-width:24px;height:26px;padding:0 6px;border:1px solid #dce6ef24;border-bottom-color:#dce6ef38;border-radius:6px;background:#28333e;box-shadow:0 2px #11161c,inset 0 1px #ffffff05;font:11px/1 ui-monospace,monospace;color:#e1e8ed}.models-play-view .mpv-key-guide p{margin:16px 18px 18px;padding-top:14px;border-top:1px solid #dce6ef14;color:#9ba5af;font-size:11px;line-height:1.8}.models-play-view[data-layout=desktop] .mpv-header{left:24px;right:24px}.models-play-view[data-layout=desktop] .mpv-status{left:var(--mpv-status-left, 340px);right:24px;font-size:11px}.models-play-view[data-layout=desktop] .mpv-menu{right:24px}.models-play-view[data-compact-header=true]{--mpv-switch-width: 172px}.models-play-view[data-compact-header=true] .mpv-identity{display:none}.models-play-view[data-compact-header=true] .mpv-header [data-action=close]{margin-right:auto}.models-play-view[data-compact-header=true][data-firmware-menu=true] .mpv-header [data-action=restart]{display:none}.models-play-view .mpv-key-guide[data-compact=true]{left:12px;top:var(--mpv-guide-top, 80px);z-index:4;width:40px;max-height:none;overflow:visible;border:0;background:none;box-shadow:none}.models-play-view .mpv-key-guide[data-compact=true] summary{width:40px;min-height:40px;padding:6px;border:1px solid #39424b80;border-radius:50%;color:#9ba5af;background:#252c334d}.models-play-view .mpv-key-guide[data-compact=true] summary svg{padding:3px;background:none}.models-play-view .mpv-key-guide[data-compact=true] summary>span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.models-play-view .mpv-key-guide[data-compact=true] .mpv-guide-body{position:absolute;left:0;top:48px;width:min(288px,calc(var(--mpv-width, 100vw) - 24px));max-height:calc(var(--mpv-height, 100dvh) - var(--mpv-guide-top, 80px) - 64px);overscroll-behavior:contain;overflow:auto;padding-top:18px;border:1px solid #dce6ef1a;border-radius:16px;color:#c6d0da;background:#1d252e;box-shadow:0 12px 36px #0003}@media(hover:hover){.models-play-view .mpv-round-action:not(:disabled):hover{background:#303a4480;border-color:#f0f1ee40}.models-play-view .mpv-switch button:not([aria-pressed=true]):hover{color:#dce5ed}.models-play-view .mpv-network-modes button:not(:disabled):hover{border-color:#dce6ef55;color:#f0f1ee}.models-play-view .mpv-key-guide summary:hover{background:#ffffff04}}@keyframes mpv-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.models-play-view *{animation:none!important;transition:none!important}}body[data-page=studio]{background:#f7f4ed}body[data-page=studio] .site-footer{display:none}body[data-page=studio] .header{width:calc(100% - 48px);max-width:1552px}.studio-shell{--s-surface: #fffdf8;--s-ink: #172e54;--s-muted: #5f6d80;--s-faint: #8b95a3;--s-line: #e7e2d6;--s-line-strong: #d9d2c2;--s-tint: #f1ece1;--s-sky: #50b9fa;--s-blue: #244bf0;--s-ok: #2f8a64;--s-code: #13264a;--s-code-deep: #0e1d3b;--s-code-line: #213a62;--s-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;max-width:1600px;margin:0 auto;padding:20px 24px 24px;color:var(--s-ink);font-size:13px;line-height:1.6}:where(.studio-shell) button,:where(.studio-shell) textarea{font:inherit;color:inherit}:where(.studio-shell) button{border:0;background:none;padding:0;cursor:pointer}.studio-shell :focus-visible{outline:2px solid var(--s-blue);outline-offset:2px}.studio-shell .ph{font-size:16px;line-height:1}.studio-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr);align-items:center;gap:20px;margin-bottom:16px}.studio-project{display:flex;align-items:center;gap:14px;min-width:0}.studio-mark{flex-shrink:0;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--s-ink);color:#ffd88a;box-shadow:0 8px 18px -10px #172e54aa}.studio-mark .ph{font-size:22px}.studio-crumb{margin:0;font-size:12px;color:var(--s-faint)}.studio-crumb span{margin:0 7px;color:#c6c0b2}.studio-toolbar h1{margin:0;font-size:22px;line-height:1.3;letter-spacing:-.02em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-meta{align-self:flex-end;margin-bottom:2px;display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border-radius:999px;background:var(--s-tint);color:var(--s-muted);font-size:12px;white-space:nowrap}.studio-dot{width:6px;height:6px;border-radius:50%;background:var(--s-ok)}.studio-actions{justify-self:end;display:flex;align-items:center;gap:8px}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border-radius:12px;font-size:13px;font-weight:500;white-space:nowrap;background:var(--s-surface);box-shadow:inset 0 0 0 1px var(--s-line-strong);transition:background .15s,box-shadow .15s,transform .15s}.studio-button:hover{background:#fff;box-shadow:inset 0 0 0 1px #c5bca8,0 2px 6px -3px #172e5433}.studio-button:active{transform:translateY(1px)}.studio-button .ph-play{color:var(--s-blue)}.studio-button.primary{background:var(--s-ink);color:#fff;box-shadow:0 8px 18px -10px #172e54cc}.studio-button.primary:hover{background:#21406f}.studio-button.ghost{background:transparent;box-shadow:none;color:var(--s-muted)}.studio-button.ghost:hover{background:var(--s-tint);color:var(--s-ink)}.studio-button.small{height:30px;padding:0 12px;border-radius:9px;font-size:12px}.studio-icon-button{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--s-muted);transition:background .15s}.studio-icon-button:hover{background:var(--s-tint);color:var(--s-ink)}.studio-icon-button .ph{font-size:19px}.studio-workbench{display:grid;gap:12px;height:calc(100dvh - 196px);min-height:620px;max-height:1000px}.studio-workbench[data-mode=chat]{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-workbench[data-mode=code]{grid-template-columns:minmax(0,1fr) clamp(340px,28%,400px)}.studio-workbench[data-mode=chat]>.studio-code,.studio-workbench[data-mode=code]>.studio-agent{display:none}.studio-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--s-surface);border:1px solid var(--s-line);border-radius:18px;overflow:hidden}.studio-panel-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px 11px 11px;border-bottom:1px solid var(--s-line)}.studio-segment{display:inline-flex;padding:3px;border-radius:11px;background:var(--s-tint)}.studio-segment button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:8px;font-size:12px;font-weight:500;color:var(--s-muted);transition:background .15s,color .15s}.studio-segment button:hover{color:var(--s-ink)}.studio-segment button[aria-pressed=true]{background:#fff;color:var(--s-ink);box-shadow:0 1px 2px #172e541f,0 0 0 1px #172e540a}.studio-segment .ph{font-size:14px}.studio-mode button{height:32px;padding:0 15px;font-size:13px}.studio-mode .ph{font-size:16px}.studio-busy-dot{width:6px;height:6px;border-radius:50%;background:var(--s-sky);box-shadow:0 0 0 3px #50b9fa2e;animation:studio-pulse 1.1s ease-in-out infinite}.studio-panel-title{display:inline-flex;align-items:center;gap:9px;margin:0;font-size:13px;line-height:1.3;font-weight:600;letter-spacing:0;color:var(--s-ink);white-space:nowrap}.pi-glyph{font:600 15px/1 Georgia,serif}.studio-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 8px;border-radius:999px;background:var(--s-tint);color:var(--s-muted);font-size:11px;white-space:nowrap}.studio-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#b9b09d}.studio-pill.live{background:#e2f2e9;color:var(--s-ok)}.studio-pill.live:before{background:var(--s-ok);box-shadow:0 0 0 3px #2f8a6426}.studio-conversation{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:18px 16px 12px}.studio-message{display:flex;align-items:flex-start;gap:10px}.studio-message p{margin:0;white-space:pre-wrap;font-size:13px;line-height:1.75;color:#33465f}.studio-message.user{justify-content:flex-end}.studio-message.user p{max-width:86%;padding:8px 13px;border-radius:14px 14px 4px;background:var(--s-ink);color:#fff}.studio-avatar{flex-shrink:0;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(150deg,#6cc6fb,#2d63e8);color:#fff;font:600 16px/1 Georgia,serif;box-shadow:0 4px 10px -5px #244bf099}.studio-avatar.small{width:24px;height:24px;border-radius:8px;font-size:14px}.studio-head-tools{display:flex;align-items:center;gap:4px;min-width:0}.studio-mini-button{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--s-muted)}.studio-mini-button:hover{background:var(--s-tint);color:var(--s-ink)}.studio-stop .ph{font-size:18px}.studio-stop:hover{background:#fcefeb;color:#b4432e}.studio-model{display:inline-flex;align-items:center;gap:4px;max-width:132px;height:26px;padding:0 8px 0 10px;border-radius:999px;font-size:11.5px;font-weight:500;color:#9a5b14;background:#fbefd9;white-space:nowrap;overflow:hidden}.studio-model.ready{color:var(--s-muted);background:var(--s-tint)}.studio-model:hover{color:var(--s-ink)}.studio-model .ph{flex-shrink:0;font-size:11px}.studio-setup{display:flex;gap:11px;margin-left:38px;padding:13px 14px;border-radius:14px;background:#fff8eb;box-shadow:inset 0 0 0 1px #f1dfbd}.studio-setup>.ph{margin-top:2px;font-size:18px;color:#b9772a}.studio-setup strong{display:block;font-size:13px;font-weight:600}.studio-setup p{margin:3px 0 10px;font-size:12px;line-height:1.7;color:var(--s-muted)}.studio-step{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-6px 0 0 38px;padding:6px 10px;border-radius:10px;background:#f6f2ea;font-size:12px;color:#4b5d74}.studio-step-icon{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;flex-shrink:0}.studio-step-icon .ph{font-size:11px}.studio-step.done .studio-step-icon{background:#dff0e7;color:var(--s-ok)}.studio-step.error{background:#fcefeb;color:#8c3a2b}.studio-step.error .studio-step-icon{background:#f8d9d1;color:#b4432e}.studio-step.stopped{opacity:.7}.studio-step-label{font-family:var(--s-mono);font-size:11.5px}.studio-step-delta{margin-left:auto;display:inline-flex;gap:6px;font:600 11px/1 var(--s-mono)}.studio-step-delta b{font-weight:600;color:var(--s-ok)}.studio-step-delta i{font-style:normal;color:#b4432e}.studio-step small{flex-basis:100%;padding-left:26px;font-size:11.5px;line-height:1.6;overflow-wrap:anywhere}.studio-spinner{width:11px;height:11px;border-radius:50%;border:2px solid #c9dff1;border-top-color:#2f86c8;animation:studio-spin .8s linear infinite}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-activity{display:flex;align-items:center;gap:8px;margin-left:38px;padding:6px 0;font-size:12px;color:var(--s-muted)}.studio-activity small{margin-left:auto;font:11px var(--s-mono);color:var(--s-faint)}.studio-reasoning{min-width:0;margin-left:38px;padding:10px 12px;border-radius:12px;border:1px solid #dededb;background:#f5f5f4}.studio-reasoning summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#656562}.studio-reasoning summary::-webkit-details-marker{display:none}.studio-reasoning summary>.ph,.studio-reasoning summary small{flex-shrink:0}.studio-reasoning summary small{font-size:11px}.studio-reasoning-title{flex:1;min-width:0}.studio-reasoning-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}.studio-reasoning[open] .studio-reasoning-preview{display:none}.studio-reasoning .ph-caret-down{transition:transform .15s}.studio-reasoning[open] .ph-caret-down{transform:rotate(180deg)}.studio-reasoning pre,.studio-tool-output pre{max-height:240px;overflow:auto;margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.75 var(--s-mono);color:var(--s-muted)}.studio-reasoning pre{color:#62625f}.studio-tool-output{flex-basis:100%;min-width:0}.studio-tool-output summary{cursor:pointer;font-size:11.5px}.studio-tool-output pre{color:inherit}@keyframes studio-pulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.studio-alert{display:flex;gap:9px;margin-left:38px;padding:10px 12px;border-radius:12px;background:#fcefeb;color:#8c3a2b;font-size:12px;line-height:1.7}.studio-alert .ph{margin-top:2px;font-size:16px}.studio-alert p{margin:0;overflow-wrap:anywhere}.studio-alert button{margin-top:4px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.studio-note{margin:-6px 0 0 38px;font-size:11.5px;color:var(--s-faint)}.studio-response-meta{margin:-6px 0 0 38px;font:11px/1.6 var(--s-mono);color:var(--s-muted)}.studio-undo{display:flex;align-items:center;gap:8px;margin-left:38px;padding:8px 8px 8px 12px;border-radius:12px;background:#eef6fd;color:#2e5f8c;font-size:12px}.studio-undo button{margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #c9def0;font-size:12px}.studio-undo button+button{margin-left:0}.studio-undo button:hover{background:#f7fbff}.studio-agent-foot{flex-shrink:0;padding:12px;border-top:1px solid var(--s-line)}.studio-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.studio-suggestions button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 9px;border-radius:999px;font-size:12px;color:#2f557f;background:#fff;box-shadow:inset 0 0 0 1px var(--s-line-strong);transition:background .15s,box-shadow .15s}.studio-suggestions button:hover{background:#f1f8fe;box-shadow:inset 0 0 0 1px #8ccdf8}.studio-suggestions .ph{font-size:14px;color:#3b93d0}.studio-composer{padding:10px 8px 8px 12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--s-line-strong);transition:box-shadow .15s}.studio-composer:focus-within{box-shadow:inset 0 0 0 1.5px var(--s-sky),0 0 0 4px #50b9fa24}.studio-composer textarea{display:block;width:100%;min-height:44px;max-height:140px;resize:none;border:0;padding:0 4px 0 0;background:none;font-size:13px;line-height:1.65}.studio-composer textarea:focus-visible{outline:none}.studio-composer textarea::placeholder{color:#a1a8b2}.studio-composer-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.studio-chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:7px;background:var(--s-tint);color:var(--s-muted);font:11px/1 var(--s-mono)}.studio-chip .ph{font-size:13px}.studio-send{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--s-ink);color:#fff;transition:background .15s}.studio-send:hover:not(:disabled){background:#21406f}.studio-send.stop{background:#b4432e}.studio-send.stop:hover{background:#9a3524}.studio-shell .studio-send:disabled{background:#e2dccf;color:#fff;opacity:1}.studio-agent-footnote{margin:9px 0 0;text-align:center;font-size:11px;color:var(--s-faint)}.studio-code{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--s-code);border-radius:18px;overflow:hidden;box-shadow:0 22px 40px -28px #0e1d3bcc}.studio-code-tabs{flex-shrink:0;display:flex;align-items:flex-end;gap:2px;height:48px;padding:0 8px;background:var(--s-code-deep);overflow-x:auto}.studio-code-tabs button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:10px 10px 0 0;font-size:12.5px;color:#8297b5;white-space:nowrap;transition:color .15s}.studio-code-tabs button:hover{color:#d8e4f4}.studio-code-tabs button[aria-pressed=true]{background:var(--s-code);color:#f2f7fd}.studio-code-tabs .ph{font-size:14px;color:#63b5ea}.studio-code-language{margin-left:auto;color:#6f87a9;font-size:11px;white-space:nowrap}.studio-code-language+.studio-console-tools{margin-left:6px}.studio-editor{flex:1;min-height:0;overflow:hidden}.studio-editor .cm-editor{height:100%}.studio-editor .cm-editor.cm-focused{outline:none}.studio-console{flex-shrink:0;display:flex;flex-direction:column;height:152px;background:var(--s-code-deep);border-top:1px solid var(--s-code-line)}.studio-console-heading{flex-shrink:0;display:flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 16px}.studio-console-heading strong{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:#c3d2e5}.studio-console-heading strong .ph{color:#63b5ea}.studio-count{min-width:20px;padding:0 6px;border-radius:6px;background:#1a3157;color:#92a9c8;font-size:11px;text-align:center}.studio-console-tools{margin-left:auto;display:flex;gap:2px}.studio-console-tools button{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#7f96b6;transition:background .15s,color .15s}.studio-console-tools button:hover{background:#1a3157;color:#e1eaf6}.studio-log{flex:1;min-height:0;overflow:auto;padding:0 16px 12px;font:12px/1.85 var(--s-mono)}.studio-log>div{display:flex;gap:14px}.studio-log>div>span{flex-shrink:0;color:#46608a;user-select:none}.studio-log p{margin:0;color:#a9bdd6;white-space:pre-wrap;overflow-wrap:anywhere}.studio-log>div:last-child p{color:#e6eef9}.studio-code *{scrollbar-width:thin;scrollbar-color:#2b4672 transparent}.studio-preview{overflow:auto;scrollbar-width:thin;scrollbar-color:#d9d2c2 transparent}.studio-conversation{scrollbar-width:thin;scrollbar-color:#d9d2c2 transparent}.studio-preview-foot{flex-shrink:0}.studio-workbench[data-mode=code] .studio-target{display:none}.studio-target{margin:4px 12px 12px;padding:14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--s-line)}.studio-target-head{display:flex;align-items:center;gap:10px}.studio-target-icon{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ecf3fa;color:#2f6aa0}.studio-target-icon .ph{font-size:18px}.studio-target-head strong{display:block;font-size:13px;font-weight:600}.studio-target-head small{display:block;font-size:11.5px;color:var(--s-faint)}.studio-target dl{display:grid;grid-template-columns:1fr auto;row-gap:7px;margin:12px 0 0;padding-top:11px;border-top:1px solid #efeadf;font-size:12px}.studio-target dt{color:var(--s-muted)}.studio-target dd{margin:0;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--s-faint)}.studio-target dd:before{content:"";width:6px;height:6px;border-radius:50%;background:#cfc7b4}.studio-target dd.ok{color:var(--s-ok)}.studio-target dd.ok:before{background:var(--s-ok)}.studio-dialog{width:min(460px,calc(100% - 32px));max-height:86dvh;overflow:auto;padding:30px;border:0;border-radius:22px;background:var(--s-surface);color:var(--s-ink);box-shadow:0 0 0 1px #172e5414,0 30px 70px -20px #102c5766}.studio-dialog::backdrop{background:#172e5452;backdrop-filter:blur(3px)}.studio-dialog-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--s-faint)}.studio-dialog-close:hover{background:var(--s-tint);color:var(--s-ink)}.studio-dialog-symbol{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e6f2fc;color:#2e78b3}.studio-dialog-symbol .ph{font-size:22px}.studio-dialog h2{margin:16px 0 8px;font-size:21px;line-height:1.35;letter-spacing:-.02em}.studio-dialog>p{margin:0 0 18px;font-size:13px;line-height:1.8;color:var(--s-muted)}.studio-destination{display:flex;align-items:center;gap:12px;width:100%;margin:8px 0;padding:13px 14px;border-radius:14px;text-align:left;background:#fff;box-shadow:inset 0 0 0 1px var(--s-line)}.studio-destination>.ph{font-size:22px;color:#2e78b3}.studio-destination>span{flex:1}.studio-destination strong{display:block;font-size:13px;font-weight:600}.studio-destination small{display:block;margin-top:1px;font-size:12px;color:var(--s-faint)}.studio-destination em{font-style:normal;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--s-tint);color:var(--s-muted)}button.studio-destination{transition:box-shadow .15s,background .15s}button.studio-destination:hover{background:#f4f9fe;box-shadow:inset 0 0 0 1px #8ccdf8}.studio-destination.inactive>.ph{color:#a8b0bb}.studio-destination.inactive strong{color:#57667a}.studio-download-source{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:38px;margin-top:12px;border-radius:12px;font-size:13px;color:var(--s-muted)}.studio-download-source:hover{background:var(--s-tint);color:var(--s-ink)}.studio-dialog-symbol.pi{background:linear-gradient(150deg,#6cc6fb,#2d63e8);color:#fff;font:600 24px/1 Georgia,serif}.studio-install-dialog,.studio-help-dialog,.studio-settings-dialog{max-height:calc(100dvh - 48px);overflow-y:auto}.studio-settings-dialog .studio-form,.studio-settings-dialog label,.studio-settings-dialog select,.studio-settings-dialog input{min-width:0;max-width:100%}.studio-form .studio-model-filter{display:flex;align-items:center;gap:8px;font-weight:400;color:var(--s-muted)}.studio-model-filter input{margin:0;accent-color:var(--s-blue)}.studio-provider-dialog{width:min(780px,calc(100% - 32px))}.studio-provider-dialog h2{margin-top:0;padding-right:30px}.studio-provider-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:24px;align-items:start}.studio-provider-sidebar{position:sticky;top:0;display:grid;gap:12px;min-width:0}.studio-provider-list{display:grid;gap:6px}.studio-provider-list button{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;text-align:left;border-radius:10px;color:var(--s-muted)}.studio-provider-list button[aria-pressed=true]{background:var(--s-tint);color:var(--s-ink)}.studio-provider-list span{min-width:0;overflow-wrap:anywhere}.studio-provider-list small{font-size:10px;color:var(--s-ok)}.studio-provider-empty{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--s-muted);text-align:center}.studio-device-provider{min-width:0;display:grid;gap:14px}.studio-device-provider h3{margin:0;font-size:15px}.studio-device-provider select{max-width:100%}.studio-device-provider>.studio-form-actions{flex-wrap:wrap}.studio-provider-empty .ph{font-size:28px}.studio-provider-empty p{margin:8px 0 0}.studio-provider-refresh{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.studio-provider-refresh small,.studio-capability-source{font-size:11.5px;color:var(--s-muted)}.studio-capability-source{margin:0;padding:10px;border-radius:9px;background:var(--s-tint)}.studio-provider-manual{justify-self:start;color:var(--s-muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}.studio-provider-dialog>.studio-provider-error{margin-bottom:16px;color:#8c3a2b}.studio-provider-error button{margin-top:6px;text-decoration:underline;text-underline-offset:3px}.studio-provider-fields{display:contents}.studio-provider-error,.studio-provider-remove-confirm{margin:0;padding:12px;border-radius:10px;background:#fcefeb;color:#8c3a2b;overflow-wrap:anywhere;font-size:12px}.studio-provider-remove-confirm p{margin:0 0 10px}@media(max-width:700px){.studio-provider-layout{grid-template-columns:minmax(0,1fr);gap:18px}.studio-provider-sidebar{position:static}.studio-provider-list{display:flex;flex-wrap:wrap}.studio-provider-list button{max-width:100%}}.studio-settings-dialog .studio-note{margin:0 0 14px;color:var(--s-muted)}.studio-development-guide{margin:16px 0;padding:12px;border:1px solid var(--s-line);border-radius:12px;background:#fff}.studio-development-guide summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--s-ink)}.studio-development-guide pre{max-height:45dvh;margin:12px 0 0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 var(--s-mono);color:var(--s-muted)}.studio-device-install{margin-top:20px;padding-top:18px;border-top:1px solid var(--s-line)}.studio-device-install-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-device-install-heading h3{margin:0;font-size:15px;font-weight:600}.studio-device-install .studio-form,.studio-device-install label,.studio-device-install select{min-width:0;max-width:100%}.studio-device-install .studio-note{margin:10px 0 14px}.studio-device-ready,.studio-device-success{color:var(--s-ok);font-size:12px;line-height:1.75}.studio-device-success{padding:12px;border-radius:11px;background:#eaf5ee}.studio-device-error{padding:12px;border-radius:11px;background:#fff1e9;color:#a14927;font-size:12px;line-height:1.75;overflow-wrap:anywhere}.studio-form{display:grid;gap:14px}.studio-form label{display:grid;gap:6px;font-size:12px;font-weight:600;color:var(--s-ink)}.studio-form select,.studio-key{height:40px;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1px var(--s-line-strong);font-family:inherit;font-size:13px;font-weight:400;color:var(--s-ink)}.studio-form select{padding:0 10px;border:0}.studio-key{display:flex;align-items:center;padding:0 4px 0 12px}.studio-key:focus-within{box-shadow:inset 0 0 0 1.5px var(--s-sky),0 0 0 4px #50b9fa24}.studio-key input{flex:1;min-width:0;height:100%;border:0;background:none;font:13px var(--s-mono);color:var(--s-ink)}.studio-key input:focus-visible{outline:none}.studio-key button{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--s-muted)}.studio-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.studio-integration{margin:0}.studio-integration dt{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:600}.studio-integration dt span{font-size:11px;font-weight:500;padding:1px 8px;border-radius:999px;background:var(--s-tint);color:var(--s-muted)}.studio-integration dt span.ok{background:#e2f2e9;color:var(--s-ok)}.studio-integration dd{margin:4px 0 0;font-size:12.5px;line-height:1.75;color:var(--s-muted)}.studio-mobile-tabs{display:none}@media(min-width:1021px){.studio-workbench[data-mode=chat] .studio-sim{flex-basis:360px;min-height:360px}.studio-workbench[data-mode=chat] .studio-preview-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:center;border-top:1px solid var(--s-line)}.studio-workbench[data-mode=chat] .studio-sim-actions{padding:12px 18px}.studio-workbench[data-mode=chat] .studio-target{margin:12px 12px 12px 0}}@media(max-width:1280px){.studio-button.ghost span{display:none}}@media(max-width:1020px){.studio-meta{display:none}.studio-workbench[data-mode=code]{grid-template-columns:minmax(0,1fr) 340px}}@media(max-width:860px){.studio-mode button{padding:0 11px}.studio-mode button>span{display:none}}@media(max-width:700px){body[data-page=studio] .header{width:calc(100% - 32px)}.studio-shell{padding:14px 12px 20px}.studio-toolbar{display:flex;flex-wrap:wrap;gap:12px}.studio-mode,.studio-mark{display:none}.studio-toolbar h1{font-size:20px}.studio-actions{width:100%}.studio-actions .studio-button:not(.ghost){flex:1}.studio-mobile-tabs{display:flex;margin-bottom:10px;padding:3px;border-radius:12px;background:var(--s-tint)}.studio-mobile-tabs button{flex:1;height:34px;border-radius:9px;font-size:13px;font-weight:500;color:var(--s-muted)}.studio-mobile-tabs button[aria-pressed=true]{background:#fff;color:var(--s-ink);box-shadow:0 1px 2px #172e541f}.studio-workbench{display:block;height:auto;min-height:0}.studio-workbench[data-mobile=work]>.studio-preview,.studio-workbench[data-mobile=preview]>:not(.studio-preview){display:none}.studio-agent,.studio-code{height:calc(100dvh - 240px);min-height:520px}.studio-dialog{padding:24px}}@media(prefers-reduced-motion:reduce){.studio-shell *,.studio-dialog{transition:none!important;scroll-behavior:auto!important}.studio-spinner{animation-duration:2.4s}}.studio-app-switch{position:relative;min-width:0}.studio-title-button{display:inline-flex;align-items:center;gap:6px;max-width:calc(100% + 6px);margin-left:-6px;padding:0 6px;border-radius:9px;color:var(--s-ink);transition:background .15s}.studio-title-button:hover,.studio-title-button[aria-expanded=true]{background:var(--s-tint)}.studio-title-button .ph{flex-shrink:0;font-size:15px;color:var(--s-faint)}.studio-app-menu{position:absolute;z-index:40;top:calc(100% + 8px);left:-8px;width:300px;padding:8px;border-radius:16px;background:var(--s-surface);box-shadow:0 0 0 1px #172e5414,0 22px 48px -18px #102c5766}.studio-app-menu>p{margin:4px 8px 6px;font-size:12px;font-weight:500;color:var(--s-faint)}.studio-app-list{max-height:min(52dvh,360px);overflow:auto;scrollbar-width:thin}.studio-app-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:10px;text-align:left;font-size:13px;color:#3f5470;transition:background .15s}.studio-app-menu button:hover{background:var(--s-tint)}.studio-app-entry{display:flex;align-items:center;gap:4px}.studio-app-menu .studio-app-row{flex:1;min-width:0;width:0}.studio-app-menu .studio-app-delete{flex:0 0 30px;justify-content:center;width:30px;height:30px;padding:0;color:var(--s-muted)}.studio-app-menu .studio-app-delete:hover:not(:disabled){color:#a43828;background:#fcefeb}.studio-dialog-symbol.danger{color:#a43828;background:#fcefeb}.studio-button.danger{color:#fff;background:#a43828;box-shadow:none}.studio-button.danger:hover{background:#872a1e}.studio-delete-dialog>p{overflow-wrap:anywhere}.studio-delete-dialog>.studio-delete-error{color:#a43828}.studio-app-row>span:not(.studio-app-icon){flex:1;min-width:0}.studio-app-row strong{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-app-row small{display:block;font-size:11px;color:var(--s-faint)}.studio-app-row>.ph{color:var(--s-ok)}.studio-app-icon{flex-shrink:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px var(--s-line);color:#3b82bd}.studio-app-row[aria-current=true]{background:#eef6fd}.studio-app-row[aria-current=true] .studio-app-icon{background:#3b82bd;color:#fff;box-shadow:none}.studio-app-menu .studio-app-new{position:relative;margin-top:9px;font-weight:500;color:var(--s-ink)}.studio-app-new:before{content:"";position:absolute;top:-5px;left:8px;right:8px;height:1px;background:var(--s-line)}.studio-app-new .ph{color:var(--s-blue)}.studio-app-menu>small{display:block;margin:4px 8px 2px;font-size:11.5px;line-height:1.6;color:var(--s-faint)}.studio-segment button{white-space:nowrap}.studio-agent .studio-panel-head{gap:6px}.studio-model{max-width:260px}.studio-model span{min-width:0;overflow:hidden;text-overflow:ellipsis}.studio-model .studio-effort{flex-shrink:0;padding-left:6px;margin-left:2px;border-left:1px solid var(--s-line-strong);font-size:10.5px;font-weight:400}@media(max-width:700px){.studio-model{max-width:210px}}.studio-input{height:40px;padding:0 12px;border:0;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1px var(--s-line-strong);font:400 13px var(--s-mono);color:var(--s-ink)}.studio-input:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px var(--s-sky),0 0 0 4px #50b9fa24}.studio-input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px #d0654f}.studio-form label small{margin-left:6px;font-size:11px;font-weight:400;color:var(--s-faint)}.studio-field-error,.studio-field-hint{font-style:normal;font-size:11.5px;font-weight:400;line-height:1.6}.studio-field-error{color:#b4432e}.studio-field-hint{color:var(--s-faint)}.studio-sim{position:relative;flex:1 0 500px;min-height:500px;overflow:hidden;background:#f5f0e5}.studio-sim .mpv-header [data-action=close],.studio-sim [data-play-exit],.studio-sim .mpv-switch,.studio-sim .mpv-identity{display:none}.studio-sim .mpv-header{justify-content:flex-end}.studio-runtime-unavailable{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:500px;padding:24px}.studio-runtime-unavailable>.ph{font-size:28px;color:#52769b}.studio-runtime-unavailable h2{margin:15px 0 8px;font-size:19px;line-height:1.45;letter-spacing:-.02em}.studio-runtime-unavailable p{margin:0 0 14px;font-size:12px;line-height:1.8;color:var(--s-muted)}.studio-runtime-unavailable dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;width:100%;margin:0 0 18px;padding-block:14px;border-block:1px solid var(--s-line);font-size:12px}.studio-runtime-unavailable dt{color:var(--s-muted)}.studio-runtime-unavailable dd{margin:0;text-align:right;overflow-wrap:anywhere}.studio-runtime-unavailable .studio-button{height:auto;min-height:38px;padding:8px 12px;font-size:12px;white-space:normal}.studio-run-error{display:flex;align-items:flex-start;gap:7px;margin:10px 12px 0;padding:10px;border-radius:10px;background:#fcefeb;color:#8c3a2b;font-size:12px;line-height:1.7}.studio-run-error .ph{flex-shrink:0;margin-top:3px}.studio-sim-actions{padding:12px 14px 4px}.studio-sim-actions p{margin:0 0 10px;font-size:12px;line-height:1.7;color:var(--s-muted)}.studio-sim-actions>div{display:flex;flex-wrap:wrap;gap:6px}.studio-sim-actions small{display:block;margin-top:8px;font-size:11px;color:var(--s-faint)}
