.simulator-page{width:min(1540px,100% - 28px);color:var(--text);margin:0 auto;padding:14px 0 46px}.simulator-topbar,.simulator-profile-picker,.simulator-workspace{border:1px solid color-mix(in srgb,var(--text) 9%,transparent);background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 24px 70px #00000026}.simulator-topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;grid-template-columns:repeat(4,minmax(145px,1fr)) auto;gap:7px;margin-bottom:8px;padding:8px;display:grid}.simulator-select{background:color-mix(in srgb,var(--panel) 90%,var(--text) 2%);border:1px solid color-mix(in srgb,var(--text) 7%,transparent);border-radius:10px;gap:2px;padding:7px 10px;transition:border-color .18s,background .18s,transform .18s;display:grid}.simulator-select:hover{border-color:color-mix(in srgb,var(--text) 14%,transparent);background:color-mix(in srgb,var(--panel) 86%,var(--text) 4%)}.simulator-select>span{letter-spacing:.11em;text-transform:uppercase;opacity:.47;font-size:.59rem}.simulator-select select{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;min-width:0;font-size:.82rem}.simulator-select option{color:#f4f2ff;background:#151724}.simulator-customize,.simulator-reset{border:1px solid color-mix(in srgb,var(--text) 9%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:inherit;font:inherit;cursor:pointer;border-radius:10px;font-size:.78rem;font-weight:600;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.simulator-customize{min-width:126px}.simulator-customize:hover,.simulator-reset:hover{border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 13%,var(--panel));box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-1px)}.simulator-profile-picker{border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:8px 10px;display:flex;overflow:hidden}.simulator-profile-heading{gap:1px;min-width:105px;padding-left:3px;display:grid}.simulator-profile-heading span{text-transform:uppercase;letter-spacing:.11em;opacity:.44;font-size:.58rem}.simulator-profile-heading strong{font-size:.76rem;font-weight:650}.simulator-profile-options{scrollbar-width:none;gap:6px;padding:1px;display:flex;overflow-x:auto}.simulator-profile-options::-webkit-scrollbar{display:none}.simulator-profile-options>button{min-width:max-content;height:40px;color:inherit;opacity:.58;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:42px auto;align-items:center;gap:7px;padding:4px 9px 4px 6px;transition:opacity .16s,background .16s,border-color .16s,transform .16s;display:grid}.simulator-profile-options>button:hover{opacity:.9;background:color-mix(in srgb,var(--text) 4%,transparent)}.simulator-profile-options>button.active{opacity:1;border-color:color-mix(in srgb,var(--accent) 36%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.simulator-profile-options>button span:last-child{font-size:.7rem;font-weight:600}.simulator-profile-preview{justify-content:center;align-items:flex-end;gap:2px;height:27px;padding:0 2px;display:flex}.simulator-profile-preview i{opacity:.72;transform-origin:50% 100%;background:currentColor;border-radius:2px 2px 1px 1px;width:6px;min-height:5px;display:block;box-shadow:inset 0 1px #fff3}.simulator-workspace{border-radius:20px;grid-template-columns:224px minmax(0,1fr);min-height:660px;display:grid;overflow:hidden}.simulator-sidebar{border-right:1px solid color-mix(in srgb,var(--text) 8%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--panel) 90%,#080914));flex-direction:column;gap:14px;padding:20px;display:flex}.simulator-sidebar .eyebrow{letter-spacing:.13em;text-transform:uppercase;opacity:.42;font-size:.58rem}.simulator-sidebar h1{margin:0;font-size:1.12rem;font-weight:650;line-height:1.2}.simulator-sidebar p{opacity:.58;margin:0;font-size:.8rem;line-height:1.52}.simulator-beta{letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--accent) 28%,transparent);vertical-align:middle;border-radius:5px;margin-left:3px;padding:3px 5px;font-size:.52rem;display:inline-block}.simulator-ready{border:1px solid color-mix(in srgb,var(--text) 7%,transparent);opacity:.76;border-radius:10px;align-items:center;gap:8px;padding:9px 10px;font-size:.72rem;display:flex}.simulator-ready span{background:#5bc494;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4cb88417}.simulator-help{border:1px solid color-mix(in srgb,var(--text) 7%,transparent);border-radius:10px;gap:8px;padding:11px;font-size:.72rem;display:grid}.simulator-help b{text-transform:uppercase;letter-spacing:.11em;opacity:.45;font-size:.58rem}.simulator-help span{opacity:.63}.simulator-reset{align-self:flex-start;padding:8px 10px}.simulator-classic-link{opacity:.38;color:inherit;margin-top:auto;font-size:.7rem;text-decoration:none}.simulator-classic-link:hover{opacity:.75}.simulator-mainstage{background:radial-gradient(at 50% 34%,#8d7edc21,#0000 42%),radial-gradient(at 50% 105%,#ffffff0a,#0000 44%),linear-gradient(#10121b,#090b12);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid;position:relative}.simulator-mainstage:after{content:"";pointer-events:none;filter:blur(22px);background:radial-gradient(at 50% 70%,#00000057,#0000 55%);position:absolute;inset:48% 8% 8%}.simulator-stage-actions{z-index:2;justify-content:flex-end;gap:5px;min-height:34px;padding:11px 12px 0;display:flex;position:relative}.simulator-stage-actions span{opacity:.58;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff13;border-radius:999px;padding:5px 8px;font-size:.61rem}.simulator-interaction-layer{touch-action:none;cursor:grab;z-index:1;overscroll-behavior:contain;min-height:510px;position:relative}.simulator-interaction-layer:active{cursor:grabbing}.simulator-canvas{background:radial-gradient(circle at 50% 40%,#ffffff0e,#0000 48%);position:absolute;inset:0;overflow:hidden}.simulator-canvas canvas{outline:none}.simulator-statusbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;background:#05070d4d;border:1px solid #fff1;border-radius:11px;grid-template-columns:1fr 1fr;margin:0 12px 12px;display:grid;position:relative;overflow:hidden}.simulator-statusbar>div{flex-direction:column;gap:6px;min-height:60px;padding:10px 13px;display:flex}.simulator-statusbar>div+div{border-left:1px solid #ffffff0f}.simulator-statusbar b{text-transform:uppercase;letter-spacing:.09em;opacity:.72;font-size:.58rem}.simulator-statusbar b span{background:#7a63db40;border-radius:999px;justify-content:center;min-width:17px;margin-left:4px;padding:1px 4px;display:inline-flex}.simulator-statusbar strong{opacity:.62;font-size:.74rem}.simulator-key-pills{flex-wrap:wrap;gap:4px;display:flex}.simulator-key-pills kbd{font:inherit;background:#ffffff06;border:1px solid #ffffff13;border-radius:5px;padding:3px 6px;font-size:.64rem}.simulator-sound-line{background:linear-gradient(90deg,var(--accent) 0 64%,#ffffff0f 64%);border-radius:999px;height:2px}.simulator-classic-return{justify-content:flex-end;padding:8px 18px 0;display:flex}@media (max-width:920px){.simulator-page{width:min(100% - 14px,1540px);padding-top:7px}.simulator-topbar{grid-template-columns:1fr 1fr}.simulator-customize{min-height:45px}.simulator-profile-picker{align-items:flex-start}.simulator-profile-heading{padding-top:5px}.simulator-workspace{grid-template-columns:1fr;min-height:0}.simulator-sidebar{border-bottom:1px solid #fff1;border-right:0;grid-template-columns:1fr auto;align-items:center;padding:12px;display:grid}.simulator-sidebar p,.simulator-help,.simulator-ready{display:none}.simulator-sidebar .eyebrow,.simulator-sidebar h1{grid-column:1}.simulator-sidebar>.simulator-reset,.simulator-classic-link{grid-area:1/2/3;margin:0}.simulator-classic-link{display:none}.simulator-interaction-layer{min-height:430px}.simulator-statusbar{grid-template-columns:1fr}.simulator-statusbar>div+div{border-top:1px solid #ffffff0f;border-left:0}}@media (max-width:600px){.simulator-topbar{grid-template-columns:1fr 1fr;gap:5px;padding:6px}.simulator-select{padding:6px 8px}.simulator-select select{font-size:.75rem}.simulator-customize{grid-column:1/-1;min-height:38px}.simulator-profile-picker{padding:7px;display:block}.simulator-profile-heading{display:none}.simulator-profile-options{gap:3px}.simulator-profile-options>button{grid-template-columns:34px auto;height:36px;padding:3px 7px}.simulator-profile-preview{transform:scale(.82)}.simulator-sidebar{grid-template-columns:1fr auto;gap:6px;padding:10px}.simulator-sidebar h1{font-size:.92rem}.simulator-sidebar>.simulator-reset{padding:6px 8px;font-size:.65rem}.simulator-stage-actions{white-space:nowrap;justify-content:flex-start;padding-top:8px;overflow:auto}.simulator-interaction-layer{min-height:365px}.simulator-statusbar{margin:0 7px 7px}}@media (prefers-reduced-motion:reduce){.simulator-select,.simulator-customize,.simulator-reset,.simulator-profile-options>button{transition:none}}
.simulator-zoom-controls{z-index:4;opacity:.42;gap:4px;transition:opacity .16s;display:flex;position:absolute;bottom:14px;right:14px}.simulator-zoom-controls:hover,.simulator-zoom-controls:focus-within{opacity:.82}.simulator-zoom-controls button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffbd;cursor:pointer;background:#090b126b;border:1px solid #ffffff14;border-radius:7px;place-items:center;width:27px;height:27px;font:500 15px/1 ui-sans-serif,system-ui,sans-serif;transition:background .15s,border-color .15s,color .15s,transform .15s;display:grid;box-shadow:0 5px 16px #0000001a}.simulator-zoom-controls button:hover{color:#fff;background:#12141eb8;border-color:#ffffff29;transform:translateY(-1px)}.simulator-zoom-controls button:focus-visible{outline:1px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:2px}@media (max-width:600px){.simulator-zoom-controls{bottom:9px;right:9px}.simulator-zoom-controls button{width:25px;height:25px;font-size:14px}}