:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f2f3f5;background:#0b0c0f;font-synthesis:none;--line:#27292f;--muted:#8b8f99;--panel:#131418;--raised:#191a1f;--accent:#c8d6e6;--ease-out:cubic-bezier(.23,1,.32,1)}.app-header,.sidebar,.workspace{-webkit-user-select:none;user-select:none}.app-header :is(input,textarea,select,[contenteditable]:not([contenteditable=false])),.sidebar :is(input,textarea,select,[contenteditable]:not([contenteditable=false])),.workspace :is(input,textarea,select,[contenteditable]:not([contenteditable=false])){-webkit-user-select:text;user-select:text}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0}body{display:grid;grid-template:64px minmax(0,1fr)/292px minmax(0,1fr);overflow:hidden}button,input,output,select{font:inherit}button,input,select{outline:0}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header{grid-column:1/-1;display:grid;grid-template-columns:260px minmax(300px,720px) 40px;justify-content:space-between;align-items:center;gap:24px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(17,18,22,.92);backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:11px}.brand-mark{position:relative;width:28px;height:34px;border:2px solid #747782;border-radius:8px;box-shadow:inset 0 0 0 1px #24262c}.brand-mark:before{content:"";position:absolute;inset:3px;border-radius:4px;background:linear-gradient(145deg,#c8d6e6,#8094ac)}.brand-mark i{position:absolute;z-index:1;bottom:4px;left:50%;width:8px;height:2px;border-radius:2px;background:#fff;transform:translateX(-50%);opacity:.8}.brand div{display:grid;gap:2px}.brand strong{font-size:14px;letter-spacing:-.01em}.brand span:not(.brand-mark){font-size:11px;color:var(--muted)}.address-bar{height:40px;display:grid;grid-template-columns:22px 1fr 32px auto auto;align-items:center;gap:4px;padding:3px 3px 3px 11px;border:1px solid #30323a;border-radius:11px;background:#0d0e12;box-shadow:0 1px 0 rgba(255,255,255,.03),0 8px 30px rgba(0,0,0,.16);transition:border-color 160ms ease,box-shadow 160ms ease}.address-bar:focus-within{border-color:#a8bdd3;box-shadow:0 0 0 3px rgba(168,189,211,.12)}.address-icon svg{width:16px;color:#777b86}.address-bar input{min-width:0;border:0;background:0 0;color:#e7e8ec;padding:0 5px;font-size:13px}.address-bar input::selection{background:#60758b}.primary-button{height:32px;border:0;border-radius:8px;padding:0 14px;background:#c8d6e6;font-size:12px;font-weight:650;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.18);transition:background 150ms ease,transform 150ms var(--ease-out)}.primary-button:hover{background:#e0e8f0}.action-grid button:active,.icon-button:active,.primary-button:active{transform:scale(.97)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:8px;background:0 0;color:#a3a6af;cursor:pointer;transition:color 150ms ease,background 150ms ease,transform 150ms var(--ease-out)}.icon-button:hover{color:#f2f3f5;background:#23252b}.address-reload{width:30px;height:30px}.header-action{border-color:#2d2f36;background:#191a1f}.sidebar{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}.sidebar-scroll{padding:10px 18px 20px;overflow:auto;scrollbar-width:thin;scrollbar-color:#33353c transparent}.control-section{padding:17px 0 20px;border-bottom:1px solid #24262b}.control-section:last-child{border:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#f0f1f3;font-size:12px;font-weight:680;text-transform:uppercase;letter-spacing:.075em}.section-kicker{color:#696d77;font-size:9px}.custom-size label,.field-label{display:grid;gap:7px;color:#9296a0;font-size:11px}.field-label{margin-bottom:7px}input[type=number],select{width:100%;height:38px;border:1px solid #30323a;border-radius:9px;background:#191a1f;color:#eceef1;padding:0 10px;font-size:12px;transition:border-color 150ms ease,box-shadow 150ms ease}input[type=number]:focus,select:focus{border-color:#a8bdd3;box-shadow:0 0 0 3px rgba(168,189,211,.1)}.device-data{display:grid;grid-template-columns:1fr 1fr!important;gap:7px;margin-top:10px}.device-data>div{min-width:0;display:grid;gap:4px;padding:9px 10px;border:1px solid #292b31;border-radius:8px;background:#16171b}.device-data span{overflow:hidden;color:#737782;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.device-data strong{overflow:hidden;color:#c9cbd1;font-size:10px;font-weight:590;text-overflow:ellipsis;white-space:nowrap}.custom-size{margin-top:10px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-grid button{display:flex;align-items:center;justify-content:center;gap:7px;height:38px;border:1px solid #30323a;border-radius:9px;background:#1a1b20;color:#d3d5da;font-size:11px;cursor:pointer;transition:background 150ms ease,border-color 150ms ease,transform 150ms var(--ease-out)}.action-grid button:hover{background:#22242a;border-color:#3a3d45}.action-grid svg{width:15px}.range-field{display:grid;gap:10px;margin-top:17px}.range-field>span{display:flex;justify-content:space-between;color:#9296a0;font-size:11px}.range-field output{color:#cfd1d7}.range-field input{width:100%;accent-color:var(--accent)}.simulation-section{padding-bottom:5px}.switch-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;cursor:pointer}.switch-row>span{display:grid;gap:3px}.switch-row strong{font-size:11px;font-weight:560;color:#d3d5da}.switch-row small{font-size:9px;color:#717580}.switch-row input{position:absolute;top:50%;right:0;width:31px;height:18px;margin:0;opacity:0;pointer-events:none;transform:translateY(-50%)}.switch-row i{position:relative;flex:0 0 auto;width:31px;height:18px;border-radius:99px;background:#30323a;box-shadow:inset 0 0 0 1px #3b3e46;transition:background 180ms ease}.switch-row i:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#a6a9b1;transition:transform 180ms var(--ease-out),background 180ms ease}.switch-row input:checked+i{background:#8094ac;box-shadow:inset 0 0 0 1px #c8d6e6}.switch-row input:checked+i:after{transform:translateX(13px);background:#fff}.switch-row input:focus-visible+i{outline:2px solid #9984f5;outline-offset:2px}.help-card{margin:auto 18px 16px;padding:12px;border:1px solid #292b31;border-radius:10px;background:#17181c;color:#aeb1b9;font-size:10px}.help-card summary{cursor:pointer;color:#c9cbd1;font-size:11px}.help-card p{margin:9px 0 0;line-height:1.55;color:#7f838d}.help-card code{color:#aaa0da}.workspace{min-width:0;min-height:0;display:grid;grid-template-rows:50px minmax(0,1fr)}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#111216}.device-title{display:flex;align-items:baseline;gap:9px}.device-title strong{font-size:12px}.device-title span{color:#747883;font-size:10px}.workspace-tools{display:flex;align-items:center;gap:2px}.divider{width:1px;height:18px;margin:0 8px;background:#2b2d33}.status{display:flex;align-items:center;gap:7px;color:#8c9099;font-size:10px}.status i{width:6px;height:6px;border-radius:50%;background:#4fcb82;box-shadow:0 0 0 3px rgba(79,203,130,.1)}.status.loading i{background:#f5b84b;box-shadow:0 0 0 3px rgba(245,184,75,.1)}.stage{position:relative;min-width:0;min-height:0;overflow:hidden;overflow-anchor:none;padding:44px;background-color:#0d0e11;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}.stage-glow{position:fixed;left:calc(50% + 146px);top:52%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(128,148,172,.095),transparent 66%);transform:translate(-50%,-50%);pointer-events:none}.device-wrap{position:absolute;z-index:1;top:50%;left:50%;transform-origin:center;transition:transform 180ms var(--ease-out);display:grid;grid-template-columns:repeat(var(--device-columns,1),max-content);gap:64px 56px;justify-items:center;align-items:start}.device-shell{--screen-width:402px;--screen-height:874px;--screen-radius:55px;--frame-size:11px;--safe-top:62px;--safe-right:0px;--safe-bottom:34px;--safe-left:0px;--cutout-width:126px;--cutout-height:37px;--cutout-top:11px;--hinge-position:50%;position:relative;width:calc(var(--screen-width) + var(--frame-size)*2);height:calc(var(--screen-height) + var(--frame-size)*2);padding:var(--frame-size);border-radius:calc(var(--screen-radius) + var(--frame-size));background:linear-gradient(145deg,#626670 0,#292b31 27%,#08090b 72%);box-shadow:0 42px 90px rgba(0,0,0,.58),0 10px 24px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.22),inset 0 0 0 2px rgba(0,0,0,.48)}.device-shell.light{background:linear-gradient(145deg,#f1f2f4,#b9bdc5 48%,#656a73)}.screen{position:relative;width:var(--screen-width);height:var(--screen-height);overflow:hidden;border-radius:var(--screen-radius);background:#050607;isolation:isolate;box-shadow:0 0 0 1px rgba(0,0,0,.8)}iframe{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;background:#fff}.screen-loading{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:12px;background:#0e0f12;color:#777b85;opacity:0;pointer-events:none;transition:opacity 160ms ease}.screen-loading.visible{opacity:1}.screen-loading span{width:22px;height:22px;border:2px solid #30333a;border-top-color:#c8d6e6;border-radius:50%;animation:spin .7s linear infinite}.screen-loading small{font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}.safe-layer,.system-ui{position:absolute;inset:0;pointer-events:none}.safe-layer{z-index:7}.system-ui{z-index:8}.safe-layer.hidden,.system-ui.hidden{display:none}.safe-shade{position:absolute;background:rgba(246,94,94,.12);opacity:0;transition:opacity 120ms ease}.safe-layer.shaded .safe-shade{opacity:1}.safe-top{inset:0 0 auto;height:var(--safe-top)}.safe-bottom{inset:auto 0 0;height:var(--safe-bottom)}.safe-left{top:var(--safe-top);bottom:var(--safe-bottom);left:0;width:var(--safe-left)}.safe-right{top:var(--safe-top);right:0;bottom:var(--safe-bottom);width:var(--safe-right)}.safe-outline{position:absolute;top:var(--safe-top);right:var(--safe-right);bottom:var(--safe-bottom);left:var(--safe-left);border:1px dashed rgba(255,91,91,.8);border-radius:2px}.status-bar{position:absolute;inset:0 0 auto;height:var(--safe-top);display:flex;justify-content:space-between;align-items:flex-start;padding:12px 20px 0;color:#f6f7f8;text-shadow:0 1px 3px rgba(0,0,0,.7);font-size:12px;font-weight:700}.status-icons{display:flex;align-items:center;gap:6px;height:14px}.signal{width:13px;height:9px;background:linear-gradient(to top,currentColor 0 100%) 0 100%/2px 3px no-repeat,linear-gradient(to top,currentColor 0 100%) 4px 100%/2px 5px no-repeat,linear-gradient(to top,currentColor 0 100%) 8px 100%/2px 7px no-repeat,linear-gradient(to top,currentColor 0 100%) 12px 100%/2px 9px no-repeat}.wifi{width:13px;height:10px;border-top:2px solid currentColor;border-radius:50% 50% 0 0;transform:scaleX(1.1)}.battery{position:relative;width:19px;height:9px;border:1.5px solid currentColor;border-radius:3px}.battery:before{content:"";position:absolute;inset:1.5px;width:11px;border-radius:1px;background:currentColor}.battery:after{content:"";position:absolute;top:2px;right:-3px;width:2px;height:4px;border-radius:0 2px 2px 0;background:currentColor}.cutout{position:absolute;z-index:9;top:var(--cutout-top);left:50%;width:var(--cutout-width);height:var(--cutout-height);transform:translateX(-50%);background:#030304}.cutout.dynamic-island{border-radius:999px}.cutout.notch{top:0;border-radius:0 0 18px 18px}.cutout.punch-hole{border-radius:50%;box-shadow:0 0 0 2px rgba(15,16,19,.88)}.cutout.none{display:none}.bottom-system{position:absolute;inset:auto 0 0;height:var(--safe-bottom);display:grid;place-items:end center;padding-bottom:3px}.home-indicator{width:132px;height:5px;border-radius:999px;background:#f6f7f8;box-shadow:0 1px 3px rgba(0,0,0,.55)}.bottom-system.android .home-indicator{width:106px;height:4px}.bottom-system.none{display:none}.fold-hinge{display:none;position:absolute;top:0;bottom:0;left:var(--hinge-position);width:12px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(0,0,0,.18),rgba(255,255,255,.08),rgba(0,0,0,.18),transparent);mix-blend-mode:multiply}.fold-hinge.visible{display:block}.hardware-button{position:absolute;background:#202228;border-radius:3px}.power{right:-4px;top:190px;width:4px;height:98px}.volume-up{left:-4px;top:150px;width:4px;height:60px}.volume-down{left:-4px;top:224px;width:4px;height:60px}@media(max-width:900px){body{grid-template-columns:246px minmax(0,1fr)}.app-header{grid-template-columns:214px minmax(260px,1fr) 34px;gap:12px}.sidebar-scroll{padding-inline:14px}.stage{padding:28px}.device-title span{display:none}}@media(prefers-reduced-motion:reduce){.device-wrap,.screen-loading,.switch-row i,.switch-row i:after{transition-duration:0s}.screen-loading span{animation-duration:1.4s}}:root{--line:#272c33;--muted:#8a949f;--panel:#12161a;--raised:#181d22;--accent:#4386c8}.brand-mark:before{background:linear-gradient(145deg,#72acd8,#326c9f)}.address-bar:focus-within{border-color:#477eaa;box-shadow:0 0 0 3px rgba(67,134,200,.13)}.address-bar input::selection{background:#285f8e}.primary-button{background:#397dbb}.primary-button:hover{background:#478bc7}input[type=number]:focus,select:focus{border-color:#477eaa;box-shadow:0 0 0 3px rgba(67,134,200,.11)}.switch-row input:checked+i{background:#397dbb;box-shadow:inset 0 0 0 1px #5a98cb}.switch-row input:focus-visible+i{outline-color:#71a9d6}.help-card code{color:#88b3d5}.stage-glow{background:radial-gradient(circle,rgba(52,111,160,.11),transparent 66%)}.screen-loading span{border-top-color:#5798ce}.device-drag-handle{position:absolute;bottom:calc(100% + 12px);left:50%;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid #303842;border-radius:8px;background:rgba(22,28,34,.92);color:#8e9ba7;font-size:10px;white-space:nowrap;cursor:grab;transform:translateX(-50%);touch-action:none;user-select:none;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:color 150ms ease,border-color 150ms ease,background 150ms ease}.device-drag-handle svg{width:13px}.device-drag-handle:hover{color:#dce7ef;border-color:#40586c;background:#1b252d}.device-drag-handle.dragging,.device-drag-handle:active{cursor:grabbing;color:#fff;border-color:#4c86b4;background:#21384a}.device-wrap.is-dragging{transition:none}.device-wrap.is-dragging .device-shell{box-shadow:0 48px 105px rgba(0,0,0,.64),0 12px 28px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.22),inset 0 0 0 2px rgba(0,0,0,.48)}.environment-field{margin-top:12px}.safari-state-field{margin-top:12px}.safari-state-field[hidden]{display:none}.safari-state-field .field-label{display:block;margin-bottom:6px}.screen.landscape .cutout{top:50%;left:var(--cutout-top);width:var(--cutout-height);height:var(--cutout-width);transform:translateY(-50%)}.screen.landscape .cutout.dynamic-island{border-radius:999px}.screen.landscape .cutout.notch{left:0;border-radius:0 18px 18px 0}.safe-shade{background:rgba(65,145,204,.13)}.safe-outline{border-color:rgba(91,169,222,.9)}.gesture-zone{position:absolute;opacity:.48;background:repeating-linear-gradient(135deg,rgba(77,154,207,.28) 0,rgba(77,154,207,.28) 2px,transparent 2px,transparent 6px)}.gesture-left{top:0;bottom:0;left:0;width:var(--gesture-left)}.gesture-right{top:0;right:0;bottom:0;width:var(--gesture-right)}.gesture-bottom{right:var(--gesture-right);bottom:0;left:var(--gesture-left);height:var(--gesture-bottom)}.bottom-system{height:var(--visual-bottom-obstruction)}.status-bar{height:var(--visual-top-obstruction)}.system-ui.dark-content .bottom-system,.system-ui.dark-content .status-bar,.system-ui.dark-content .three-button-controls{color:rgba(12,18,24,.88);text-shadow:0 1px 2px rgba(255,255,255,.22)}.bottom-system{color:#f6f7f8}.home-indicator{background:currentColor}.screen.three-button-nav .three-button-controls{background:color-mix(in srgb,var(--app-surface-color,#0b0c0f) 84%,transparent);backdrop-filter:blur(10px)}.screen.three-button-nav .bottom-system{height:48px!important;padding:0}.screen.three-button-nav .home-indicator{display:none}.three-button-controls{display:none;position:absolute;z-index:10;right:0;bottom:0;left:0;height:48px;grid-template-columns:repeat(3,1fr);place-items:center;color:rgba(255,255,255,.86);font-size:16px}.screen.three-button-nav .three-button-controls{display:grid}.three-button-controls i:first-child{width:11px;height:11px;border:1.5px solid currentColor}.three-button-controls i:nth-child(2){width:12px;height:12px;border:1.5px solid currentColor;border-radius:50%}.three-button-controls i:nth-child(3){width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:10px solid currentColor}.safari-toolbar{display:none;position:absolute;z-index:11;right:0;bottom:0;left:0;height:84px;padding:7px 14px 8px;color:#0878d1;background:rgba(243,245,248,.88);border-top:1px solid rgba(0,0,0,.12);backdrop-filter:blur(22px) saturate(1.7);box-shadow:0 -4px 18px rgba(0,0,0,.1)}.screen.safari-ui .safari-toolbar{display:grid;grid-template-rows:44px 1fr}.screen.safari-ui .bottom-system{display:none}.safari-controls{display:grid;grid-template-columns:28px 28px minmax(120px,1fr) 28px 28px;align-items:center;gap:8px}.safari-controls>svg{width:22px;height:22px;justify-self:center;stroke-width:1.8}.safari-controls>svg.disabled{opacity:.28}.safari-address{min-width:0;height:36px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;border-radius:11px;color:#303236;background:rgba(118,118,128,.13);font-size:11px;font-weight:560}.safari-address svg{flex:0 0 auto;width:13px;height:13px;stroke-width:1.5;color:#70737a}.safari-address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.safari-home-indicator{align-self:end;justify-self:center;width:132px;height:5px;border-radius:999px;background:#151619}.system-ui.dark-content .safari-toolbar{color:#1687df;background:rgba(247,248,250,.9)}.screen.landscape.safari-ui .safari-toolbar{height:56px;padding-block:5px;grid-template-rows:1fr}.screen.landscape.safari-ui .safari-home-indicator{display:none}.screen.safari-ui iframe{top:var(--viewport-inset-top);right:auto;bottom:auto;left:var(--viewport-inset-left);width:var(--visual-viewport-width);height:var(--visual-viewport-height);min-width:0;min-height:0}.screen.safari-ui .status-bar{padding-top:12px;background:rgba(243,245,248,.9);color:#17181a;text-shadow:none;backdrop-filter:blur(22px) saturate(1.7);border-bottom:1px solid rgba(0,0,0,.1)}.screen.landscape.safari-ui .status-bar{padding-top:0;background:rgba(243,245,248,.88);border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:blur(22px) saturate(1.7)}.safari-progress{position:absolute;top:0;left:0;width:28%;height:1px;background:#1687df;opacity:.7}.screen[data-safari-state=compact] .safari-toolbar{height:56px;padding:5px 12px;grid-template-rows:1fr}.screen[data-safari-state=compact] .safari-home-indicator{display:none}.screen[data-safari-state=compact] .safari-address{height:36px}.screen[data-safari-state=collapsed] .safari-toolbar{height:var(--viewport-inset-bottom);min-height:0;padding:0;background:rgba(243,245,248,.72);border-top:0;box-shadow:none;grid-template-rows:1fr}.screen[data-safari-state=collapsed] .safari-controls,.screen[data-safari-state=collapsed] .safari-progress{display:none}.screen[data-safari-state=collapsed] .safari-home-indicator{display:block;align-self:end;margin-bottom:8px}.screen.landscape[data-safari-state=compact] .safari-toolbar{height:44px}.screen.landscape[data-safari-state=collapsed] .safari-toolbar{height:var(--viewport-inset-bottom)}.fold-hinge.visible:not(.separating){width:10px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.055),rgba(255,255,255,.035),rgba(0,0,0,.055),transparent)}.fold-hinge.horizontal{inset:50% 0 auto;width:auto;height:10px;transform:translateY(-50%);background:linear-gradient(180deg,transparent,rgba(0,0,0,.055),rgba(255,255,255,.035),rgba(0,0,0,.055),transparent)}.screen iframe{top:var(--viewport-inset-top);right:auto;bottom:auto;left:var(--viewport-inset-left);width:var(--visual-viewport-width);height:var(--visual-viewport-height);min-width:0;min-height:0;transform:scale(var(--page-scale,1));transform-origin:top left}.advanced-simulation{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.advanced-simulation summary{margin-bottom:10px;color:#aeb6bf;font-size:11px;cursor:pointer}.advanced-simulation .field-label{margin-top:9px}.browser-chrome{display:none;position:absolute;z-index:11;top:0;right:0;left:0;height:var(--visual-top-obstruction);padding:10px 14px 8px;background:rgba(244,246,248,.92);color:#3b4045;backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid rgba(0,0,0,.1)}.screen.mobile-browser-ui .browser-chrome:not([hidden]){display:flex;align-items:flex-end;gap:8px}.browser-chrome span{font-size:9px;color:#68717a}.browser-chrome strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;border-radius:999px;background:rgba(110,118,128,.12);font-size:10px;text-align:center}.browser-chrome i{width:6px;height:6px;border-radius:50%;background:#4d94d1}.screen[data-browser=samsung-internet] .browser-chrome{top:auto;bottom:0;height:var(--visual-bottom-obstruction);align-items:flex-start;border-top:1px solid rgba(0,0,0,.1);border-bottom:0}.screen[data-browser-state=collapsed] .browser-chrome{padding:0;background:0 0;border:0}.screen[data-browser-state=collapsed] .browser-chrome>*{display:none}.virtual-keyboard{display:none;position:absolute;z-index:12;right:0;bottom:0;left:0;height:var(--keyboard-height);padding:8px 6px 12px;background:linear-gradient(#d9dce1,#c7cbd2);color:#222;box-shadow:0 -1px rgba(0,0,0,.16)}.screen.keyboard-open .virtual-keyboard{display:grid;grid-template-rows:34px 1fr 8px;gap:7px}.keyboard-suggestions{display:grid;grid-template-columns:repeat(3,1fr);place-items:center;font-size:11px;border-bottom:1px solid rgba(0,0,0,.12)}.keyboard-keys{border-radius:5px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 3px),rgba(255,255,255,.96) calc(10% - 3px),rgba(255,255,255,.96) calc(10% - 1px),transparent calc(10% - 1px),transparent 10%),repeating-linear-gradient(0deg,transparent 0,transparent calc(25% - 4px),rgba(255,255,255,.96) calc(25% - 4px),rgba(255,255,255,.96) calc(25% - 1px),transparent calc(25% - 1px),transparent 25%)}.keyboard-home{width:120px;height:5px;justify-self:center;border-radius:99px;background:#1d1e20}.screen iframe{transform:scale(var(--page-scale,1));transform-origin:top left}.screen.mobile-browser-ui iframe,.screen.safari-ui iframe{width:var(--visual-viewport-width);height:var(--visual-viewport-height)}.screen.keyboard-open:not(.safari-ui):not(.mobile-browser-ui) iframe{width:var(--visual-viewport-width);height:var(--visual-viewport-height)}.bar-override{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.bar-override-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-bottom:9px;color:#aeb6bf;font-size:11px}.bar-override .custom-size{margin-top:0}.bar-override-hint{margin:8px 0 0;color:#696d77;font-size:10px;line-height:1.5}.bar-override.overridden .bar-override-hint{color:#d7a55c}.bar-override.overridden input[type=number]:not(:placeholder-shown){border-color:#7a5a2a;box-shadow:inset 0 0 0 1px rgba(215,165,92,.2)}.ghost-button{border:1px solid #30323a;border-radius:7px;background:#191a1f;color:#aeb1b9;padding:4px 9px;font:inherit;font-size:10px;cursor:pointer;transition:border-color 150ms ease,color 150ms ease}.ghost-button:hover{border-color:#43464f;color:#eceef1}.device-card{display:flex;flex-direction:column;align-items:center;gap:16px}.device-card-label{display:flex;align-items:center;gap:12px;padding:7px 14px;border:1px solid #2b2e35;border-radius:11px;background:rgba(22,24,29,.94);color:#c9cbd1;font-size:20px;line-height:1.3;white-space:nowrap}.device-card-name{font-weight:650}.device-wrap.multi .device-card.is-selected .device-card-label{border-color:#8094ac;color:#f0f1f3}.device-wrap.multi .device-card.is-selected .device-shell{outline:3px solid rgba(128,148,172,.55);outline-offset:10px}.device-list{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0 0 10px;padding:0;list-style:none}.device-list li{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #2b2e35;border-radius:9px;background:#191a1f;color:#aeb1b9;font-size:11px;cursor:pointer;transition:border-color 150ms ease,background 150ms ease}.device-list li:hover{border-color:#3d404a}.device-list li.is-selected{border-color:#8094ac;background:#101720;color:#eceef1}.device-list li strong{overflow:hidden;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.device-list li em{margin-left:auto;color:#696d77;font-size:9px;font-style:normal;white-space:nowrap}.device-list-remove{display:grid;flex:none;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:6px;background:0 0;color:#696d77;cursor:pointer}.device-list-remove svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.device-list-remove:hover{background:rgba(246,94,94,.16);color:#f56b6b}.device-list li:only-child .device-list-remove{display:none}.device-list li{min-width:0}.device-list li strong{min-width:0;flex:1}.device-list li em{min-width:0;white-space:normal;overflow-wrap:anywhere}.sidebar,.sidebar-scroll{min-width:0}.sidebar-scroll{min-height:0;flex:1}.sidebar :is(.session-hint,.bar-override-hint,.simulation-note,.switch-row>span){min-width:0;overflow-wrap:anywhere}.device-edit-heading{margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.address-all{height:32px;padding:0 11px;font-size:11px}.session-hint{margin:7px 0 0;color:#696d77;font-size:10px;line-height:1.5}.session-hint.unavailable{color:#c8a15e}.screen iframe,.screen.keyboard-open:not(.safari-ui):not(.mobile-browser-ui) iframe,.screen.mobile-browser-ui iframe,.screen.safari-ui iframe{width:var(--frame-viewport-width);height:var(--frame-viewport-height)}.browser-chrome{z-index:10}.system-ui{z-index:11}.screen.no-status-bar .status-bar{display:none}.screen[data-browser=chrome]:not([data-browser-state=collapsed]) .status-bar{color:#3b4045;text-shadow:none}.screen.safari-ui[data-safari-state] .safari-toolbar{height:var(--visual-bottom-obstruction);overflow:hidden}.screen[data-safari-state=collapsed] .safari-home-indicator{margin-bottom:3px}.screen[data-orientation=landscape-secondary] .cutout{left:auto;right:var(--cutout-top)}.screen[data-orientation=landscape-secondary] .cutout.notch{right:0;border-radius:18px 0 0 18px}.screen[data-orientation=portrait-secondary] .cutout{top:auto;bottom:var(--cutout-top)}.screen[data-orientation=portrait-secondary] .cutout.notch{bottom:0;border-radius:18px 18px 0 0}.screen iframe{transform:scale(var(--page-scale,1)) translate(calc(-1 * var(--viewport-pan-x,0px)),calc(-1 * var(--viewport-pan-y,0px)))}.screen:not(.landscape) .status-bar{padding-top:0;align-items:center;line-height:14px;font-variant-numeric:tabular-nums}.screen:not(.landscape)[data-cutout=dynamic-island] .status-bar{align-items:flex-start;padding-top:calc(var(--cutout-top) + var(--cutout-height)/ 2 - 7px)}.screen.safari-ui .status-bar{background:0 0;color:#eceef1;border:0;backdrop-filter:none}.screen.safari-ui .system-ui.dark-content .status-bar{color:#17181a}.screen.safari-ui[data-safari-state] .safari-toolbar{padding:4px 12px 8px;border:0;box-shadow:none;background:0 0;backdrop-filter:none;grid-template-rows:minmax(0,1fr) 5px;gap:8px}.screen.safari-ui .safari-controls{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-self:start}.screen.safari-ui .safari-address,.screen.safari-ui .safari-controls>svg{height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.45);color:#eef2f6;background:linear-gradient(155deg,rgba(255,255,255,.24),rgba(255,255,255,.09));backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 1px 1px rgba(255,255,255,.35),inset 0 -1px 1px rgba(0,0,0,.15),0 3px 10px rgba(0,0,0,.18)}.screen.safari-ui .safari-controls>svg{width:44px;padding:12px}.screen.safari-ui .safari-address{justify-content:space-between;font-size:13px;padding:0 13px;gap:10px}.screen.safari-ui .safari-address svg{color:inherit;width:17px;height:17px}.screen.safari-ui .safari-address span{flex:1;text-align:center}.screen.safari-ui .safari-progress{display:none}.screen.safari-ui .safari-home-indicator{background:#eceef1;margin:0;width:132px}.system-ui.dark-content .safari-address,.system-ui.dark-content .safari-controls>svg{color:#24272b;background:linear-gradient(155deg,rgba(255,255,255,.72),rgba(230,235,239,.44))}.system-ui.dark-content .safari-home-indicator{background:#151619}.screen.safari-ui[data-safari-state=compact] .safari-toolbar{padding:3px 12px;grid-template-rows:1fr;gap:0}.screen.safari-ui[data-safari-state=compact] .safari-controls{grid-template-columns:38px minmax(0,1fr) 38px}.screen.safari-ui[data-safari-state=compact] .safari-address,.screen.safari-ui[data-safari-state=compact] .safari-controls>svg{height:38px}.screen.safari-ui[data-safari-state=compact] .safari-controls>svg{width:38px;padding:10px}.screen.safari-ui[data-safari-state=collapsed] .safari-toolbar{padding:0 0 3px;grid-template-rows:1fr}.screen.safari-ui[data-safari-state=collapsed] .safari-controls{display:none}.screen.safari-ui[data-safari-state=collapsed] .safari-home-indicator{display:block;align-self:end}.screen.landscape.safari-ui .safari-controls{width:min(100%,560px);justify-self:center}.screen.landscape.safari-ui .safari-home-indicator{display:none}.status-icons svg{display:block;flex:none;fill:currentColor;stroke:none;overflow:visible}.status-cellular{width:18px;height:12px}.status-wifi{width:18px;height:13px}.status-battery{width:27px;height:13px}.status-icons .android-glyph{display:none}.screen[data-system=ios] .status-bar{padding-inline:32px;font-size:17px;font-weight:600;line-height:20px;text-shadow:none}.screen:not(.landscape)[data-system=ios][data-cutout=dynamic-island] .status-bar{padding-top:calc(var(--cutout-top) + var(--cutout-height)/ 2 - 10px)}.screen[data-system=ios] .status-icons{gap:5px;height:20px}.screen[data-system=android] .status-bar{font-size:13px;font-weight:500;padding-inline:24px}.screen[data-system=android]:not([data-vendor=samsung]) .status-icons .ios-glyph{display:none}.screen[data-system=android]:not([data-vendor=samsung]) .status-icons .android-glyph{display:block}.screen[data-system=android] .status-icons{gap:5px;height:16px}.screen[data-system=android] .status-battery{width:22px;height:16px}.screen[data-vendor=samsung] .status-battery{width:27px;height:13px}.app-viewport{position:absolute;z-index:1;top:var(--viewport-inset-top);left:var(--viewport-inset-left);width:var(--frame-viewport-width);height:var(--frame-viewport-height);overflow:hidden}.screen .app-viewport iframe,.screen.safari-ui .app-viewport iframe{top:0;left:0;right:auto;bottom:auto}.public-connection-actions p{font-size:12px;line-height:1.5;color:var(--muted)}dialog#connectionGuide{max-width:620px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);padding:28px;border:1px solid #394553;border-radius:18px;background:#0b1018;color:#eceef1;box-shadow:0 24px 100px #0009;overflow:auto}#connectionGuide::backdrop{background:#02050bc9;backdrop-filter:blur(7px)}#connectionGuide h1{font-size:28px;margin:12px 0}#connectionGuide li,#connectionGuide p{font-size:14px;line-height:1.6;color:#abb8c8}#connectionGuide label{display:block;font-size:13px;margin:18px 0 8px}#connectUrl{width:100%;height:46px;padding:0 12px;border:1px solid #394553;border-radius:9px;background:#05070b;color:#fff;font:13px Consolas,monospace}#connectionGuide details{border-top:1px solid #283442;padding:12px 0}#connectionGuide summary{cursor:pointer;font-size:14px;color:#dce6f2}.connection-kicker{font:10px Consolas,monospace;letter-spacing:.2em;color:#9fb4cc}.connection-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.connection-buttons button,.public-connection-actions button{padding:10px 12px;min-height:40px;border:1px solid #394553;border-radius:8px;background:#111c29;color:#dde7f3;font-size:12px;cursor:pointer}.connection-buttons .primary-button{background:#d9e3ee;color:#0b1018}.public-connection-actions{padding:0 18px 12px;display:grid;gap:6px}.public-connection-actions[hidden]{display:none}#connectionError{color:#ffc6b9!important}#connectionGuide [hidden]{display:none}:root{--line:#252e3b;--muted:#9aa1ab;--panel:#0b0f16;--raised:#111822;--accent:#c8d6e6;background:#05070b;color:#eceef1}.tutorial-card{position:fixed;z-index:40;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;padding:24px 20px 16px;border:1px solid #6d88a5;border-radius:12px;background:#0b1018;color:#e0e8f1;box-shadow:0 14px 38px #0005;font:13px/1.6 system-ui}.tutorial-card[data-step="3"]{width:min(280px,calc(100vw - 24px))}.tutorial-card[hidden]{display:none}.tutorial-card::before{content:"";position:absolute;width:12px;height:12px;background:#0b1018;transform:rotate(45deg)}.tutorial-card[data-side=top]::before{top:-7px;left:var(--tutorial-arrow);border-top:1px solid #6d88a5;border-left:1px solid #6d88a5}.tutorial-card[data-side=left]::before{left:-7px;top:var(--tutorial-arrow);border-left:1px solid #6d88a5;border-bottom:1px solid #6d88a5}.tutorial-progress{margin:0 32px 8px 0;color:#a4b9d0;font:9px/1.5 Consolas,monospace;letter-spacing:.15em}.tutorial-card h2{margin:0 28px 6px 0;font:600 18px/1.3 system-ui;outline:0}.tutorial-card #tutorialText{margin:0 0 16px;color:#c3cfdd}.tutorial-close{position:absolute;right:9px;top:8px;width:32px;height:32px;border:0;border-radius:7px;background:0 0;color:#aebed1;font:22px/1 system-ui;cursor:pointer}.tutorial-close:hover{background:#162435;color:#fff}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-actions button{min-height:40px;border:1px solid #394b60;border-radius:7px;padding:8px 14px;font:12px system-ui;cursor:pointer}.tutorial-actions .tutorial-skip{border:0;background:0 0;color:#bacbdd;text-decoration:underline;padding-inline:0}.tutorial-actions .tutorial-next{background:#d9e3ee;border-color:#d9e3ee;color:#0b1018}.tutorial-actions .tutorial-next:hover{background:#fff}.tutorial-card :is(button,h2):focus-visible{outline:2px solid #c8d6e6;outline-offset:3px}.tutorial-target{outline:1px solid #a3b9d1;outline-offset:4px;border-radius:9px}.empty-preview-message{display:none}.screen.empty-preview{background:#080e16!important}.screen.empty-preview iframe{visibility:hidden}.screen.empty-preview .empty-preview-message{position:absolute;inset:0;z-index:2;margin:0;display:grid;place-content:center;padding:24px;background:#080e16;color:#9aafc5;text-align:center;font:24px/1.5 system-ui;pointer-events:none}.connection-brand{display:flex;align-items:center;gap:24px;margin-bottom:24px;flex-wrap:wrap}.connection-brand .km-wordmark{font-size:20px}.connection-product{font:9px/1.5 Consolas,monospace;letter-spacing:.19em;color:#c8d6e6}.mobile-layout #labTutorial{display:none}body{grid-template:88px minmax(0,1fr)/320px minmax(0,1fr)}.app-header{grid-template-columns:280px minmax(300px,1fr) 44px;gap:22px;padding:0 24px;background:#080c12;border-color:#252e3b}.km-brand{display:grid;gap:9px;width:max-content;color:inherit;text-decoration:none}.km-wordmark{display:flex;align-items:center;font-family:Barlow,"Segoe UI",sans-serif;font-size:23px;font-weight:300;line-height:1;letter-spacing:.42em;color:#fff}.km-wordmark{position:relative;isolation:isolate;width:max-content}.km-product{display:flex;align-items:center;gap:15px;font:10px "JetBrains Mono",Consolas,monospace;letter-spacing:.19em;color:#c8d6e6}.address-bar{height:52px;background:#0b1018;border-color:#2b3543;border-radius:12px;grid-template-columns:20px minmax(80px,1fr) 44px auto auto;box-shadow:none}.address-bar input{font-family:"JetBrains Mono",Consolas,monospace;font-size:12px}.address-bar:focus-within{border-color:#c8d6e6;box-shadow:0 0 0 3px #c8d6e611}.app-header .icon-button,.workspace-tools .icon-button{width:44px;height:44px}.app-header .primary-button{height:44px;background:#d9e3ee;color:#0b1018;box-shadow:none;border-radius:8px;padding-inline:18px}.app-header .primary-button:hover{background:#fff}.app-header .address-all{height:44px;color:#c8d6e6}.app-header :is(.address-all,.header-action),.workspace-tools .preview-help{background:#121b27;border-color:#2c3a4c;color:#d7e1ed}.app-header :is(.address-all,.header-action):hover,.workspace-tools .preview-help:hover{background:#1b2b3d;border-color:#50677f;color:#fff}.app-header .icon-button,.sidebar .device-list-remove,.workspace-tools .icon-button{color:#aebed1}.app-header .icon-button:hover,.sidebar .device-list-remove:hover,.workspace-tools .icon-button:hover{background:#1b2b3d;color:#e0e8f1}.sidebar{background:linear-gradient(180deg,#0d121b,#080c12);border-color:#252e3b}.sidebar-scroll{padding:10px 20px 28px;scrollbar-color:#3a4657 transparent}.sidebar .control-section{padding-block:22px;border-color:#252e3b}.sidebar .section-heading{font:11px "JetBrains Mono",Consolas,monospace;letter-spacing:.14em;color:#c8d6e6;min-height:28px}.sidebar .section-kicker{color:#9aa1ab}.sidebar .view-heading{font:500 17px Barlow,"Segoe UI",sans-serif;letter-spacing:0;text-transform:none;margin-bottom:16px;color:#e0e8f1}.sidebar .help-card{margin:0 20px 16px;padding:12px 0;border:0;border-top:1px solid #25303e;border-radius:0;background:0 0;box-shadow:none}.sidebar .help-card summary{font:500 13px system-ui;letter-spacing:0;line-height:1.5;min-height:44px;display:list-item;align-content:center;color:#c8d6e6}.sidebar .help-card p{font:12px/1.65 system-ui;color:#9aa1ab;margin:4px 0 0}.sidebar .custom-size label,.sidebar .field-label{font-size:12px;color:#b2bac6}.sidebar input[type=number],.sidebar select{height:44px;background:#101722;border-color:#2d3847;color:#eceef1;font-size:13px;border-radius:8px}.sidebar .action-grid button,.sidebar .ghost-button{min-height:44px;color:#d7e1ed;background:#121b27;border-color:#2c3a4c;font-size:12px}.connection-buttons button:not(.primary-button):hover:not(:disabled),.device-drag-handle:hover:not(:disabled),.legal-settings:hover:not(:disabled),.navigation-notice button:hover:not(:disabled),.public-connection-actions button:hover:not(:disabled),.sidebar .action-grid button:hover:not(:disabled),.sidebar .ghost-button:hover:not(:disabled){color:#eceef1;background:var(--raised);border-color:var(--accent)}.connection-buttons button:disabled,.legal-settings:disabled,.navigation-notice button:disabled,.public-connection-actions button:disabled,.sidebar .action-grid button:disabled,:is(.app-header,.workspace-tools,.sidebar) .ghost-button:disabled{color:var(--muted);background:var(--raised);border-color:var(--line);cursor:not-allowed}#copyLabLink:hover:not(:disabled),.connection-buttons .primary-button:hover:not(:disabled){background:#fff}.sidebar .device-list li:has(.device-list-select:hover){border-color:var(--accent)}.sidebar .device-list-remove:hover:not(:disabled){background:rgba(246,94,94,.16);color:#f56b6b}.tutorial-actions .tutorial-skip:hover:not(:disabled){color:#fff}.sidebar .device-data>div{background:0 0;border-color:#25303e;padding:10px}.sidebar .device-data span{font-size:10px;color:#9aa1ab}.sidebar .device-data strong{font:11px "JetBrains Mono",Consolas,monospace;color:#e0e7ef}.sidebar .device-list li{padding:13px 42px 13px 13px;background:#101720;border-color:#293342;border-radius:9px}.sidebar .device-list li.is-selected{border-color:#8094ac;background:linear-gradient(100deg,#1a2838,#101720);box-shadow:inset 3px 0 #c8d6e6}.sidebar .device-list li em{color:#aeb8c6;font-size:11px}.sidebar .device-list-remove{width:44px;height:44px}.sidebar .switch-row{min-height:54px;padding-block:10px}.sidebar .switch-row strong{font-size:12px;color:#d9e1eb}.sidebar .bar-override-hint,.sidebar .session-hint,.sidebar .switch-row small{font-size:11px;line-height:1.5;color:#9aa1ab}.sidebar .switch-row input:checked+i{background:#94a9bf;box-shadow:inset 0 0 0 1px #dce5ef}.sidebar .switch-row input:checked+i:after{background:#0b1018}.sidebar .switch-row i{pointer-events:none}.help-card summary,.sidebar .advanced-simulation summary{font-size:12px;color:#c8d6e6;min-height:44px;line-height:44px;cursor:pointer}.sidebar .advanced-simulation{border-color:#2b3644}.simulation-note{font-size:11px;line-height:1.6;color:#9aa1ab;border-left:2px solid #50677f;padding-left:12px}.workspace{background:#05070b;grid-template-rows:88px minmax(0,1fr)}.workspace .device-title{display:grid;gap:0;align-items:start}.workspace-header{height:88px;padding:14px 28px;border-bottom:1px solid #1c2633;background:#090e15}.device-title .workspace-eyebrow{display:block!important;font:9px "JetBrains Mono",Consolas,monospace;letter-spacing:.2em;color:#8d9eb2;margin-bottom:5px}.device-title strong{font-family:"Barlow Condensed",Barlow,"Segoe UI",sans-serif;font-size:21px;font-weight:500;letter-spacing:-.025em}.device-title>span:last-child{font-size:11px;color:#9aa1ab;margin-top:4px}#integrationBadge{font:10px "JetBrains Mono",Consolas,monospace;color:#b9c8d9;margin-top:4px}.workspace .status{font-size:11px;color:#a7b8ca}.stage{background:radial-gradient(ellipse at 50% 35%,#101a28 0,#080d15 48%,#05070b 85%)}.stage-glow{background:radial-gradient(circle,#c8d6e608,transparent 65%)}.device-drag-handle{background:#101925;color:#aabacd;border-color:#354355;min-height:32px;font-size:10px}.device-card-label strong{color:#e0e8f1}.device-card-label span{color:#9eacbd}.app-header :is(button,input):focus-visible,.sidebar :is(button,input,select,summary):focus-visible,.workspace-tools button:focus-visible{outline:2px solid #c8d6e6;outline-offset:3px}@media(max-width:1100px){body{grid-template-columns:290px minmax(0,1fr)}.app-header{grid-template-columns:246px minmax(250px,1fr) 44px;padding-inline:20px;gap:14px}.workspace-header{padding-inline:20px}.workspace .status{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:760px){body{grid-template-columns:240px minmax(0,1fr)}.app-header{grid-template-columns:190px minmax(180px,1fr);gap:10px;padding-inline:12px}.km-wordmark{font-size:18px}.km-product{font-size:8px;gap:8px}.km-product span{padding-left:8px}.address-icon,.header-action{display:none}.address-bar{grid-template-columns:minmax(60px,1fr) 44px auto}.address-all{display:none}.app-header .primary-button{padding-inline:9px}.sidebar-scroll{padding-inline:12px}.device-title strong{font-size:16px}.workspace-header{padding:10px}.workspace-tools .divider,.workspace-tools .status{display:none}}.navigation-notice{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;background:#080c12;color:#eceef1;text-align:center;font:16px system-ui;overflow:auto}.navigation-notice[hidden]{display:none}.navigation-notice img{flex:none;width:54px;height:54px}.navigation-notice h2{font-size:24px;line-height:1.2;margin:0}.navigation-notice p{margin:0;font-size:14px}.navigation-notice .notice-tone{color:#c8d6e6}.navigation-notice .notice-explanation{color:#9aa1ab;line-height:1.6}.navigation-notice a,.navigation-notice button{flex:none;display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;border:1px solid #394553;border-radius:8px;background:#111b27;color:#c8d6e6;padding:10px;font:14px system-ui;cursor:pointer;text-decoration:none}.navigation-notice a{border:0;background:#d9e3ee;color:#0b1018}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c8d6e6;outline-offset:3px}.device-card-label{box-sizing:border-box;display:block;width:100%;min-width:0;height:26px;padding:0 6px;border:0;border-radius:0;background:0 0;font-size:20px;line-height:26px;white-space:nowrap}.device-card-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;font-weight:500;letter-spacing:0;text-align:center}.sidebar .device-list li strong{flex:1 1 55%;white-space:normal;overflow-wrap:anywhere}.preview-help{font-size:11px;min-height:44px;white-space:normal}.workspace-tools{flex-wrap:wrap}.mobile-presentation{display:none}.access-fallback{display:none}html[data-device-lab-mode=public] body:not(.lab-ready):not(.mobile-layout) :is(.app-header,.sidebar,.workspace){display:none}html[data-device-lab-mode=public] body:not(.lab-ready):not(.mobile-layout) .access-fallback{display:flex;position:fixed;inset:0;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;background:#05070b;color:#eceef1}.access-fallback h1{font-size:30px;font-weight:400}.access-fallback p{max-width:450px;line-height:1.7;color:#9aa1ab}.access-fallback a{color:#d9e3ee;padding:12px}.sidebar .field-hint{font:11px/1.55 system-ui;color:#aeb8c6;margin:8px 0 12px}.sidebar .device-list li{padding:0;gap:0}.sidebar .device-list-select{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:56px;padding:12px;border:0;background:0 0;color:inherit;font:inherit;text-align:left;cursor:pointer}.sidebar .device-list-select em{flex:1}.sidebar .device-data{grid-template-columns:1fr}.sidebar .device-data span,.sidebar .device-data strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.sidebar .device-data>div{display:grid;gap:6px}.workspace-header .device-title{min-width:0;flex:1}.workspace .workspace-tools .status{max-width:220px;white-space:normal;line-height:1.4}@media(max-width:1150px){.workspace .workspace-tools .status{display:none}}#pagePanControls[hidden]{display:none}.workspace{grid-template-rows:auto minmax(0,1fr)}.workspace-header{height:auto;min-height:88px;gap:16px;align-items:center}.device-title strong{line-height:1.25;overflow-wrap:anywhere}@media(max-width:1400px){.device-title strong{font-size:18px}.workspace-header{padding-block:14px}}.mobile-presentation{position:relative;isolation:isolate;width:min(640px,calc(100% - 48px));padding-block:30px 40px}.mobile-presentation::before{content:"";position:absolute;z-index:-1;inset:0 -24px;pointer-events:none;background:radial-gradient(circle at 12% 16%,#95afd6 0 1px,transparent 1.5px),radial-gradient(circle at 87% 32%,#667d9b 0 1px,transparent 1.5px),radial-gradient(circle at 43% 7%,#667d9b 0 1px,transparent 1.5px);background-size:220px 270px,310px 360px,370px 410px;opacity:.35}.mobile-brand{margin-bottom:42px;font-family:Barlow,"Segoe UI",sans-serif}.mobile-presentation h1{font:300 clamp(39px,9vw,62px)/1.08 Barlow,"Segoe UI",sans-serif;letter-spacing:-.02em;margin:20px 0 22px}.mobile-presentation h1 span{color:#a7c9e7}.mobile-presentation>p{font-size:16px;line-height:1.65}.mobile-presentation .mobile-kicker{font:11px/1.5 Consolas,monospace;letter-spacing:.18em;color:#a7c9e7!important}.mobile-illustration{margin:16px -12px 30px}.mobile-illustration img{display:block;width:100%;height:auto}.mobile-demo-crop{position:relative;aspect-ratio:1064/550;overflow:hidden}.mobile-illustration .mobile-demo-crop img{position:absolute;width:131.955%;max-width:none;left:-31.955%;top:-58.182%;height:auto}.mobile-demo-phone{clip-path:inset(37.8% 58.97% 18.7% 26.21% round 2.7% / 3.8%)}.mobile-demo-tablet{clip-path:inset(37.8% 17.59% 24.9% 42.66% round 1.5% / 2%)}.mobile-demo-poco{clip-path:inset(37.2% .43% 16.3% 83.69% round 2% / 2.8%)}.mobile-illustration figcaption{padding-inline:12px;font:11px/1.5 system-ui;color:#8fa1b5}.mobile-presentation section{padding:23px 20px;border-radius:12px;background:#0b111bcc;margin:28px 0}.mobile-presentation h2{font:400 23px/1.25 Barlow,"Segoe UI",sans-serif}#mobileLabUrl{display:block;width:100%;min-width:0;border:1px solid #354253;border-radius:7px;padding:12px 8px;font:12px/1.5 Consolas,monospace;background:#080e16;color:#cad7e5}#copyLabLink{width:100%;min-height:48px;padding:12px;margin-top:12px;border:0;border-radius:8px;background:#d9e3ee;color:#0b1018;font:600 13px system-ui;cursor:pointer}.mobile-presentation #copyLabStatus{font:12px/1.6 system-ui;color:#a7c9e7;margin:10px 0 0}#copyLabStatus:empty{display:none}.mobile-about{margin:38px 0}.mobile-about ul{padding-left:18px;margin:18px 0 22px;color:#c6d3e1;font:14px/1.7 system-ui}.mobile-about li{margin-bottom:8px}.mobile-about p{font-size:13px}.mobile-footer{display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between;padding-top:20px;border-top:1px solid #263140}.mobile-footer>a{color:#c8d6e6;font:13px system-ui}.mobile-footer .mobile-site-link{background:0 0;padding:0}.mobile-presentation :is(button,input,a):focus-visible{outline:2px solid #a7c9e7;outline-offset:4px}body.mobile-layout{display:block;overflow:auto;height:auto;min-height:100vh;background:radial-gradient(ellipse at 100% 0,#142135,transparent 50%),#05070b}.mobile-layout :is(.app-header,.sidebar,.workspace,dialog#connectionGuide){display:none}.mobile-layout .mobile-presentation{display:block}.mobile-presentation{width:min(620px,calc(100% - 40px));margin:auto;padding:28px 0 42px;color:#eceef1}.mobile-brand{display:flex;align-items:center;gap:12px;color:#eceef1;text-decoration:none;font:300 22px Barlow,"Segoe UI",sans-serif;letter-spacing:.3em;margin-bottom:48px}.mobile-brand img{flex:none}.mobile-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px}.mobile-heading .mobile-brand,.mobile-heading .mobile-kicker{margin:0;flex:none}.mobile-heading .mobile-kicker{font:10px/1.5 Consolas,monospace;letter-spacing:.12em;white-space:nowrap}.mobile-kicker{font:10px Consolas,monospace;letter-spacing:.09em;color:#c8d6e6!important}.mobile-presentation h1{font-size:38px;line-height:1.1;font-weight:400;letter-spacing:-.03em;margin:20px 0}.mobile-presentation p{font-size:16px;line-height:1.75;color:#aeb8c6;margin:0 0 16px}.mobile-presentation section{margin:28px 0;padding:22px;border:1px solid #2b3543;background:#0b1018;border-radius:14px}.mobile-presentation h2{font-size:22px;line-height:1.3;font-weight:500;margin:0 0 16px}.mobile-site-link{display:inline-flex;align-items:center;min-height:48px;padding:12px 18px;background:#d9e3ee;color:#0b1018;border-radius:8px;text-decoration:none;font-size:14px}@media(max-width:760px),(pointer:coarse) and (max-width:1100px){body{display:block;overflow:auto;height:auto;min-height:100vh}.app-header,.sidebar,.workspace,dialog#connectionGuide{display:none}.mobile-presentation{display:block}html[data-device-lab-mode=public] body:not(.lab-ready):not(.mobile-layout) .access-fallback{display:none}}