.ai-studio{color:#eef3f1;background:#163f38;border-block:1px solid #0f302b;padding-block:110px}.studio-heading{grid-template-columns:1.15fr .65fr;align-items:end;gap:80px;margin-bottom:55px;display:grid}.studio-heading .eyebrow{color:#8dcbb8}.studio-heading h2{letter-spacing:-.052em;margin:0;font-size:clamp(42px,5vw,66px);line-height:1.08}.studio-heading>p{color:#bdcbc6;margin:0;font-size:14px;line-height:1.75}.studio-frame{background:#102f2a;border:1px solid #789087;box-shadow:12px 12px #d96a45}.studio-viewport{isolation:isolate;background:radial-gradient(at 52% 48%,#4e74645c,#0000 68%);height:520px;position:relative;overflow:hidden}.studio-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block}.studio-canvas:active{cursor:grabbing}.studio-scene-label{text-align:right;pointer-events:none;gap:6px;display:grid;position:absolute;top:28px;right:30px}.studio-scene-label span{letter-spacing:.18em;font-size:11px}.studio-scene-label small{color:#789087;letter-spacing:.12em;font-size:8px}.studio-motion{z-index:1;color:#c9d7d1;cursor:pointer;background:#173f37dd;border:1px solid #617c72;border-radius:20px;padding:9px 11px;font-size:10px;position:absolute;top:25px;left:28px}.studio-motion i{background:#8dcbb8;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block;box-shadow:0 0 10px #8dcbb8}.studio-motion[aria-pressed=false] i{box-shadow:none;background:#667871}.studio-motion:disabled{opacity:.4}.studio-pin{color:#e6ece9;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#102a25e8;border:1px solid #708a80;border-radius:30px;align-items:center;gap:7px;padding:4px 10px 4px 4px;font-size:10px;display:flex;position:absolute;top:0;left:0}.studio-pin b{border:1px solid #809b90;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;font-weight:500;display:grid}.studio-pin.is-selected{color:#ffc2a9;border-color:#d96a45;box-shadow:0 0 28px #d96a4544}.studio-pin.is-selected b{color:#fff;background:#d96a45;border-color:#d96a45}.studio-pin.is-edge{opacity:.78}.studio-orbit{justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:15px;left:28px;right:30px}.studio-orbit>span{color:#91a79f;font-size:10px}.studio-orbit>div{gap:5px;display:flex}.studio-orbit button{color:#dbe5e1;cursor:pointer;background:#173b34;border:1px solid #60796f;min-width:34px;height:33px;padding-inline:9px}.studio-orbit button:hover,.studio-orbit button[aria-pressed=true]{color:#fff;background:#d96a45;border-color:#d96a45}.studio-orbit button:disabled{opacity:.35}.studio-inspector{border-top:1px solid #789087}.studio-area-tabs{border-bottom:1px solid #ffffff1f;grid-template-columns:repeat(4,1fr);display:grid}.studio-area-tabs button{color:#879c94;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:17px 5px;font-size:11px}.studio-area-tabs button span{opacity:.7;margin-right:8px;font-size:8px}.studio-area-tabs button[aria-selected=true]{color:#ffc2a9;border-color:#d96a45}.studio-area-panel{grid-template-columns:1fr 1fr;gap:55px;min-height:165px;padding:28px 32px 32px;display:grid}.studio-area-panel small{color:#8dcbb8;letter-spacing:.15em;font-size:8px}.studio-area-panel h3{letter-spacing:-.035em;margin:10px 0 0;font-size:26px;line-height:1.35}.studio-area-panel p{color:#b8c8c2;margin:0 0 12px;font-size:13px;line-height:1.75}.studio-area-panel strong{color:#dbe6e1;font-size:10px}.studio-fallback{text-align:center;color:#b7c8c1;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.studio-fallback span{margin:auto;font:46px Georgia,serif}.studio-fallback p{margin-top:14px;font-size:12px}.ai-studio button:focus-visible{outline-offset:3px;outline:2px solid #f1936e}@media (max-width:760px){.ai-studio{padding-block:80px}.studio-heading{grid-template-columns:1fr;gap:18px;margin-bottom:36px}.studio-heading h2{font-size:40px}.studio-frame{box-shadow:8px 8px #d96a45}.studio-viewport{height:390px}.studio-motion{top:18px;left:18px}.studio-scene-label{top:20px;right:18px}.studio-orbit{bottom:5px;left:18px;right:18px}.studio-orbit>span{max-width:110px;line-height:1.5}.studio-area-tabs button{padding:15px 1px;font-size:10px}.studio-area-tabs button span{display:none}.studio-area-panel{grid-template-columns:1fr;gap:17px;min-height:245px;padding:23px 20px}.studio-area-panel h3{font-size:24px}}@media (prefers-reduced-motion:reduce){.ai-studio *,.ai-studio :before,.ai-studio :after{transition:none!important;animation:none!important}}