@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-ext-400-normal-CMDvPJRp.woff2)format("woff2"),url(/assets/manrope-latin-ext-400-normal-C-X6QNXX.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-ext-500-normal-dm74KBQw.woff2)format("woff2"),url(/assets/manrope-latin-ext-500-normal-EtoS1VaI.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-ext-600-normal-_gBojHdJ.woff2)format("woff2"),url(/assets/manrope-latin-ext-600-normal-u5Pl7hTU.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-ext-700-normal-DYOwVNan.woff2)format("woff2"),url(/assets/manrope-latin-ext-700-normal-eVCcYqtJ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-ext-800-normal-DdFx7KEb.woff2)format("woff2"),url(/assets/manrope-latin-ext-800-normal-BQAQsuQc.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2)format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2)format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-800-normal-BfWYOv1c.woff2)format("woff2"),url(/assets/manrope-latin-800-normal-uHUdIJgA.woff)format("woff")}:root{color:#e6e8ed;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--line:#2b2e36;--muted:#9297a3;--lime:#a9be87;background:#17191e;font-family:Manrope,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:2px solid #adc58f}::selection{background:#3b4830}.studio{height:100dvh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:#191b21;flex-direction:column;width:224px;min-width:224px;min-height:0;display:flex}.sidebar-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 10px 0 14px;display:flex}.brand{letter-spacing:-.45px;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.brand svg{color:#b2c797}.icon-button{color:#9da3af;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.icon-button:hover{color:#f1f3f6;background:#292d36}.sidebar-controls{flex-shrink:0;padding:12px 10px 7px}.search-field{color:#8a909f;background:#17191e;border:1px solid #343843;border-radius:5px;align-items:center;gap:7px;height:30px;padding:0 8px;display:flex}.search-field:focus-within{border-color:#9fb784;box-shadow:0 0 0 2px #a9c18e1a}.search-field input{color:#eef0f4;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0;font-size:11px;line-height:28px}.search-field input::placeholder{color:#858b99}.search-field input::-webkit-search-cancel-button{display:none}.search-field kbd{color:#9399a6;border:1px solid #343843;border-radius:3px;padding:1px 4px;font:10px monospace}.clear-search{color:#a5abb7;background:0 0;padding:3px;display:flex}.filter-row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:0 2px;display:flex}.filter-row select{color:#b1b6c1;cursor:pointer;background:0 0;border:0;min-width:0;max-width:160px;padding:3px 0;font-size:10px}.result-count{color:#8d94a2;white-space:nowrap;font:10px monospace}.scenario-nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#424651 transparent;flex:1;min-height:0;padding:3px 6px 12px;overflow-y:auto}.scenario-link{color:#959dab;border-radius:4px;align-items:center;gap:8px;height:34px;padding:0 8px;display:flex;outline-offset:-2px!important}.scenario-link:hover{background:#242730}.scenario-link[aria-current=page]{color:#c7dcab;background:#2b3529}.scenario-name{white-space:nowrap;text-overflow:ellipsis;color:#bec4d0;flex:1;min-width:0;font-size:11px;font-weight:500;overflow:hidden}.scenario-link[aria-current=page] .scenario-name{color:#d7e7c4;font-weight:700}.scenario-device{color:#969eae;flex-shrink:0;font-size:9px}.empty-search{color:#a5abba;padding:22px 12px;font-size:11px;line-height:1.7}.empty-search p{margin:0 0 12px}.empty-search button{color:#c4d9a7;text-underline-offset:3px;background:0 0;padding:5px 0;font-size:11px;text-decoration:underline}.main-panel{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.preview-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;outline-offset:-2px!important}.preview-toolbar{border-bottom:1px solid var(--line);background:#17191e;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 12px;display:flex}.preview-title{align-items:center;gap:12px;min-width:0;display:flex}.preview-title h1{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.15px;font-size:12px;font-weight:700;line-height:1.3;overflow:hidden}.device-metadata{color:#959dac;flex-shrink:0;align-items:center;gap:10px;font-size:10px;display:flex}.dimensions{white-space:nowrap;color:#8b93a2;font:10px monospace}.preview-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.zoom-toggle{background:#111318;border:1px solid #30343f;border-radius:5px;align-items:center;gap:1px;padding:2px;display:flex}.zoom-toggle button{white-space:nowrap;color:#a5abb7;background:0 0;border-radius:3px;justify-content:center;align-items:center;gap:6px;height:24px;padding:0 8px;font-size:10px;display:flex}.zoom-toggle button[aria-pressed=true]{color:#d7e7c4;background:#17191e;box-shadow:0 1px 3px #00000030}.fit-percentage{color:#a3b391;text-align:right;min-width:29px;font:9px monospace}.toolbar-separator{background:var(--line);width:1px;height:17px;margin:0 5px}.preview-stage{overscroll-behavior:contain;background:#0e1014;flex:1;justify-content:safe center;align-items:safe center;min-width:0;min-height:0;padding:12px;display:flex;overflow:auto;outline-offset:-3px!important}.device-position{flex-shrink:0;position:relative}.sidebar-backdrop{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--lime);border-radius:4px;padding:8px;font-size:12px;position:fixed;top:5px;left:10px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.loading-state{padding:40px;font-size:14px;line-height:1.7}@media (width<=1100px){.dimensions,.fit-label{display:none}.preview-title,.preview-toolbar{gap:8px}}@media (width<=760px){.sidebar{z-index:40;width:min(288px,85vw);min-width:0;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 28px #0005}.sidebar-backdrop{z-index:30;cursor:default;background:#0009;display:block;position:fixed;inset:0}.sidebar-header{height:48px}.sidebar-header .icon-button{width:36px;height:36px}.sidebar-controls{padding:12px}.search-field{height:38px}.search-field input{font-size:16px}.filter-row select{padding:7px 0;font-size:12px}.scenario-link{height:40px}.scenario-name{font-size:12px}.scenario-device{font-size:10px}.preview-toolbar{gap:5px;padding:0 6px}.preview-title{flex:1;gap:6px}.preview-title h1{font-size:11px}.device-metadata{display:none}.preview-actions{gap:2px}.preview-stage{padding:8px}.secondary-action{display:none}.toolbar-separator{margin:0 2px}.zoom-toggle button{padding:0 6px;font-size:9px}.fit-percentage{font-size:9px}.icon-button{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root[data-surface=preview]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#292d2a;background:#fbfcf7}.prototype-viewport{background:#fbfcf7;height:100dvh;overflow:hidden}.prototype-app{overscroll-behavior:none;color:#292d2a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fbfcf7;height:100%;overflow:clip}:root[data-surface=preview] ::selection{background:#d9e9bf}:root[data-surface=preview] button:focus-visible,:root[data-surface=preview] input:focus-visible{outline-color:#7b984f}.filter-row select option{color:#dce0e8;background:#191b21}.scenario-group{margin-bottom:10px}.group-toggle{color:#9199a8;text-align:left;letter-spacing:.15px;background:0 0;border-radius:4px;align-items:center;gap:6px;width:100%;height:28px;padding:0 7px;font-size:10px;font-weight:600;display:flex}.group-toggle:hover{color:#d7dce6;background:#242730}.group-toggle>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-toggle .expanded{transform:rotate(90deg)}.group-count{color:#747e90;margin-left:auto;font:9px monospace}.group-items .scenario-link{padding-left:12px}.device-frame{transform-origin:0 0;isolation:isolate;background:linear-gradient(105deg,#55565a 0%,#92918d 1%,#303135 2%,#111216 5% 95%,#4b4c50 98%,#898a86 99%,#38393c 100%);border-radius:62px;position:absolute;top:0;left:0;overflow:visible;box-shadow:0 0 0 1px #0a0b0c,0 0 0 2px #54565a,0 16px 40px #0008,inset 0 0 0 3px #777977,inset 0 0 0 5px #17181b}.device-frame.android{background:linear-gradient(95deg,#61646b,#27292d 2%,#101114 5% 95%,#393c42 98%,#767b84);border-radius:46px;box-shadow:0 0 0 1px #050506,0 0 0 2px #494d55,0 16px 40px #0008,inset 0 0 0 2px #777c85,inset 0 0 0 4px #17191d}.device-frame.ipad{background:linear-gradient(100deg,#585b62,#17181c 3%,#141518 97%,#777b84);border-radius:40px;box-shadow:0 0 0 1px #050506,0 0 0 2px #5c616b,0 16px 40px #0008}.device-frame.web{background:#22252d;border-radius:10px;box-shadow:0 0 0 1px #414652,0 12px 36px #0005}.device-screen{isolation:isolate;background:#16181d;border-radius:50px;outline:1px solid #050506;position:relative;overflow:hidden}.android .device-screen{border-radius:36px}.ipad .device-screen{border-radius:22px}.web .device-screen{border-radius:0 0 9px 9px;outline:0}.prototype-iframe{background:#fbfcf7;border:0;width:100%;display:block}.device-status-bar{z-index:2;color:#181b17;pointer-events:none;background:0 0;justify-content:space-between;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;display:flex;position:absolute;inset:0 0 auto}.status-iphone{padding:0 26px 0 30px}.device-time{letter-spacing:-.35px;text-align:center;min-width:44px;font-size:16px;font-weight:600;line-height:1}.status-iphone .device-time,.status-iphone .device-indicators{transform:translateY(1px)}.device-indicators{align-items:center;line-height:0;display:flex}.dynamic-island{background:#000;border-radius:23px;justify-content:flex-end;align-items:center;width:126px;height:37px;padding-right:11px;display:flex;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:0 0 0 .75px #24262a,0 1px 1px #000a}.camera-lens{opacity:.9;background:radial-gradient(circle at 38% 34%,#36576a 0%,#1a293c 13%,#080f1c 28%,#152239 42%,#050810 58%,#15181b 68%,#000 75%);border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 1px 1px #1b202c}.island-sensor{opacity:.45;background:#040506;border-radius:5px;width:50px;height:5px;position:absolute;left:23px}.status-android{padding:0 20px;font-family:Manrope,sans-serif}.status-android .device-time{text-align:left;letter-spacing:0;font-size:14px;font-weight:600}.camera-punch{background:#020203;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:13px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #2a2c32}.camera-punch .camera-lens{width:8px;height:8px}.status-ipad{padding:0 22px}.status-ipad .device-time{min-width:auto;font-size:12px}.status-ipad .apple-indicators{width:64px;height:13px}.device-navigation{z-index:2;pointer-events:none;background:0 0;justify-content:center;align-items:flex-end;padding-bottom:9px;display:flex;position:absolute;inset:auto 0 0}.home-indicator{background:#181b17;border-radius:4px;width:134px;height:5px;display:block}.android .device-navigation{padding-bottom:8px}.android .home-indicator{background:#181b17;width:108px;height:4px}.ipad .device-navigation{padding-bottom:8px}.ipad .home-indicator{width:160px;height:4px}.hardware-details{pointer-events:none;z-index:-1;position:absolute;inset:0}.hardware-button{background:linear-gradient(90deg,#686b70,#1b1c20);border-radius:2px 0 0 2px;width:4px;position:absolute;left:-4px;box-shadow:inset 0 1px 1px #aaaba8,inset 0 -1px 1px #101114}.button-action{height:26px;top:100px}.button-volume-up{height:55px;top:153px}.button-volume-down{height:55px;top:222px}.button-power{background:linear-gradient(90deg,#222428,#777a80);border-radius:0 2px 2px 0;height:88px;top:186px;left:auto;right:-4px}.android .button-action,.android .button-volume-down{display:none}.android .button-power{height:52px;top:141px}.android .button-volume-up{border-radius:0 2px 2px 0;height:97px;top:231px;left:auto;right:-4px}.antenna{background:#24262b;border-top:1px solid #90918d;border-bottom:1px solid #90918d;width:4px;height:5px;position:absolute;left:0}.antenna-top{top:75px}.antenna-bottom{bottom:76px;left:auto;right:0}.earpiece{background:#060708;border-radius:4px;width:68px;height:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 1px #4b4d50}.ipad .hardware-button,.ipad .antenna{display:none}.ipad .earpiece{background:#080b12;border-radius:50%;width:6px;height:6px;top:5px;box-shadow:inset 0 0 1px #44506a}.browser-chrome{background:#23262e;border-bottom:1px solid #363a45;border-radius:9px 9px 0 0;justify-content:center;align-items:center;display:flex;position:relative}.browser-dots{gap:7px;display:flex;position:absolute;left:14px}.browser-dots i{background:#515762;border-radius:50%;width:9px;height:9px}.browser-dots i:first-child{background:#b3706c}.browser-dots i:nth-child(2){background:#b6a16b}.browser-dots i:last-child{background:#7e9d71}.address-bar{color:#939cab;text-align:center;background:#17191f;border:1px solid #353945;border-radius:4px;width:45%;padding:4px;font-size:11px}@media (width<=760px){.group-toggle{height:34px;font-size:11px}.group-count{font-size:10px}}.device-screen[data-status-tone=light] .device-status-bar{color:#fff}.device-screen[data-home-tone=light] .home-indicator{background:#fff}.step-select{color:#b7bdc8;background:#1d2027;border:1px solid #30343d;border-radius:6px;min-width:0;max-width:205px;height:29px;margin-left:auto;padding:0 8px;font-size:11px}@media (width<=1100px){.step-select{max-width:150px}.preview-title .dimensions{display:none}}@media (width<=760px){.step-select{max-width:130px}.preview-title h1{display:none}}@media (width<=440px){.preview-title .device-metadata{display:none}.step-select{max-width:115px}}