.hero-canvas{position:relative}.hero{position:relative;overflow-x:clip;background-image:radial-gradient(#c9d0de 1px,transparent 1px);background-size:22px 22px;background-position:-11px -11px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,#f4f5f8 78%);pointer-events:none}.hero>*{position:relative}[data-canvas]{outline:none;cursor:default;border-radius:2px}[data-canvas][contenteditable=true]{cursor:text;caret-color:var(--blue)}.hero-download[data-canvas]{cursor:pointer}.canvas-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.canvas-hover,.canvas-selection{position:absolute;opacity:0;transition:left .28s cubic-bezier(.3,.7,.2,1),top .28s cubic-bezier(.3,.7,.2,1),width .28s cubic-bezier(.3,.7,.2,1),height .28s cubic-bezier(.3,.7,.2,1),opacity .2s}.canvas-hover{border:1px dashed #3565eb99}.canvas-selection{border:1px solid var(--blue)}.canvas-hover.on,.canvas-selection.on{opacity:1}.canvas-selection b{position:absolute;width:7px;height:7px;background:#fff;border:1px solid var(--blue)}.canvas-selection b:nth-child(1){left:-4px;top:-4px}.canvas-selection b:nth-child(2){right:-4px;top:-4px}.canvas-selection b:nth-child(3){left:-4px;bottom:-4px}.canvas-selection b:nth-child(4){right:-4px;bottom:-4px}.canvas-selection span{position:absolute;left:-1px;top:-24px;font:500 10px/1 Public Sans,sans-serif;color:#fff;background:var(--blue);padding:5px 7px;border-radius:4px;white-space:nowrap;direction:ltr;unicode-bidi:isolate}.canvas-toolbar{position:absolute;left:0;top:0;z-index:6;display:flex;align-items:center;gap:2px;padding:4px;background:var(--ink);border-radius:10px;box-shadow:0 12px 30px #1a1d2333;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s,left .28s cubic-bezier(.3,.7,.2,1),top .28s cubic-bezier(.3,.7,.2,1)}.canvas-toolbar.on{opacity:1;visibility:visible;transform:none}.canvas-tag{font-size:10px;font-weight:500;color:#fff;background:var(--blue);padding:7px 9px;border-radius:7px;margin-inline-end:4px;white-space:nowrap}.canvas-toolbar button{display:grid;place-items:center;min-width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:#c9d0de;font-size:12px;padding:0 6px}.canvas-toolbar button:hover,.canvas-toolbar button.active{background:#ffffff1f;color:#fff}.canvas-toolbar button:focus-visible{outline-offset:1px}.canvas-toolbar button>span{width:14px;height:14px;border-radius:50%;border:2px solid #ffffff40}.canvas-toolbar>i{width:1px;height:18px;background:#ffffff26;margin:0 4px}.canvas-ghost{position:absolute;left:0;top:0;z-index:7;pointer-events:none;opacity:0;visibility:hidden;transition:transform .9s cubic-bezier(.5,0,.2,1),opacity .3s,visibility .3s}.canvas-ghost.on{opacity:1;visibility:visible}.canvas-ghost svg{display:block;filter:drop-shadow(0 2px 3px #0003);transition:transform .12s}.canvas-ghost.pressing svg{transform:scale(.82)}.canvas-ghost span{position:absolute;left:16px;top:18px;font:500 10px Public Sans,sans-serif;color:#fff;background:var(--blue);padding:3px 7px;border-radius:5px 5px 5px 1px}.canvas-hint{display:flex;align-items:center;gap:10px;margin-top:34px;font-size:11px;color:var(--soft)}.canvas-pulse{width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0;box-shadow:0 0 0 4px #3565eb22;animation:canvas-pulse 2s infinite}@keyframes canvas-pulse{50%{box-shadow:0 0 0 7px #3565eb00}}@media(max-width:760px){.canvas-hint{margin-top:26px}.canvas-tag{display:none}}@media(prefers-reduced-motion:reduce){.canvas-pulse{animation:none}.canvas-ghost{display:none}}.bento-kicker{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--blue);margin-bottom:16px}.bento-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(250px,auto);gap:14px;margin-top:47px}.bento-live{grid-column:span 2;grid-row:span 2}.bento-components,.bento-loop{grid-column:span 2}.bento-tile{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;overflow:hidden;min-width:0;transition:border-color .2s,transform .25s cubic-bezier(.3,.7,.2,1),box-shadow .25s}.bento-tile:hover{border-color:#3565eb66;transform:translateY(-3px);box-shadow:0 18px 40px #1b2a4512}.bento-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500;color:var(--soft)}.bento-label:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue)}.bento-stage{flex:1;display:grid;place-items:center;min-height:0;padding:12px 0}.bento-stack{gap:10px;align-content:center}.bento-tile h3{font:500 16px/1.35 Sora,sans-serif;letter-spacing:-.3px}.bento-tile p{font-size:12px;color:var(--soft);line-height:1.6;margin-top:4px}.bento-chips{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.bento-chips button{font-size:10px;font-weight:500;border:1px solid var(--line);border-radius:6px;padding:6px 9px;background:#fff;color:var(--soft)}.bento-chips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.bento-button{font-size:11px;font-weight:500;padding:9px 13px;border-radius:7px;border:1px solid var(--blue);background:var(--blue);color:#fff}.bento-button:hover{background:#2c5ad6}.bento-button.ghost{background:transparent;border-color:var(--line);color:var(--ink)}.bento-button.ghost:hover{background:#f4f5f8}.bento-live .bento-stage{place-items:stretch}.bento-page{background:#f4f5f8;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px}.bento-page-nav{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--soft);padding-bottom:10px;border-bottom:1px solid var(--line)}.bento-page-nav b{color:var(--ink);font-family:Sora,sans-serif}.bento-typed{position:relative;align-self:flex-start;font:500 clamp(28px,3vw,42px)/1.15 Sora,sans-serif;letter-spacing:-.04em;min-height:1.4em;margin:20px 0 0;padding:2px 8px;margin-inline-start:-8px;border:1px solid var(--blue)}.bento-typed:after{content:"";display:inline-block;width:2px;height:.9em;background:var(--blue);margin-inline-start:3px;vertical-align:-.08em;animation:bento-blink 1s steps(1) infinite}.bento-typed-tag{position:absolute;inset-inline-start:-1px;top:-21px;font:500 9px Public Sans,sans-serif;letter-spacing:0;background:var(--blue);color:#fff;padding:4px 6px;border-radius:4px 4px 0 0}@keyframes bento-blink{50%{opacity:0}}.bento-page>p{font-size:12px;color:var(--soft);margin:0}.bento-page-button{align-self:flex-start;font-size:11px;padding:9px 14px;border-radius:7px;background:var(--blue);color:#fff;transition:background .4s}.bento-page-button.alt{background:var(--ink)}.bento-page-lines{display:flex;gap:8px;margin-top:auto;padding-top:14px}.bento-page-lines i{flex:1;height:44px;border-radius:8px;background:#fff}.bento-count{background:var(--blue);border-color:var(--blue);color:#fff}.bento-count .bento-label{color:#d5e0ff}.bento-count .bento-label:before{background:#fff}.bento-count p{color:#d5e0ff;margin-top:12px}.bento-number{font:500 84px/1 Sora,sans-serif;letter-spacing:-.05em;direction:ltr}.bento-marquee{overflow:hidden;margin:0 -18px;direction:ltr;mask:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.bento-marquee div{display:flex;gap:6px;width:max-content;animation:bento-slide 26s linear infinite}.bento-marquee span{font-size:10px;font-weight:500;padding:5px 8px;border-radius:6px;background:#ffffff1f;white-space:nowrap}@keyframes bento-slide{to{transform:translate(-50%)}}.bento-wire{width:100%;max-width:170px;display:grid;gap:5px}.bento-wire i{display:flex;align-items:center;justify-content:center;border-radius:5px;background:#f4f5f8;font-size:9px;font-style:normal;font-weight:500;color:transparent;transition:all .35s}.bento-wire i:nth-child(1),.bento-wire i:nth-child(3){height:24px}.bento-wire i:nth-child(2){height:70px}.bento-wire i.on{background:#3565eb14;outline:1px solid var(--blue);color:var(--blue)}.bento-device-frame{height:112px;width:100%;display:grid;place-items:center}.bento-device{height:100%;border:1.5px solid var(--ink);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:5px;transition:width .45s cubic-bezier(.3,.7,.2,1)}.bento-device i{display:block;height:8px;border-radius:3px;background:#f4f5f8}.bento-device>i:first-child{height:14px;width:60%;background:var(--blue)}.bento-device div{display:flex;gap:4px;flex:1}.bento-device div i{flex:1;height:auto;min-width:14px}.bento-rtl{width:100%;max-width:200px;background:#f4f5f8;border-radius:10px;padding:12px;text-align:start}.bento-rtl b{display:block;font:500 15px Sora,sans-serif}.bento-rtl span{display:block;font-size:10px;color:var(--soft);margin:4px 0 10px}.bento-rtl em{font-style:normal;font-size:10px;background:var(--blue);color:#fff;padding:5px 9px;border-radius:5px}.bento-rtl[dir=rtl] b,.bento-rtl[dir=rtl] span,.bento-rtl[dir=rtl] em{font-family:Tajawal,sans-serif}.bento-rtl[dir=rtl] b{font-size:17px;font-weight:700}.bento-components .bento-stage{grid-template-columns:1.1fr 1.6fr;gap:24px;place-items:center stretch}.bento-main{position:relative;border:1px solid var(--blue);border-radius:10px;padding:12px}.bento-main>span{position:absolute;top:-8px;inset-inline-start:10px;font-size:9px;font-weight:500;background:#fff;color:var(--blue);padding:0 5px}.bento-card{border-radius:8px;padding:10px;background:#f4f5f8;display:grid;gap:6px}.bento-card i{display:block;height:7px;border-radius:3px;background:var(--line)}.bento-card i:first-child{width:50%;height:9px;background:var(--ink)}.bento-card u{display:block;height:16px;width:46%;border-radius:4px;background:var(--tone);transition:background .4s}.bento-tones{display:flex;gap:7px;margin-top:12px}.bento-tones button{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);padding:0}.bento-tones button.on{box-shadow:0 0 0 2px var(--ink)}.bento-instances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bento-popup-stage{position:relative}.bento-modal{position:absolute;top:6px;right:0;bottom:6px;left:0;background:#1a1d2366;border-radius:10px;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.bento-modal>div{background:#fff;border-radius:9px;padding:14px;width:82%;text-align:center;transform:scale(.9) translateY(8px);transition:transform .3s cubic-bezier(.3,.7,.2,1)}.bento-modal.on{opacity:1;visibility:visible}.bento-modal.on>div{transform:none}.bento-modal b{display:block;font:500 13px Sora,sans-serif}.bento-modal span{display:block;font-size:10px;color:var(--soft);margin:4px 0 10px}.bento-cart{position:absolute;top:16px;inset-inline-end:16px;font-size:10px;font-weight:500;background:#f4f5f8;border-radius:20px;padding:5px 9px}.bento-cart.bump{animation:bento-bump .35s}@keyframes bento-bump{40%{transform:scale(1.2);background:var(--blue);color:#fff}}.bento-product{display:flex;gap:12px;align-items:center;width:100%}.bento-product>i{width:64px;height:78px;border-radius:9px;background:linear-gradient(160deg,#dfe7ff,#b9c9f7);flex-shrink:0}.bento-product b{display:block;font:500 13px Sora,sans-serif}.bento-product span{display:block;font-size:11px;color:var(--soft);margin:2px 0 8px}.bento-loop .bento-stage{place-items:stretch}.bento-posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bento-posts>div{border-radius:8px;background:#f4f5f8;padding:7px;animation:bento-in .45s both cubic-bezier(.3,.7,.2,1)}.bento-posts i{display:block;height:40px;border-radius:5px}.bento-posts b{display:block;font-size:9px;font-weight:500;color:var(--soft);margin-top:6px}@keyframes bento-in{0%{opacity:0;transform:translateY(10px)}}.bento-loop-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.bento-query{font-size:10px;font-weight:500;border:1px solid var(--line);border-radius:6px;padding:6px 9px;color:var(--soft)}.bento-field{width:100%;display:grid;gap:6px}.bento-field>span{font-size:11px;font-weight:500}.bento-field input{font:inherit;font-size:12px;border:1px solid var(--line);border-radius:7px;padding:10px;outline:none;transition:border-color .2s;min-width:0}.bento-field input:focus{border-color:var(--blue)}.bento-field small{font-size:10px;min-height:13px;color:var(--soft)}.bento-field.invalid input{border-color:#c93a3a}.bento-field.invalid small{color:#b42f2f}.bento-field.valid small{color:#1d7a50}.bento-free{background:var(--ink);border-color:var(--ink);color:#fff}.bento-free .bento-label,.bento-free p{color:#9aa4b8}.bento-price{font:500 64px/1 Sora,sans-serif;letter-spacing:-.04em;direction:ltr}.bento-price i{font-style:normal;color:var(--blue)}html[lang=ar] .bento-tile h3,html[lang=ar] .bento-typed,html[lang=ar] .bento-modal b,html[lang=ar] .bento-product b{font-family:Tajawal,sans-serif;letter-spacing:0}@media(max-width:1050px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.bento{grid-template-columns:minmax(0,1fr)}.bento-live,.bento-components,.bento-loop{grid-column:auto}.bento-live{grid-row:auto}.bento-components .bento-stage{grid-template-columns:1fr}.bento-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.bento-marquee div,.bento-typed:after{animation:none}.bento-tile:hover{transform:none}}.tickets-section[data-v-7511439c]{position:relative}.support-pill[data-v-7511439c]{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);background:#3565eb14;padding:4px 10px;border-radius:999px;margin-bottom:14px}.support-wrapper[data-v-7511439c]{margin-top:40px;display:flex;flex-direction:column;gap:20px}.support-card[data-v-7511439c]{background:var(--paper, #fff);border:1px solid var(--line, #dfe3ec);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #1b2a450a}.support-tabs[data-v-7511439c]{display:flex;background:#f7f9fc;border-bottom:1px solid var(--line, #dfe3ec);padding:6px;gap:6px}.tab-btn[data-v-7511439c]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;border:0;background:transparent;color:var(--soft, #5b6472);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.tab-btn.active[data-v-7511439c]{background:#fff;color:var(--ink, #1a1d23);font-weight:600;box-shadow:0 2px 8px #0000000a}.tab-pane[data-v-7511439c]{padding:32px}.ticket-form[data-v-7511439c]{display:flex;flex-direction:column;gap:20px}.form-grid[data-v-7511439c]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field[data-v-7511439c]{display:flex;flex-direction:column;gap:8px}.form-field label[data-v-7511439c]{font-size:13px;font-weight:500;color:var(--ink, #1a1d23)}.req[data-v-7511439c]{color:#ef4444}.form-field input[data-v-7511439c],.form-field select[data-v-7511439c],.form-field textarea[data-v-7511439c]{font-family:inherit;font-size:14px;padding:12px 14px;border:1px solid var(--line, #dfe3ec);border-radius:8px;background:#fdfdfd;color:var(--ink, #1a1d23);transition:border-color .15s,box-shadow .15s}.form-field input[data-v-7511439c]:focus,.form-field select[data-v-7511439c]:focus,.form-field textarea[data-v-7511439c]:focus{outline:none;border-color:var(--blue, #3565eb);box-shadow:0 0 0 3px #3565eb1a;background:#fff}.form-alert[data-v-7511439c]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:13px}.form-alert.error[data-v-7511439c]{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.form-footer[data-v-7511439c]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:10px;border-top:1px solid var(--line, #dfe3ec);flex-wrap:wrap}.privacy-notice[data-v-7511439c]{font-size:12px;color:var(--soft, #5b6472)}.success-box[data-v-7511439c]{text-align:center;padding:40px 20px;max-width:500px;margin:0 auto}.success-icon[data-v-7511439c]{color:#10b981;margin-bottom:16px}.success-box h3[data-v-7511439c]{font-size:24px;margin-bottom:8px}.success-box p[data-v-7511439c]{font-size:14px;color:var(--soft, #5b6472);margin-bottom:24px}.ticket-ref-badge[data-v-7511439c]{display:inline-flex;align-items:center;gap:12px;background:#f0f4ff;border:1px solid #d0deff;border-radius:12px;padding:10px 16px;margin-bottom:20px}.ref-code[data-v-7511439c]{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;color:var(--blue, #3565eb);letter-spacing:1px}.btn-copy[data-v-7511439c]{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;border:1px solid #c2d4ff;background:#fff;font-size:12px;font-weight:500;cursor:pointer}.success-note[data-v-7511439c]{font-size:13px!important;color:var(--soft, #5b6472);line-height:1.6}.search-box[data-v-7511439c]{max-width:600px;margin:0 auto}.search-box label[data-v-7511439c]{display:block;font-size:14px;font-weight:500;margin-bottom:10px}.search-row[data-v-7511439c]{display:flex;gap:10px}.search-row input[data-v-7511439c]{flex:1;padding:12px 16px;font-size:15px;border:1px solid var(--line, #dfe3ec);border-radius:8px;font-family:JetBrains Mono,monospace}.ticket-status-card[data-v-7511439c]{margin-top:24px;padding:24px;background:#f8fafc;border:1px solid var(--line, #dfe3ec);border-radius:12px;text-align:left}[dir=rtl] .ticket-status-card[data-v-7511439c]{text-align:right}.status-card-header[data-v-7511439c]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.status-card-header h4[data-v-7511439c]{font-size:16px;font-weight:600;margin-top:4px}.status-pill[data-v-7511439c]{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;text-transform:uppercase}.status-open[data-v-7511439c]{background:#ecfdf5;color:#059669}.status-in_progress[data-v-7511439c]{background:#fffbeb;color:#d97706}.status-resolved[data-v-7511439c]{background:#eff6ff;color:#2563eb}.status-closed[data-v-7511439c]{background:#f1f5f9;color:#64748b}.status-meta[data-v-7511439c]{display:flex;gap:16px;font-size:12px;color:var(--soft, #5b6472);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line, #dfe3ec)}.status-meta span[data-v-7511439c]{display:inline-flex;align-items:center;gap:5px}.status-replies h5[data-v-7511439c]{font-size:13px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.status-reply-item[data-v-7511439c]{background:#fff;border:1px solid var(--line, #dfe3ec);border-radius:8px;padding:12px;margin-bottom:8px;font-size:13px}.reply-head[data-v-7511439c]{display:flex;justify-content:space-between;font-size:11px;color:var(--soft, #5b6472);margin-bottom:6px}.no-replies-note[data-v-7511439c]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--soft, #5b6472);background:#fff;padding:12px;border-radius:8px}@media(max-width:640px){.form-grid[data-v-7511439c]{grid-template-columns:1fr;gap:16px}.tab-pane[data-v-7511439c]{padding:20px 16px}.search-row[data-v-7511439c]{flex-direction:column}}.feature-lab{--lab-line:#dfe3ec;--lab-ink:#1a1d23;--lab-muted:#5b6472;--lab-blue:#3565eb;scroll-margin-top:25px}.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}.lab-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:35px;padding:18px 0;border-top:1px solid var(--lab-line);border-bottom:1px solid var(--lab-line)}.lab-search{display:flex;align-items:center;gap:10px;flex:1;color:var(--lab-muted)}.lab-search input{width:100%;min-width:0;border:0;background:transparent;font:12px Public Sans,sans-serif;color:var(--lab-ink);padding:9px 0;outline-offset:5px}.lab-search>button{border:0;background:transparent;padding:8px;display:flex;align-items:center}.lab-category{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid var(--lab-line);color:var(--lab-muted)}.lab-category select{max-width:230px;border:0;background:transparent;color:var(--lab-ink);font:12px Public Sans,sans-serif;padding:9px 22px 9px 0}.lab-layout{display:grid;grid-template-columns:minmax(240px,.38fr) minmax(0,1fr);gap:36px;margin-top:25px;align-items:start}.lab-browser{min-width:0}.lab-resultline{font-size:10px;display:flex;justify-content:space-between;gap:10px;color:var(--lab-muted);padding:0 0 15px}.lab-feature-list{min-height:562px}.lab-feature{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid var(--lab-line);background:transparent;width:100%;padding:13px 12px;text-align:left;min-height:63px;color:var(--lab-ink);border-radius:0;transition:background .15s}.lab-feature span{min-width:0}.lab-feature strong{font-size:12px;font-weight:500;line-height:1.4;display:block;overflow-wrap:anywhere}.lab-feature small{display:block;font-size:10px;color:var(--lab-muted);line-height:1.6;margin-top:3px;text-transform:capitalize}.lab-feature>svg{color:var(--lab-muted)}.lab-feature.selected{background:#eaf0ff;border-radius:7px;border-color:transparent;color:var(--lab-blue)}.lab-feature.selected>svg{color:var(--lab-blue)}.lab-feature:not(.selected):hover{background:#eceef3}.lab-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:17px;font-size:11px;color:var(--lab-muted)}.lab-pagination button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--lab-line);border-radius:6px;background:transparent}.lab-pagination button:disabled{opacity:.35;cursor:default}.lab-demo-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--lab-muted);margin-bottom:15px}.lab-demo-category{line-height:1.6}.lab-simulation-badge{padding:5px 7px;border:1px solid var(--lab-line);border-radius:5px;white-space:nowrap}.lab-demonstration{min-width:0}.lab-demonstration>h3{font:500 27px/1.3 Sora,sans-serif;letter-spacing:-.8px;text-wrap:balance}.lab-demo-description{font-size:12px;line-height:1.85;color:var(--lab-muted);margin-top:11px;max-width:620px;min-height:65px}.lab-requirement{font-size:11px;color:var(--lab-blue);margin:5px 0 12px}.lab-canvas-toolbar{background:#fff;border-bottom:1px solid #e6e8ee;border-radius:10px 10px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font-size:11px;margin-top:18px}.lab-canvas-toolbar>span{display:flex;align-items:center;gap:7px}.lab-canvas-toolbar .brand-dot{width:5px;height:5px}.lab-canvas-toolbar>div{display:flex;align-items:center;gap:8px}.lab-reset{display:flex;border:0;background:transparent;padding:9px;color:var(--lab-muted)}.lab-play{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:6px;background:var(--lab-blue);color:#fff;font:11px Public Sans,sans-serif;padding:9px 11px;min-height:34px}.lab-play:disabled{background:#dce3f2;color:#53627c;cursor:default}.lab-honesty{font-size:10px;color:var(--lab-muted);line-height:1.85;margin-top:15px;max-width:620px}.lab-honesty a{display:inline-flex;align-items:center;gap:4px;margin-left:4px;text-decoration:underline;text-underline-offset:3px;color:var(--lab-blue)}.lab-empty{display:flex;align-items:start;flex-direction:column;gap:15px;padding:35px 12px;color:var(--lab-muted);font-size:12px}.lab-empty strong{color:var(--lab-ink);font-weight:500}.lab-empty p{line-height:1.8}.lab-secondary{padding:10px 12px;border:1px solid var(--lab-line);background:transparent;border-radius:6px;font-size:11px}.lab-loading,.lab-wake{background:#eceef3;min-height:330px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;width:100%;font-size:13px;color:var(--lab-muted)}.sim{--sim-ground:#eceef3;--sim-ink:#1a1d23;--sim-soft:#5b6472;--sim-panel:#f8f9fc;--sim-line:#dde1ea}.sim-workspace{background:var(--sim-ground);color:var(--sim-ink);display:grid;grid-template-columns:minmax(120px,.72fr) minmax(0,1.28fr);gap:15px;padding:17px;min-height:342px;align-items:start;border-radius:0 0 10px 10px;position:relative}.sim-dark{--sim-ground:#131518;--sim-ink:#e8eaee;--sim-soft:#a8b0bc;--sim-panel:#1b1e24;--sim-line:#383f49}.sim-control{display:flex;flex-direction:column;gap:14px;min-width:0}.sim-control>strong{font-size:11px;font-weight:500}.sim-control>p{font-size:10px;line-height:1.6;color:var(--sim-soft)}.sim-control label,.sim-sheet label{display:flex;flex-direction:column;gap:7px;font-size:10px;line-height:1.5;min-width:0}.sim input:not([type=checkbox]):not([type=radio]):not([type=range]),.sim select,.sim textarea{width:100%;min-width:0;max-width:100%;font:11px/1.6 Public Sans,sans-serif;color:var(--sim-ink);border:1px solid var(--sim-line);border-radius:5px;background:var(--sim-panel);padding:7px 8px}.sim input[type=range]{width:100%;min-width:0;accent-color:var(--lab-blue);height:20px;margin:0}.sim input[type=checkbox],.sim input[type=radio]{accent-color:var(--lab-blue);margin:0}.sim textarea{min-height:70px;resize:vertical}.sim input[type=file]{font-size:10px!important;overflow:hidden}.sim button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--sim-line);border-radius:5px;background:var(--sim-panel);font:10px/1.4 Public Sans,sans-serif;color:var(--sim-ink);padding:7px 8px;min-height:30px;overflow-wrap:anywhere}.sim button:disabled{opacity:.5;cursor:default}.sim button[aria-pressed=true]{color:var(--lab-blue);border-color:#aebfeb;background:#f0f4ff}.sim .sim-action{background:var(--lab-blue);color:#fff;border:0;min-height:34px}.sim .sim-check{display:flex;flex-direction:row;align-items:start;gap:7px;line-height:1.6}.sim .sim-check input{margin-top:3px;flex-shrink:0}.sim-control small{color:var(--sim-soft);font-size:10px;line-height:1.75}.sim-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sim-inline>label{flex:1}.sim-inline>button{flex:1}.sim-segments{display:flex;gap:2px;padding:2px;background:#e1e5ed;border-radius:6px}.sim-segments button{background:transparent;border:0;flex:1;padding:6px;font-size:9px;text-transform:capitalize}.sim-sheet{background:#fff;border-radius:7px;color:#1a1d23;padding:20px;min-height:292px;min-width:0;position:relative;isolation:isolate;overflow-wrap:anywhere}.sim-sheet h4{font:500 26px/1.18 Sora,sans-serif;letter-spacing:-.03em;margin:22px 0 16px;overflow-wrap:anywhere}.sim-sheet p{font-size:11px;line-height:1.85;color:#5b6472;margin:10px 0 17px}.sim-sheet small{font-size:10px;line-height:1.6;color:#5b6472}.sim-sample-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;padding-bottom:14px;border-bottom:1px solid #e6e8ee;font-weight:500}.sim-sample-nav>span:not(.brand-dot){font-size:8px;font-weight:400;color:#5b6472}.sim-selected{outline:1px solid #3565eb;outline-offset:5px}.sim-faux-button{display:inline-flex;align-items:center;gap:7px;background:#3565eb;color:#fff;padding:9px 11px;border-radius:5px;font-size:9px;line-height:1.5}.sim-layout-grid{display:grid;margin-top:25px}.sim-layout-grid>div{background:#f0f3f9;border:1px solid #dfe6f4;border-radius:5px;padding:15px 8px;display:flex;align-items:start;flex-direction:column;gap:11px;color:#3565eb;min-width:0}.sim-layout-grid strong{font-size:9px;font-weight:500;color:#1a1d23;line-height:1.6}.sim-caption{font-size:9px!important;line-height:1.7;color:#5b6472}.sim-tree-row{display:flex;align-items:center;gap:3px;font-size:9px;padding:8px 0;border-bottom:1px solid var(--sim-line);flex-wrap:wrap;cursor:grab}.sim-tree-row>span{flex-basis:100%;margin-bottom:4px}.sim-tree-row button{padding:4px;min-width:24px;min-height:26px}.sim-tree-preview{margin:13px 0;display:flex;align-items:center;gap:5px}.sim-tree-preview .sim-art{height:60px;width:100%}.sim-tree-preview>strong{font:500 22px Sora,sans-serif;letter-spacing:-.5px}.sim-history-row{justify-content:start!important;font-size:10px!important;min-height:36px!important}.sim-device-area{display:flex;justify-content:center;min-width:0}.sim-device-sheet{width:100%;transition:none}.sim-device-sheet.device-mobile{width:170px;padding:15px}.sim-device-sheet.device-tablet{width:240px}.sim-device-sheet h4{font-size:25px}.sim-device-sheet .sim-art{height:90px}.sim-swatches{display:flex;gap:8px}.sim-swatches button{border:0;width:26px;height:26px;min-height:26px;border-radius:50%;padding:0}.sim-swatches button[aria-pressed=true]{outline:2px solid var(--lab-blue);outline-offset:3px}.sim-style-examples{display:flex;flex-direction:column}.sim-style-examples>div{background:#f5f7fb;border-radius:5px;min-width:0}.sim-style-examples h4{margin:0 0 14px;font-size:24px}.sim-motion-scene{overflow:hidden}.sim-motion-header{padding:12px;font-size:10px;border-bottom:1px solid #e6e8ee;position:relative;z-index:2}.sim-motion-header.stuck{background:#1a1d23;color:#fff}.sim-motion-object{display:flex;align-items:center;flex-direction:column;gap:18px;background:#eef2ff;color:#3565eb;border-radius:8px;margin:25px 10px 10px;padding:25px 12px;transition:transform .2s,opacity .2s}.sim-motion-object strong{font-size:12px;font-weight:500}.sim-condition-content,.sim-condition-empty{padding-top:26px}.sim-condition-content>svg{color:#3565eb}.sim-condition-empty{color:#5b6472;text-align:center}.sim-condition-content h4{font-size:25px}.sim-sheet code{font-size:10px;overflow-wrap:anywhere;white-space:pre-wrap}.sim-theme-part{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#eef2ff;border-radius:4px}.sim-theme-part b{font-size:9px;font-weight:500}.sim-theme-part span{font-size:7px;color:#5b6472}.sim-theme-part.transparent{background:transparent;border-bottom:1px solid #e6e8ee}.sim-theme-footer{margin-top:25px;padding-top:15px;border-top:1px solid #e6e8ee;font-size:9px;color:#5b6472;line-height:1.9}.sim-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sim-mini-grid .sim-art{height:70px}.sim-binding{display:flex;align-items:center;gap:5px;font-size:10px;color:#3565eb}.sim-post-grid{display:grid;gap:12px}.sim-post-grid article{min-width:0}.sim-post-grid .sim-art{height:70px;margin-bottom:8px}.sim-post-grid article>strong{font-size:10px;line-height:1.6;display:block;margin-top:4px;font-weight:500}.sim-post-grid article>span{font-size:9px;color:#5b6472}.sim-post-grid article>small{font-size:8px}.sim-alternate{background:#eef2ff;padding:6px;border-radius:5px}.sim-popup-scene{overflow:hidden;position:relative}.sim-popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1d2350;display:flex;align-items:center;justify-content:center;z-index:3}.sim-popup{background:#fff;color:#1a1d23;width:85%;padding:23px 15px;border-radius:8px;position:relative;text-align:center}.sim-popup h4{font-size:23px}.sim-popup p{font-size:10px}.sim-popup .sim-close{position:absolute;right:5px;top:5px;border:0;background:transparent}.sim-popup.popup-side-panel{width:80%;height:100%;border-radius:0;margin-left:auto}.sim-popup.popup-top-bar,.sim-popup.popup-bottom-bar{width:100%;border-radius:0;position:absolute;left:0;padding:16px 10px}.sim-popup.popup-top-bar{top:0}.sim-popup.popup-bottom-bar{bottom:0}.sim-popup.popup-top-bar h4,.sim-popup.popup-bottom-bar h4{font-size:17px;margin:8px}.sim-popup.popup-top-bar p,.sim-popup.popup-bottom-bar p{display:none}.sim-popup.popup-full-screen{width:100%;height:100%;border-radius:0;padding-top:60px}.sim-field-preview{padding:12px;background:var(--sim-panel);border-radius:6px}.sim-sheet form{display:flex;flex-direction:column;gap:13px}.sim-sheet form h4{margin:0 0 5px;font-size:26px}.sim-error{font-size:10px!important;color:#af2e2e!important;margin:0!important}.sim-success{padding-top:15px}.sim-success>svg{color:#3565eb}.sim-success h4{font-size:24px}.sim-workflow-row{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.6;margin:18px 0;color:#5b6472}.sim-workflow-row.complete{color:#3565eb}.sim-step-dot{width:5px;height:5px;background:#c3cad7;border-radius:50%;margin:0 5px}.sim-component-instance{padding:16px 0;border-bottom:1px solid #e6e8ee}.sim-component-instance>span{font-size:9px;color:#6f52b8;display:flex;align-items:center;gap:5px}.sim-component-instance h4{font-size:21px;margin:13px 0}.sim-file-row,.sim-inbox-row{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.7;margin:17px 0}.sim-file-row>svg{color:#3565eb}.sim-file-row>svg:last-child:not(:first-child){margin-left:auto}.sim-assets>svg{margin:32px 0 12px;color:#3565eb}.sim-note{padding:13px;background:#f4f6fb;border-radius:6px;margin-top:20px}.sim-note button{margin-top:10px}.sim-note>p{margin:12px 0;font-size:10px}.sim-note>small{display:block;margin-top:9px}.sim-sheet pre{background:#f4f6fa;padding:14px;border-radius:6px;max-width:100%;overflow:auto;font-size:10px;line-height:1.8;white-space:pre-wrap;margin:17px 0;word-break:break-word}.sim-inbox-row{border-bottom:1px solid #e6e8ee;padding:12px 0}.sim-inbox-row>small{margin-left:auto;font-size:9px}.sim-tablist{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #e6e8ee;padding-bottom:12px}.sim-tablist button{border:0;background:transparent}.sim-tablist button[aria-selected=true]{background:#eef2ff;color:#3565eb}.sim-accordion{border-bottom:1px solid #e6e8ee}.sim-accordion>button{width:100%;text-align:left;justify-content:space-between;border:0;background:transparent;padding:16px 0}.sim-accordion>p{margin:0 0 15px;font-size:10px}.sim-art{background:#e5ebf6;border-radius:5px;position:relative;overflow:hidden;isolation:isolate}.sim-art:before,.sim-art:after{content:"";position:absolute;z-index:-1}.art-0{background:#e7edfa}.art-0:before{height:90%;width:45%;background:#3565eb;border-radius:80px 80px 0 0;bottom:0;left:15%}.art-0:after{height:70%;aspect-ratio:1;background:#bbc9e8;border-radius:50%;top:12%;right:10%}.art-1{background:#edf0f6}.art-1:before{width:60%;height:60%;left:20%;top:20%;background:#a8bce8;transform:rotate(-20deg)}.art-1:after{width:45%;height:75%;left:32%;top:15%;border:12px solid #3565eb;border-radius:60px}.art-2{background:#dae3f9}.art-2:before{width:50%;height:80%;background:#1a1d23;left:10%;bottom:0;border-radius:60px 60px 0 0}.art-2:after{width:45%;height:60%;background:#92a8d9;right:10%;top:10%;border-radius:50%}.sim-art>span{font:500 66px Sora,sans-serif;position:relative;color:#fff;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;transition:transform .2s}.sim-large-art{height:180px}.sim-media-scene{position:relative;overflow:hidden}.sim-lightbox{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1d23;z-index:5;padding:38px 18px 18px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:15px;font-size:10px}.sim-lightbox>.sim-art{height:190px;width:100%}.sim-lightbox>.sim-close{position:absolute;right:7px;top:5px;background:transparent;border:0;color:#fff}.sim-carousel-art{height:100px}.sim-dots{display:flex;gap:7px;margin-top:18px}.sim-dots button{height:7px;min-height:7px;width:7px;border:0;border-radius:50%;padding:0;background:#c5cddd}.sim-dots button[aria-pressed=true]{background:#3565eb;outline:2px solid #b4c6fa;outline-offset:2px}.sim-links-scene h4{font-size:26px}.sim-action-stack{display:flex;flex-direction:column;gap:10px;max-width:230px;margin-top:20px}.sim-action-stack>.sim-action{padding:12px;justify-content:space-between}.sim-price{font:500 24px Sora,sans-serif;display:block;margin:14px 0}.sim-price small{font:10px Public Sans,sans-serif}.sim-price del{color:#5b6472;font-size:16px}.sim-metric{padding-top:25px}.sim-big-number{font:500 50px/1.3 Sora,sans-serif;letter-spacing:-2px;color:#3565eb;display:block;margin:25px 0}.sim-meter{height:10px;background:#edf0f6;border-radius:5px;overflow:hidden;margin:35px 0 15px}.sim-meter>span{height:100%;display:block;background:#3565eb;transition:none}.sim-stars{display:flex;gap:5px;color:#3565eb;margin:35px 0 25px}.sim-flip-space{perspective:800px}.sim-flip{position:relative;height:250px;transform-style:preserve-3d;transition:transform .45s}.sim-flip.flipped{transform:rotateY(180deg)}.sim-flip-front,.sim-flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:6px;padding:28px 18px;background:#eef2ff;text-align:center}.sim-flip-back{transform:rotateY(180deg);background:#1a1d23;color:#fff}.sim-flip-back p{color:#bdc4d3}.sim-flip-front>svg{color:#3565eb}.sim-flip-front h4,.sim-flip-back h4{font-size:24px}.sim-search-result{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #e6e8ee;font-size:11px}.sim-search-result>span{flex:1}.sim-search-result small{display:block;font-size:9px;margin-top:5px}.sim-example-menu{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:9px}.sim-example-menu>strong{flex-basis:100%;font-size:12px;font-weight:500;margin-bottom:10px}.sim-example-menu button{border:0;background:transparent}.sim-example-menu.vertical{flex-direction:column;align-items:start}.sim-mega-content{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 0}.sim-mega-content strong{font-size:10px}.sim-mega-content p{font-size:10px;line-height:2}.sim-mega-content .sim-art{height:90px}.sim-product-art{height:85px;margin:15px 0}.sim-cart-summary{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #e6e8ee;border-bottom:1px solid #e6e8ee;font-size:11px;margin-bottom:13px}.sim-cart-summary strong{margin-left:auto;color:#3565eb;font-weight:500}.sim-payments{padding-top:35px}.sim-payments>svg{color:#3565eb}.sim-embed{min-height:240px;background:#f2f4f8;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;gap:18px;border-radius:5px}.sim-embed>svg{color:#3565eb}.sim-embed>strong{font-size:14px;font-weight:500}.sim-embed>p{margin:0;font-size:10px}.sim-hotspot-art{height:245px;position:relative}.sim-hotspot-art>button{position:absolute;border:1px solid #fff;border-radius:50%;background:#3565eb;color:#fff;height:28px;min-height:28px;width:28px;z-index:1;padding:0;transform:translate(-50%,-50%)}.sim-hotspot-label{position:absolute;bottom:10px;left:10px;right:10px;padding:10px;background:#fff;border-radius:4px;font-size:11px;z-index:3}.sim-hotspot-label>small{display:block;font-size:9px;margin-top:5px}.sim-anchor-target{margin-top:25px;background:#eef2ff;padding:15px;border-radius:5px}.sim-anchor-target h4{font-size:23px;margin:12px 0}.sim-walkthrough{display:flex;align-items:stretch;gap:4px;padding-top:13px}.sim-walkthrough button{flex:1;display:flex;align-items:start;gap:7px;background:transparent;border:0;padding:8px 5px;color:#5b6472;font-size:9px;line-height:1.6;text-align:left;min-width:0}.sim-walkthrough button>span{font-size:9px;flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#e4e8f0;border-radius:50%}.sim-walkthrough button[aria-pressed=true]{color:#3565eb}.sim-walkthrough button[aria-pressed=true]>span{background:#3565eb;color:#fff}.sim-status{font-size:10px;line-height:1.75;min-height:32px;margin-top:9px;color:#5b6472}.sim button:focus-visible,.sim input:focus-visible,.sim select:focus-visible,.sim textarea:focus-visible{outline:2px solid #3565eb;outline-offset:3px}.sim button:hover:not(:disabled){filter:brightness(.97)}.sim input:disabled{opacity:.5}@media(max-width:1100px){.lab-layout{grid-template-columns:minmax(215px,.4fr) minmax(0,1fr);gap:24px}.sim-workspace{grid-template-columns:minmax(105px,.7fr) minmax(0,1.3fr);padding:13px;gap:12px}.sim-sheet{padding:16px}.sim-sheet h4{font-size:24px}.lab-canvas-toolbar{padding:11px}.lab-feature{padding-left:8px;padding-right:8px}.lab-demonstration>h3{font-size:25px}}@media(max-width:900px){.lab-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.sim-workspace{grid-template-columns:1fr}.sim-control{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sim-control>small,.sim-control>p,.sim-control>.sim-tree-row,.sim-control>.sim-inline,.sim-control>.sim-segments,.sim-control>.sim-field-preview{grid-column:1/-1}.sim-sheet{min-height:250px}.lab-simulation-badge{font-size:9px}.sim-device-sheet.device-mobile{width:190px}.sim-device-sheet.device-tablet{width:260px}.sim-walkthrough{flex-direction:column;gap:0}.sim-walkthrough button{font-size:10px;align-items:center;padding:7px 0}.sim-tree-row>span{flex:1;margin:0}.sim-post-grid .sim-art{height:90px}}@media(max-width:650px){.lab-tools{flex-direction:column;align-items:stretch;gap:8px;margin-top:25px;padding:13px 0}.lab-search{padding:0 4px}.lab-search input{font-size:13px;min-height:38px}.lab-category{border-left:0;padding-left:4px;justify-content:space-between}.lab-category select{max-width:none;flex:1;font-size:12px;min-height:38px}.lab-layout{grid-template-columns:1fr;gap:27px;margin-top:18px}.lab-feature-list{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:5px 9px}.lab-feature{min-height:68px;padding:10px 7px;align-items:start}.lab-feature>svg{width:12px;margin-top:2px}.lab-feature strong{font-size:11px;line-height:1.5}.lab-feature small{font-size:9px}.lab-resultline{font-size:10px}.lab-feature-list .lab-empty{grid-column:1/-1;padding:25px 8px}.lab-pagination{margin-top:10px}.lab-pagination button{height:38px;width:38px}.lab-demo-title{margin-bottom:12px}.lab-demonstration>h3{font-size:25px}.lab-demo-description{min-height:0;margin-bottom:20px;font-size:12px}.lab-canvas-toolbar>span{font-size:10px;gap:5px}.lab-canvas-toolbar>div{gap:3px}.lab-play{font-size:10px;padding:9px;min-height:36px}.lab-reset{padding:8px}.sim-workspace{padding:14px;gap:15px}.sim input:not([type=checkbox]):not([type=radio]):not([type=range]),.sim select,.sim textarea{font-size:16px;min-height:40px;padding:8px}.sim button{min-height:36px;font-size:11px;padding:8px}.sim-control label,.sim-sheet label,.sim-control small{font-size:11px}.sim-sheet{padding:20px;min-height:270px}.sim-sheet h4{font-size:27px}.sim-sheet p{font-size:12px}.sim-walkthrough button{min-height:40px;font-size:11px}.sim-status,.lab-honesty{font-size:11px}.sim-tree-row button{min-height:32px;min-width:32px;padding:5px}.sim-dots button{min-height:8px;width:8px;height:8px;padding:0}.sim-swatches button{min-height:30px;width:30px}.sim-art>span{font-size:65px}.sim-hotspot-art>button{min-height:32px;width:32px;height:32px}.sim-tablist{gap:2px}.sim-tablist button{font-size:10px;padding:8px}.sim-sheet .sim-action{min-height:40px}.sim-control>.sim-tree-row{gap:4px}.sim-control>.sim-tree-row>span{flex-basis:100%}.sim-big-number{font-size:45px}}@media(max-width:360px){.lab-feature-list{gap:4px}.lab-feature strong{font-size:10px}.lab-feature small{font-size:8px}.lab-canvas-toolbar{flex-wrap:wrap;gap:10px}.lab-canvas-toolbar>div{margin-left:auto}.sim-control{grid-template-columns:1fr}.sim-workspace{padding:10px}.sim-sheet{padding:15px}.sim-sheet h4{font-size:24px}.sim-layout-grid{gap:8px!important}.sim-theme-part{flex-wrap:wrap}.sim-device-sheet.device-mobile{width:165px}.lab-demo-title{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.sim-device-sheet,.sim-motion-object,.sim-meter>span,.sim-flip,.sim-art>span{transition:none}.sim-flip.flipped{transform:none}.sim-flip.flipped .sim-flip-front{visibility:hidden}.sim-flip.flipped .sim-flip-back{transform:none}}.lab-mobile-back{display:none}.lab-demonstration{scroll-margin-top:20px}@media(max-width:650px){.lab-mobile-back{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;font-size:11px;color:#5b6472;padding:7px 0;margin-bottom:17px;min-height:36px}}.sim-device-sheet.device-mobile-xl{max-width:195px}.sim-device-sheet.device-tablet-xl{max-width:265px}.sim-device-sheet.device-laptop{max-width:90%}.sim-device-sheet.device-widescreen{max-width:100%}.sim-local-video{width:100%;height:auto;display:block;aspect-ratio:16/9;background:#f4f5f8;border-radius:5px;margin-top:18px}.sim button{font-size:11px}.sim-control label,.sim-control>strong{font-size:11px}.sim-control small,.sim-walkthrough button,.sim-status,.lab-honesty{font-size:11px}.lab-picker{margin-top:40px}.lab-tabs-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--lab-line)}.lab-tabs{flex:1;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;mask:linear-gradient(90deg,#000 92%,transparent);min-width:0}.lab-tabs::-webkit-scrollbar{display:none}[dir=rtl] .lab-tabs{mask:linear-gradient(270deg,#000 92%,transparent)}.lab-tabs button{flex-shrink:0;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:14px 12px;font-size:13px;font-weight:500;color:var(--lab-muted);white-space:nowrap;box-shadow:inset 0 -2px 0 transparent;transition:color .15s,box-shadow .15s}.lab-tabs button small{font-size:10px;font-weight:500;color:#8a93a3;background:#e8ebf1;border-radius:20px;padding:2px 7px}.lab-tabs button:hover{color:var(--lab-ink)}.lab-tabs button.active{color:var(--lab-ink);box-shadow:inset 0 -2px 0 var(--lab-blue)}.lab-tabs button.active small{background:var(--lab-blue);color:#fff}.lab-find{flex:1;display:flex;align-items:center;gap:10px;color:var(--lab-muted);padding:6px 4px}.lab-find input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:14px;color:var(--lab-ink);padding:8px 0;outline:none}.lab-find-toggle{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--lab-line);border-radius:10px;background:#fff;color:var(--lab-ink)}.lab-find-toggle:hover{border-color:var(--lab-blue);color:var(--lab-blue)}.lab-chips{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 0}.lab-chips>button{border:1px solid var(--lab-line);background:#fff;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:500;color:var(--lab-ink);transition:border-color .15s,background .15s,color .15s}.lab-chips>button:hover{border-color:#b9c6e8}.lab-chips>button.active{background:var(--lab-ink);border-color:var(--lab-ink);color:#fff}.lab-chips>.lab-chips-more{background:transparent;border-style:dashed;color:var(--lab-blue)}.lab-chips .lab-empty{width:100%;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--lab-muted);padding:6px 0}.lab-chips .lab-empty p{margin:0}.lab-stage{margin-top:26px;background:#fff;border:1px solid var(--lab-line);border-radius:18px;overflow:hidden;box-shadow:0 18px 50px #1b2a450d}.lab-stage-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 26px 18px}.lab-stage-kicker{font-size:11px;color:var(--lab-blue);font-weight:500}.lab-stage-head h3{font:500 28px/1.25 Sora,sans-serif;letter-spacing:-.8px;margin-top:6px}.lab-stage-head p{font-size:13px;line-height:1.75;color:var(--lab-muted);margin-top:6px;max-width:620px}.lab-stage-head .lab-requirement{color:var(--lab-blue);font-size:12px}.lab-stage-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.lab-stage .lab-play{font-size:12px;padding:11px 15px;min-height:40px;border-radius:9px}.lab-stage .lab-wake{margin:0 26px 26px}.lab-stage .lab-loading{padding:0 26px 26px}.feature-lab>.lab-honesty{max-width:none;margin-top:14px}html[lang=ar] .lab-stage-head h3{font-family:Tajawal,sans-serif;letter-spacing:0;line-height:1.5}.lab-stage .sim{display:flex;flex-direction:column}.lab-stage .sim-walkthrough{display:none}.lab-stage .sim-status{order:-1;margin:0;padding:10px 26px;min-height:0;font-size:12px;color:var(--lab-ink);background:#f7f9fd;border-top:1px solid #e9ecf3;border-bottom:1px solid #e9ecf3}.lab-stage .sim-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lab-blue);margin-inline-end:9px;vertical-align:1px}.lab-stage .sim-workspace{border-radius:0;padding:28px 26px 26px;gap:22px;grid-template-columns:minmax(170px,.62fr) minmax(0,1.38fr);min-height:400px}.lab-stage .sim-sheet{min-height:340px;transition:box-shadow .3s}.sim-control:before{content:var(--sim-controls-label);grid-column:1/-1;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lab-muted)}.sim-sheet:before{content:var(--sim-preview-label);position:absolute;top:-10px;inset-inline-start:16px;z-index:5;font:600 10px/1 Public Sans,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--lab-blue);background:#fff;border:1px solid #c9d6fb;border-radius:20px;padding:4px 9px}.sim-dark .sim-sheet:before{background:#1a1d23;border-color:#3a4458;color:#9fb6ff}html[lang=ar] .sim-control:before,html[lang=ar] .sim-sheet:before{font-family:Tajawal,sans-serif;letter-spacing:0;text-transform:none;font-size:11px}.sim-workspace.sim-flash>.sim-sheet{box-shadow:0 0 0 2px #3565eb66,0 8px 24px #3565eb1f}.sim-fresh .sim-start{animation:sim-start 1.6s ease-out infinite;position:relative;z-index:1}@keyframes sim-start{0%{box-shadow:0 0 #3565eb73}70%,to{box-shadow:0 0 0 8px #3565eb00}}@media(max-width:900px){.lab-stage .sim-workspace{grid-template-columns:1fr}.lab-stage .sim-sheet{order:-1;min-height:260px}}@media(max-width:650px){.lab-picker{margin-top:28px}.lab-tabs button{padding:12px 9px;font-size:12px}.lab-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:16px 16px 4px}.lab-chips::-webkit-scrollbar{display:none}.lab-chips>button{flex-shrink:0}.lab-stage{border-radius:14px;margin-top:18px}.lab-stage-head{flex-direction:column;gap:14px;padding:18px 16px 14px}.lab-stage-head h3{font-size:23px}.lab-stage-actions{width:100%}.lab-stage .lab-play{flex:1;justify-content:center}.lab-stage .sim-status{padding:10px 16px}.lab-stage .sim-workspace{padding:24px 14px 16px}}@media(prefers-reduced-motion:reduce){.sim-fresh .sim-start{animation:none;box-shadow:0 0 0 2px #3565eb73}.lab-stage .sim-sheet{transition:none}}.lab-stage-sub{text-transform:capitalize}