@font-face{font-family:IBM Plex Sans Arabic;font-weight:400;font-display:swap;src:url(/assets/fonts/plex-arabic-400.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-weight:500;font-display:swap;src:url(/assets/fonts/plex-arabic-500.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-weight:600;font-display:swap;src:url(/assets/fonts/plex-arabic-600.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-weight:700;font-display:swap;src:url(/assets/fonts/plex-arabic-700.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{--bg:#fff;--surface:#fff;--sunk:#eefaf4;--ink:#0e1f17;--muted:#54675e;--line:#dceee5;--accent:#00c27a;--accent-text:#007a51;--accent-ink:#04291a;--peri:#8ff0c4;--ok:#a57a00;--danger:#c93838;--accent-grad:linear-gradient(135deg, #009e5f 0%, #00c27a 50%, #34dc9a 100%);--band-bg:linear-gradient(135deg, #00c27a, #0bcf85);--band-ink:#04291a;--glow-1:#00c27a29;--glow-2:#0bcf8533;--shadow:0 1px 2px #06281a0f, 0 18px 40px -18px #06281a38;--show-to-day:none;--show-to-night:inline-grid;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html:has(.admin-day){--bg:#fff;--surface:#fff;--sunk:#eefaf4;--ink:#0e1f17;--muted:#54675e;--line:#dceee5;--accent:#00c27a;--accent-text:#007a51;--accent-ink:#04291a;--peri:#8ff0c4;--ok:#a57a00;--danger:#c93838;--accent-grad:linear-gradient(135deg, #009e5f 0%, #00c27a 50%, #34dc9a 100%);--band-bg:linear-gradient(135deg, #00c27a, #0bcf85);--band-ink:#04291a;--glow-1:#00c27a29;--glow-2:#0bcf8533;--shadow:0 1px 2px #06281a0f, 0 18px 40px -18px #06281a38;--show-to-day:none;--show-to-night:inline-grid;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light]:not(:has(.admin-night)){--bg:#fff;--surface:#fff;--sunk:#eefaf4;--ink:#0e1f17;--muted:#54675e;--line:#dceee5;--accent:#00c27a;--accent-text:#007a51;--accent-ink:#04291a;--peri:#8ff0c4;--ok:#a57a00;--danger:#c93838;--accent-grad:linear-gradient(135deg, #009e5f 0%, #00c27a 50%, #34dc9a 100%);--band-bg:linear-gradient(135deg, #00c27a, #0bcf85);--band-ink:#04291a;--glow-1:#00c27a29;--glow-2:#0bcf8533;--shadow:0 1px 2px #06281a0f, 0 18px 40px -18px #06281a38;--show-to-day:none;--show-to-night:inline-grid;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--f-display:"Bricolage Grotesque", "Figtree", system-ui, sans-serif;--f-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not(:has(.admin-day)){--bg:#07110d;--surface:#0f1c16;--sunk:#0b1712;--ink:#eaf7f0;--muted:#9db7ab;--line:#1e3529;--accent:#0bcf85;--accent-text:#0bcf85;--accent-ink:#04291a;--peri:#0e8a58;--ok:#fd6;--danger:#ff7a7a;--accent-grad:linear-gradient(135deg, #00b872 0%, #0bcf85 50%, #4fe6ab 100%);--band-bg:#0b5e3d;--band-ink:#eaf7f0;--glow-1:transparent;--glow-2:transparent;--shadow:0 1px 2px #0006, 0 18px 44px -16px #000000bf;--show-to-day:inline-grid;--show-to-night:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html:has(.admin-night){--bg:#07110d;--surface:#0f1c16;--sunk:#0b1712;--ink:#eaf7f0;--muted:#9db7ab;--line:#1e3529;--accent:#0bcf85;--accent-text:#0bcf85;--accent-ink:#04291a;--peri:#0e8a58;--ok:#fd6;--danger:#ff7a7a;--accent-grad:linear-gradient(135deg, #00b872 0%, #0bcf85 50%, #4fe6ab 100%);--band-bg:#0b5e3d;--band-ink:#eaf7f0;--glow-1:transparent;--glow-2:transparent;--shadow:0 1px 2px #0006, 0 18px 44px -16px #000000bf;--show-to-day:inline-grid;--show-to-night:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark]:not(:has(.admin-day)){--bg:#07110d;--surface:#0f1c16;--sunk:#0b1712;--ink:#eaf7f0;--muted:#9db7ab;--line:#1e3529;--accent:#0bcf85;--accent-text:#0bcf85;--accent-ink:#04291a;--peri:#0e8a58;--ok:#fd6;--danger:#ff7a7a;--accent-grad:linear-gradient(135deg, #00b872 0%, #0bcf85 50%, #4fe6ab 100%);--band-bg:#0b5e3d;--band-ink:#eaf7f0;--glow-1:transparent;--glow-2:transparent;--shadow:0 1px 2px #0006, 0 18px 44px -16px #000000bf;--show-to-day:inline-grid;--show-to-night:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[lang=ar]{--f-display:var(--f-body);--f-body:"IBM Plex Sans Arabic", "Figtree", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6}img,svg{max-width:100%}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;letter-spacing:-.02em;margin:0}h1{font-size:clamp(2.2rem,5.2vw,3.6rem);font-weight:750;line-height:1.05}h2{font-size:clamp(1.45rem,2.6vw,2rem);font-weight:700;line-height:1.12}h3{font-size:1.2rem;font-weight:700;line-height:1.2}p{margin:0}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.3}.muted{color:var(--muted)}.lead{color:var(--muted);max-width:34em;font-size:1.15rem}code{font-family:var(--f-mono);font-size:.9em}.wrap{max-width:1180px;padding-inline:max(32px, env(safe-area-inset-left,0px));margin-inline:auto}@media (max-width:720px){.wrap{padding-inline:max(16px, env(safe-area-inset-left,0px))}}@media (max-width:600px){body{font-size:1rem}}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);font-size:.8rem;font-weight:700}html[lang=ar] .eyebrow{letter-spacing:0;font-size:.95rem}.btn{font:600 1rem/1 var(--f-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.85em 1.35em;text-decoration:none;transition:transform .15s,background-color .15s,border-color .15s;display:inline-flex}.btn svg{flex:none;width:1.15em;height:1.15em}.btn-primary{background:var(--accent-grad);color:var(--accent-ink);position:relative;overflow:hidden;box-shadow:0 8px 20px -12px #008c55b3}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px -12px #008c55cc}.btn-primary:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff59 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover:after{transition:transform .7s;transform:translate(120%)}.btn-ghost{border-color:var(--line);background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--sunk) 75%, var(--surface)));color:var(--ink)}.btn-ghost:hover{border-color:var(--accent)}.btn-sm{padding:.65em 1.05em;font-size:.9rem}.btn-block{width:100%}.btn-danger{color:var(--danger)}.btn-danger:hover{border-color:var(--danger)}.btn-wa{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent-text)}.btn:disabled{opacity:.65;cursor:progress}.link-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.site-head{z-index:20;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.head-row{align-items:center;gap:24px;min-height:68px;display:flex}.head-actions{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.brand{font:700 1.3rem/1 var(--f-display);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}html[lang=ar] .brand{letter-spacing:0}.brand svg{width:52px;height:26px}.lang-btn,.icon-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);font:700 .8rem/1 var(--f-body);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;transition:border-color .15s;display:inline-grid}.lang-btn[lang=ar]{font-family:IBM Plex Sans Arabic,sans-serif;font-size:1.05rem}.lang-btn:hover,.icon-btn:hover{border-color:var(--accent)}.icon-btn svg{width:18px;height:18px}.theme-btns{display:contents}.theme-to-day{display:var(--show-to-day)}.theme-to-night{display:var(--show-to-night)}.field{gap:8px;min-width:0;display:grid}.field>label,.field>.label{font-size:.95rem;font-weight:600}.hint{color:var(--muted);font-size:.86rem;font-weight:400}.input{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.85em .95em;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.input[type=tel]{direction:ltr}html[dir=rtl] .input[type=tel]{text-align:right}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:460px){.two{grid-template-columns:1fr}}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{display:inline-flex;position:relative}.choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.choice span{border:1px solid var(--line);background:var(--bg);border-radius:999px;align-items:center;gap:6px;padding:.62em 1em;font-size:.93rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.choice:hover span{border-color:var(--accent)}.choice input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.choice input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.chip-btn{font:500 .88rem/1 var(--f-body);border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:999px;padding:.55em .9em}.chip-btn:hover{border-color:var(--accent)}.chip-btn.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.swatches{flex-wrap:wrap;gap:14px;display:flex}.swatch-pick{display:inline-flex;position:relative}.swatch-pick input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.swatch-pick span{width:40px;height:40px;box-shadow:0 0 0 3px var(--surface), 0 0 0 4px var(--line);border-radius:50%;transition:transform .15s,box-shadow .15s;display:block}.swatch-pick:hover span{transform:scale(1.06)}.swatch-pick input:checked+span{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--ink);transform:scale(1.1)}.swatch-pick input:focus-visible+span{outline:2px solid var(--accent);outline-offset:5px}.color-row{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:8px 12px;font-size:.92rem;font-weight:500;display:flex}.color-row input{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;width:36px;height:36px;padding:0;overflow:hidden}.color-row input::-webkit-color-swatch-wrapper{padding:0}.color-row input::-webkit-color-swatch{border:1px solid var(--line);border-radius:50%}.color-row input::-moz-color-swatch{border:1px solid var(--line);border-radius:50%}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;font-size:.95rem;font-weight:500;display:flex}.switch{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex:none;width:44px;height:26px;margin:0;transition:background-color .18s;position:relative}.switch:after{content:"";top:3px;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(18px)}html[dir=rtl] .switch:checked:after{transform:translate(-18px)}.form-error{color:var(--danger);font-size:.92rem;font-weight:600;animation:.35s shake}.sub-box{background:var(--sunk);border-radius:12px;gap:6px;padding:12px 14px;font-size:.94rem;display:grid}.sub-box .label{color:var(--muted);font-size:.85rem;font-weight:600}.m-sub{border-block:1px solid var(--line);gap:10px;padding-block:12px;display:grid}.m-sub-line{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.94rem;display:flex}.m-offer{flex-wrap:wrap;gap:8px;width:100%;min-width:0;display:flex}.m-offer .btn,.m-offer-wide{flex:100%}.m-offer select{flex:100%;min-width:0;padding-block:.6em;font-size:.92rem}.m-history{font-size:.9rem}.m-history summary{cursor:pointer;font-weight:600}.m-history ol{gap:8px;max-height:320px;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.m-history li{background:var(--sunk);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.m-history li>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;display:flex}.m-history small{font-size:.8rem}.m-history-reset{justify-items:start;gap:8px;margin-top:12px;display:grid}.m-role{color:var(--accent-text);background:var(--sunk);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}@media (max-width:480px){.m-role{display:none}}.tag{background:var(--sunk);color:var(--ok);border-radius:999px;flex:none;padding:3px 10px;font-size:.74rem;font-weight:700}.tag-active,.tag-running{color:var(--accent-text);background:color-mix(in srgb, var(--accent) 14%, transparent)}.tag-upcoming{color:var(--ink);background:color-mix(in srgb, var(--accent) 26%, transparent)}.tag-done{color:var(--muted);background:var(--sunk)}.tag-expired,.tag-suspended{color:#fff;background:var(--danger)}.tag-none{color:var(--muted);background:var(--sunk)}@keyframes shake{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.band-page{background:var(--band-bg);min-height:100dvh;color:var(--band-ink);flex-direction:column;align-items:center;gap:28px;padding-block:18px 48px;display:flex}.band-top{justify-content:space-between;align-items:center;width:100%;display:flex}.brand-light{color:var(--band-ink)}.band-top .lang-btn{color:var(--band-ink);border-color:color-mix(in srgb, var(--band-ink) 35%, transparent)}.survey-card{background:var(--surface);color:var(--ink);border-radius:24px;min-width:0;padding:32px;box-shadow:0 40px 80px -40px #0009}.band-card{width:min(460px,100% - 32px);margin-block:auto;animation:.6s cubic-bezier(.2,.8,.2,1) backwards rise}.band-h{font-size:clamp(1.8rem,5vw,2.3rem)}.band-out{text-align:center;margin-top:18px;font-size:.9rem}@media (max-width:480px){.survey-card{padding:24px 20px}}.glow{min-height:100dvh}.glow:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(max(38vw, 240px) 70vh at -6% 28%, var(--glow-1), transparent 70%), radial-gradient(max(38vw, 240px) 70vh at 106% 72%, var(--glow-2), transparent 70%);position:fixed;inset:0}.m-page{gap:40px;padding-block:48px 80px;display:grid}.m-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;animation:.7s cubic-bezier(.2,.8,.2,1) backwards rise;display:flex}.m-hero-text{flex:340px;gap:12px;min-width:0;display:grid}.m-facts{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.m-facts li{gap:2px;min-width:0;padding:18px 22px;display:grid}.m-facts li+li{border-inline-start:1px solid var(--line)}.m-facts b{font:750 clamp(1.7rem, 4vw, 2.4rem)/1 var(--f-display);color:var(--accent-text)}.m-facts span{color:var(--muted);overflow-wrap:anywhere;font-size:.9rem;font-weight:500}@media (max-width:480px){.m-facts li{padding:14px 12px}.m-facts span{font-size:.8rem}}.m-sec{gap:20px;min-width:0;display:grid}.m-sec-head{gap:6px;display:grid}.m-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;display:grid}.m-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:14px;min-width:0;padding:24px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;display:flex}.m-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.m-card-head{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.m-card-head>*{overflow-wrap:anywhere;min-width:0}.m-dl{gap:8px;margin:0;font-size:.94rem;display:grid}.m-dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding-bottom:8px;display:flex}.m-dl dt{color:var(--muted);flex:none}.m-dl dd{text-align:end;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600}html[dir=rtl] .m-dl dd[dir=ltr]{text-align:left}.m-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.m-empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:18px;padding:28px}.m-flash{background:var(--sunk);border:1px solid var(--accent);border-radius:22px;gap:12px;padding:24px;animation:.5s cubic-bezier(.2,.8,.2,1) backwards rise;display:grid}.m-flash h2{font-size:1.25rem}.m-flash dl{flex-wrap:wrap;gap:12px 32px;margin:0;display:flex}.m-flash dt{color:var(--muted);font-size:.85rem}.m-flash dd{overflow-wrap:anywhere;direction:ltr;margin:0;font-size:1.1rem;font-weight:600}.m-flash .m-actions{margin-top:0}.m-shop{min-width:0;color:var(--ink);background:var(--sunk);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.m-shop>span{object-fit:contain;width:42px;height:42px;color:var(--g-ink);box-shadow:0 0 0 2px var(--g-accent);font:700 1.1rem/1 var(--f-display);background:#fff;border-radius:50%;flex:none;place-items:center;padding:3px;display:grid}.m-shop>div{min-width:0;display:grid}.m-shop b{font-family:var(--f-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-shop small{opacity:.8;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;font-size:.8rem;overflow:hidden}.perm-list{border-bottom:1px solid var(--line);gap:10px;padding-bottom:12px;display:grid}.sheet{color:var(--ink);background:var(--surface);overscroll-behavior:contain;border:0;border-radius:24px;width:min(520px,100% - 32px);max-height:min(86dvh,820px);padding:0;overflow:auto;box-shadow:0 40px 80px -30px #0009}.sheet[open]{animation:.28s cubic-bezier(.2,.8,.2,1) sheet-pop}.sheet::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140a0e80}.sheet-body{gap:18px;padding:0 24px 24px;display:grid}.sheet-head{z-index:2;background:var(--surface);justify-content:space-between;align-items:center;gap:12px;margin-bottom:-6px;padding-block:18px 12px;display:flex;position:sticky;top:0}.sheet-head h2{font-size:1.35rem}.sheet-form{gap:18px;min-width:0;display:grid}.sheet-actions{z-index:2;background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-inline:-24px;padding:12px 24px;display:flex;position:sticky;bottom:0}.sheet-body:has(.sheet-actions){padding-bottom:0}.sheet-actions .btn-primary{margin-inline-start:auto}.sheet-empty{color:var(--muted);text-align:center;padding:32px 0 24px}.sheet-logout{padding-block:0 20px}.sheet-live{margin-inline-end:24px}.sheet-live::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.sheet-logout .btn{width:100%}.affix-copy{border:1px dashed var(--line);background:var(--sunk);direction:ltr;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:8px 8px 8px 12px;display:flex}.affix-copy code{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}@keyframes sheet-pop{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes sheet-up{0%{transform:translateY(100%)}}@media (max-width:600px){.sheet{border-radius:22px 22px 0 0;width:100%;max-width:100%;max-height:90dvh;margin:auto 0 0}.sheet[open]{animation:.3s cubic-bezier(.2,.8,.2,1) sheet-up}.sheet-body{padding:0 18px calc(20px + env(safe-area-inset-bottom,0px))}.sheet-actions{padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));margin-inline:-18px}.sheet-actions .btn{flex:1}.sheet-live{max-height:58dvh;margin-inline-end:0}.sheet-live .swatches{scrollbar-width:none;flex-wrap:nowrap;margin:-6px;padding:6px;overflow-x:auto}.sheet-live .swatch-pick{flex:none}}.photo-pick{aspect-ratio:16/9;border:1.5px dashed var(--line);background:var(--sunk);cursor:pointer;border-radius:16px;place-items:center;width:100%;min-height:160px;transition:border-color .15s;display:grid;position:relative;overflow:hidden}.photo-pick:hover{border-color:var(--accent)}.photo-pick input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.photo-pick img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo-pick-cta{background:var(--surface);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:.6em 1em;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;box-shadow:0 2px 10px #00000024}.photo-pick-cta svg{flex:none;width:1.2em;height:1.2em}.photo-pick.logo{aspect-ratio:auto;border-radius:5px;justify-self:start;width:auto;min-width:96px;max-width:100%;height:auto;min-height:96px;max-height:112px}.photo-pick.logo.has{background:0 0;border-style:solid}.photo-pick.logo img{object-fit:contain;border-radius:5px;width:auto;max-width:100%;height:auto;max-height:110px;display:block;position:static}.photo-pick.logo .photo-pick-cta{padding:.5em}.photo-pick.logo.has .photo-pick-cta{inset-inline-end:4px;position:absolute;bottom:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.layouts{grid-template-columns:repeat(auto-fill,minmax(min(150px,50% - 5px),1fr));gap:10px;display:grid}.layout-pick{min-width:0;display:flex;position:relative}.layout-pick input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.layout-pick b{font-size:.92rem}.layout-pick small{color:var(--muted);font-size:.76rem;line-height:1.3}textarea.input{resize:vertical;min-height:76px;line-height:1.45}.thumbs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.thumb{aspect-ratio:16/10;background:var(--sunk);border-radius:10px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb button{top:4px;color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;inset-inline-end:4px}.thumb button svg{width:13px;height:13px}.thumb-add{border:1.5px dashed var(--line);cursor:pointer;place-content:center;justify-items:center;gap:2px;font-size:.78rem;font-weight:600;display:grid}.thumb-add:hover{border-color:var(--accent)}.thumb-add svg{width:18px;height:18px}.thumb-add input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.sheet-scrim{z-index:21;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140a0e80;animation:.2s sf-fade;position:fixed;inset:0}.sheet-scrim-live{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.sheet.sheet-docked:focus,.sf .sheet.sheet-docked:focus-visible,.dash .sheet.sheet-docked:focus-visible{outline:none}.sheet.sheet-docked{inset:0 0 var(--dock-space,0px);z-index:22;height:fit-content;max-height:min(86dvh, 820px, calc(100dvh - var(--dock-space,0px) - 24px));margin:auto;position:fixed}.sheet.sheet-docked.sheet-live{margin-inline-end:24px}@media (max-width:600px){.sheet.sheet-docked{inset:auto 0 var(--dock-space,0px);max-height:calc(90dvh - var(--dock-space,0px));margin:0}.sheet.sheet-docked.sheet-live{max-height:min(58dvh, calc(100dvh - var(--dock-space,0px) - 40px));margin:0}}@media (min-width:641px){.sf .sheet.sheet-docked.sheet-drawer{inset:0 0 var(--dock-space,0px) auto;height:auto;max-height:none;margin:0}html[dir=rtl] .sf .sheet.sheet-docked.sheet-drawer{inset:0 auto var(--dock-space,0px) 0}}.m-shop img{object-fit:contain;border-radius:5px;flex:none;width:auto;max-width:96px;height:auto;max-height:42px}