:root{--primary: #1b1d3a;--accent: #e94560;--accent-2: #ff8a4c;--accent-soft: #ff7a90;--bg: #08090f;--bg-2: #14152a;--text: #f6f7fb;--muted: #969cb3;--glass: rgba(255, 255, 255, .055);--glass-strong: rgba(255, 255, 255, .11);--glass-border: rgba(255, 255, 255, .12);--glass-hi: rgba(255, 255, 255, .2);--shadow-1: 0 2px 6px rgba(0, 0, 0, .35);--shadow-2: 0 22px 55px -16px rgba(0, 0, 0, .7);--shadow: var(--shadow-1), var(--shadow-2);--radius: 16px;--radius-lg: 22px;--radius-pill: 999px;--font-heading: "Segoe UI Variable Display", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-body: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--text-scale: 1;--app-w: 100vw;--app-h: 100vh;--ease: cubic-bezier(.2, .8, .2, 1)}:root[data-theme=light]{--text: #161726;--muted: #5b6175;--bg: #f3f4f8;--bg-2: #e9ebf4;--glass: rgba(0, 0, 0, .045);--glass-strong: rgba(0, 0, 0, .08);--glass-border: rgba(0, 0, 0, .12);--glass-hi: rgba(255, 255, 255, .7);--shadow-1: 0 2px 6px rgba(20, 22, 40, .1);--shadow-2: 0 18px 45px -16px rgba(20, 22, 40, .22)}:root[data-theme=light] .bg-gradient:before{opacity:.28}:root[data-theme=light] .bg-gradient:after{background:radial-gradient(125% 125% at 50% 38%,transparent 60%,rgba(20,22,40,.1) 100%)}:root[data-theme=light] .corner-hint{color:#0000004d}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000002e}:root[data-theme=light] .field,:root[data-theme=light] .form-grid input,:root[data-theme=light] .form-grid select,:root[data-theme=light] .form-grid textarea,:root[data-theme=light] .kit-grid select,:root[data-theme=light] .style-edit-fields input,:root[data-theme=light] .style-edit-fields textarea,:root[data-theme=light] .gallery-controls select{background:#ffffffbf;color:var(--text)}:root[data-theme=light] .btn.secondary{color:var(--text)}:root[data-theme=light] .tab:not(.active){color:var(--text)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}button,input,select,textarea{font-family:inherit}body{font-family:var(--font-body),"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Noto Color Emoji";background:var(--bg);color:var(--text);overflow:hidden;user-select:none;-webkit-user-select:none;cursor:default;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.bg-gradient{position:relative;background:var(--bg);overflow:hidden;isolation:isolate}.bg-gradient:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;background:radial-gradient(38% 38% at 16% 12%,var(--accent),transparent 60%),radial-gradient(42% 42% at 86% 86%,var(--accent-2),transparent 62%),radial-gradient(55% 55% at 80% 14%,var(--primary),transparent 66%);filter:blur(80px);opacity:.5;animation:drift 22s ease-in-out infinite alternate}.bg-gradient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(125% 125% at 50% 38%,transparent 52%,rgba(0,0,0,.5) 100%)}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(4%,3%) scale(1.12)}}.screen>*{position:relative;z-index:1}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:clamp(14px,3.5vmin,40px);text-align:center;animation:fade .45s cubic-bezier(.2,.8,.2,1)}@keyframes fade{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}h1,h2,h3{font-family:var(--font-heading);text-wrap:balance}h1{font-size:calc(clamp(34px,6vw,80px) * var(--text-scale));font-weight:800;letter-spacing:-2px;line-height:1}h2{font-size:calc(clamp(25px,3.7vw,46px) * var(--text-scale));font-weight:700;letter-spacing:-.8px;line-height:1.08}h3{font-size:calc(clamp(18px,2vw,24px) * var(--text-scale));font-weight:700;letter-spacing:-.3px}p.sub{color:var(--muted);font-size:calc(clamp(15px,1.7vw,21px) * var(--text-scale));margin-top:14px;max-width:720px;line-height:1.55;text-wrap:pretty}.eyebrow{text-transform:uppercase;letter-spacing:4px;font-size:12.5px;color:var(--accent);font-weight:700;margin-bottom:16px}.btn{position:relative;border:none;border-radius:var(--radius);padding:18px 44px;font-size:calc(clamp(17px,2vw,24px) * var(--text-scale));font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(140deg,color-mix(in oklab,var(--accent) 82%,white),var(--accent) 52%,color-mix(in oklab,var(--accent) 78%,black));transition:transform .16s var(--ease),box-shadow .16s var(--ease),filter .16s var(--ease);box-shadow:0 2px 5px #00000059,0 12px 34px -8px var(--accent);letter-spacing:.2px;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 42%)}.btn:hover{transform:translateY(-3px);box-shadow:0 4px 8px #00000059,0 20px 48px -8px var(--accent);filter:saturate(1.06)}.btn:active{transform:translateY(0) scale(.98)}.btn.secondary{background:var(--glass);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-hi);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3)}.btn.secondary:after{display:none}.btn.secondary:hover{background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--glass-hi)}.btn.big{padding:24px 70px;font-size:clamp(20px,2.6vw,30px)}.btn:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none;filter:grayscale(.2)}.row{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap;justify-content:center}:root[data-theme=light] .home-has-bg h1{color:#fff}:root[data-theme=light] .home-has-bg .sub{color:#ffffffd9}:root[data-theme=light] .home-has-bg .corner-hint{color:#ffffff73}.home-logo{width:clamp(96px,13vw,168px);height:auto;margin-bottom:22px;border-radius:26px;box-shadow:var(--shadow)}.home-badge{width:clamp(110px,15vw,180px);height:clamp(110px,15vw,180px);border-radius:36px;display:grid;place-items:center;font-size:clamp(58px,9vw,96px);background:linear-gradient(150deg,var(--glass-strong),var(--glass));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-hi),var(--shadow),0 0 60px -10px var(--accent);margin-bottom:26px;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.corner-hint{position:absolute;bottom:16px;right:20px;color:#ffffff47;font-size:12px;z-index:1;letter-spacing:.5px}.album-qr{position:absolute;bottom:24px;left:24px;z-index:1;display:flex;align-items:center;gap:12px;background:var(--glass);border:1px solid var(--glass-border);padding:12px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.album-qr img{width:120px;height:120px;border-radius:10px;background:#fff;padding:6px}.album-qr span{font-size:14px;color:var(--muted);font-weight:600;line-height:1.35}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);font-size:13px;color:var(--muted);margin-top:26px}.dot{width:8px;height:8px;border-radius:50%;background:#2ecc71;box-shadow:0 0 10px #2ecc71}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px;width:100%;max-width:1280px;flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px;margin-top:6px;align-content:safe center}.style-card{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 10px 30px #00000059;aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:flex-end}.style-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px -8px #0009}.style-card.selected{border-color:#fff;box-shadow:0 0 0 3px var(--accent),0 18px 40px #00000080,0 0 60px -14px var(--accent)}.style-card .thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.style-card .thumb-emoji{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(54px,7vw,84px);filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.style-card .meta{position:relative;padding:16px 16px 14px;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.15) 80%,transparent);text-align:left}.style-card .meta b{font-family:var(--font-heading);font-size:18px;font-weight:700;letter-spacing:-.3px;display:block}.style-card .meta span{color:#ffffffb8;font-size:12.5px;display:block;margin-top:3px;line-height:1.3}.style-card .check{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:#fff;font-size:16px;box-shadow:0 4px 12px #0006;transform:scale(0);transition:transform .18s ease}.style-card.selected .check{transform:scale(1)}.coverflow{position:relative;width:100%;flex:0 1 auto;min-height:0;--cf-h: min(calc(var(--app-h) * .52), calc(var(--app-w) * .92));height:var(--cf-h);perspective:1600px;overflow:visible;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.coverflow.dragging{cursor:grabbing}.cf-card{position:absolute;left:50%;top:50%;transform-style:preserve-3d;will-change:transform,opacity;border-radius:var(--radius-lg);overflow:hidden;background:#0b0b12;box-shadow:0 18px 50px #0000008c;cursor:pointer}.coverflow:not(.dragging) .cf-card{transition:transform .42s var(--ease),opacity .42s var(--ease)}.cf-card.center{box-shadow:0 0 0 3px var(--accent),0 26px 70px #0009,0 0 90px -10px var(--accent)}.cf-img{display:block;width:auto;height:auto;max-height:var(--cf-h);max-width:calc(var(--app-w) * .86)}.cf-emoji{height:var(--cf-h);aspect-ratio:3/4;display:grid;place-items:center;font-size:clamp(54px,7vw,90px)}.cf-label{margin-top:8px;min-height:2.2em;text-align:center}.cf-label b{font-family:var(--font-heading);font-size:clamp(18px,2.2vw,26px);font-weight:700;display:block}.cf-label span{color:var(--muted);font-size:clamp(13px,1.5vw,16px);display:block;margin-top:2px}.view-toggle{display:inline-flex;gap:4px;margin:10px auto 2px;padding:4px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:12px}.vt-btn{padding:9px 16px;border-radius:9px;background:transparent;border:none;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease,color .15s ease}.vt-btn.active{background:var(--glass-strong);color:var(--text)}.style-grid{width:min(100%,calc(var(--app-w) * .94));flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(120px,26vw,190px),1fr));gap:14px;padding:8px 6px;align-content:start}.grid-card{display:flex;flex-direction:column;gap:8px;padding:0;background:none;border:none;cursor:pointer}.grid-thumb{position:relative;width:100%;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;background:#0b0b12;box-shadow:0 12px 30px #00000073;transition:box-shadow .18s var(--ease)}.grid-card.active .grid-thumb{box-shadow:0 0 0 3px var(--accent),0 18px 46px #0000008c,0 0 70px -14px var(--accent)}.grid-thumb .cf-img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.grid-thumb .cf-emoji{width:100%;height:100%;aspect-ratio:auto}.grid-name{font-family:var(--font-heading);font-size:clamp(13px,1.6vw,17px);font-weight:600;text-align:center;line-height:1.2;color:var(--text)}.camera-stage{position:relative;width:min(calc(var(--app-w) * .88),calc(var(--app-h) * .82));aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:#000;box-shadow:var(--shadow),0 0 0 1px var(--glass-border)}.camera-stage video,.camera-stage img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-stage .camera-shot{position:absolute;top:0;right:0;bottom:0;left:0}.camera-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;pointer-events:none;box-shadow:inset 0 0 0 4px #ffffff1f}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:32vh;font-weight:900;color:#fff;text-shadow:0 8px 40px rgba(0,0,0,.7);background:radial-gradient(circle,#00000026,#00000073);animation:pop 1s ease-out}@keyframes pop{0%{transform:scale(1.5);opacity:0}30%{transform:scale(1);opacity:1}to{opacity:.85}}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;animation:flash .5s ease}@keyframes flash{0%{opacity:1}to{opacity:0}}.loader{position:relative;width:110px;height:110px;margin-bottom:34px}.loader:before,.loader:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:7px solid transparent}.loader:before{border-top-color:var(--accent);border-right-color:var(--accent-2);animation:spin 1s linear infinite}.loader:after{top:16px;right:16px;bottom:16px;left:16px;border-bottom-color:#fff6;animation:spin 1.6s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:84px;height:84px;border-radius:50%;border:7px solid var(--glass-border);border-top-color:var(--accent);animation:spin 1s linear infinite;margin-bottom:26px}.progress-steps{display:flex;gap:8px;margin-top:20px}.progress-steps i{width:10px;height:10px;border-radius:50%;background:var(--glass-strong);animation:pulse 1.4s ease-in-out infinite}.progress-steps i:nth-child(2){animation-delay:.2s}.progress-steps i:nth-child(3){animation-delay:.4s}.progress-steps i:nth-child(4){animation-delay:.6s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2);background:var(--accent)}}.ai-scan{position:relative;width:168px;height:224px;border-radius:16px;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--accent-2) 14%,transparent),#00000047);box-shadow:0 0 0 1px #ffffff1a,0 18px 50px #00000073,inset 0 0 40px color-mix(in srgb,var(--accent-2) 8%,transparent)}.ai-scan-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;animation:aiGridPulse 2.4s ease-in-out infinite}@keyframes aiGridPulse{0%,to{opacity:.25}50%{opacity:.55}}.ai-scan-blocks{position:absolute;top:16px;right:16px;bottom:16px;left:16px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:8px}.ai-scan-blocks span{border-radius:6px;background:linear-gradient(135deg,color-mix(in oklab,var(--accent-2) 80%,white),var(--accent-2));opacity:0;transform:scale(.6);animation:aiBlock 1.8s ease-in-out infinite}@keyframes aiBlock{0%,to{opacity:.08;transform:scale(.6)}45%{opacity:.92;transform:scale(1)}}.ai-scan-beam{position:absolute;left:0;right:0;height:36px;top:-36px;z-index:1;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--accent-2) 85%,transparent),transparent);filter:blur(1px);box-shadow:0 0 22px color-mix(in srgb,var(--accent-2) 70%,transparent);animation:aiBeam 2.1s ease-in-out infinite}@keyframes aiBeam{0%{top:-36px}to{top:224px}}.ai-corner{position:absolute;width:22px;height:22px;border:3px solid var(--accent-2);z-index:2}.ai-corner.tl{top:8px;left:8px;border-right:0;border-bottom:0;border-radius:8px 0 0}.ai-corner.tr{top:8px;right:8px;border-left:0;border-bottom:0;border-radius:0 8px 0 0}.ai-corner.bl{bottom:8px;left:8px;border-right:0;border-top:0;border-radius:0 0 0 8px}.ai-corner.br{bottom:8px;right:8px;border-left:0;border-top:0;border-radius:0 0 8px}.proc-screen{background:#07080e;overflow:hidden;color:#fff}.proc-screen h2{color:#fff}.proc-wall{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:0;display:flex;gap:14px;padding:14px;transform:scale(1.12);filter:blur(5px) brightness(.85) saturate(1.2);opacity:.85}.proc-wall-col{flex:1;display:flex;flex-direction:column;gap:14px;will-change:transform}.proc-wall-col.up{animation:collageUp linear infinite}.proc-wall-col.down{animation:collageDown linear infinite}.proc-wall-col img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px}.proc-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 44%,#07080e52,#07080ed1)}.proc-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.5;background-image:linear-gradient(color-mix(in srgb,var(--accent-2) 32%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent-2) 32%,transparent) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 46%,transparent 24%,#000 80%);mask-image:radial-gradient(circle at 50% 46%,transparent 24%,#000 80%);animation:gridDrift 5s linear infinite}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:0 46px,46px 0}}.proc-leak{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 40%,color-mix(in srgb,var(--accent-2) 38%,transparent) 50%,transparent 60%);animation:leakSweep 6s ease-in-out infinite}@keyframes leakSweep{0%,to{transform:translate(-30%);opacity:.45}50%{transform:translate(30%);opacity:.95}}.proc-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.proc-particles span{position:absolute;bottom:-12px;width:4px;height:4px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 8px var(--accent-2);opacity:0;animation:particleRise linear infinite}@keyframes particleRise{0%{transform:translateY(0);opacity:0}12%{opacity:.9}88%{opacity:.7}to{transform:translateY(-100vh);opacity:0}}.proc-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.proc-photo{position:relative;display:inline-block;border-radius:var(--radius);overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,var(--shadow),0 0 70px -14px var(--accent-2)}.proc-photo img{display:block;height:min(38vh,56vw);width:auto;object-fit:cover}.proc-photo-fallback{height:min(38vh,56vw);width:min(50vw,50vh);display:grid;place-items:center;font-size:80px;background:#ffffff0d}.proc-photo .ai-scan-grid{animation:aiGridPulse 2.4s ease-in-out infinite}.proc-photo .ai-scan-beam{animation:procBeam 2.6s ease-in-out infinite}@keyframes procBeam{0%{top:-12%}to{top:108%}}.proc-trivia{margin-top:16px;font-size:clamp(15px,1.8vw,20px);font-weight:600;color:#ffffffd9;max-width:640px;line-height:1.5;min-height:1.5em;animation:triviaIn .5s ease}@keyframes triviaIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.layout-portrait .proc-photo img{height:min(32vh,72vw)}.result-stage{display:flex;gap:24px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:4px}.result-stage figure{text-align:center;animation:fade .6s ease;margin:0}.result-stage figcaption{margin-top:12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}.result-hero img{height:min(calc(var(--app-h) * .58),calc(var(--app-w) * .6));width:auto;max-width:calc(var(--app-w) * .6);object-fit:contain;border-radius:var(--radius-lg);background:#0000004d;box-shadow:0 0 0 3px var(--accent-2),var(--shadow),0 0 90px -18px var(--accent-2)}.result-hero figcaption{color:var(--accent-2)}.result-before img{height:min(calc(var(--app-h) * .26),calc(var(--app-w) * .32));width:auto;max-width:calc(var(--app-w) * .32);object-fit:contain;border-radius:var(--radius);background:#0000004d;border:1px solid var(--glass-border);box-shadow:var(--shadow-1);opacity:.95}.output-stage{display:flex;gap:32px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;max-width:1120px}.output-photo img{height:min(calc(var(--app-h) * .64),calc(var(--app-w) * .52));width:auto;max-width:calc(var(--app-w) * .52);object-fit:contain;border-radius:var(--radius-lg);background:#0000004d;box-shadow:0 0 0 3px var(--accent-2),var(--shadow),0 0 80px -18px var(--accent-2)}.output-actions{display:flex;flex-direction:column;gap:14px;min-width:300px;max-width:380px;text-align:left}.output-list{display:flex;flex-direction:column;gap:12px}.output-row{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:15px 18px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-border);color:var(--text);box-shadow:inset 0 1px 0 var(--glass-hi),var(--shadow-1);cursor:pointer;font-size:calc(19px * var(--text-scale));font-weight:700;transition:transform .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease)}.output-row:hover{transform:translateY(-3px);border-color:var(--accent);background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--glass-hi),var(--shadow-2),0 0 40px -16px var(--accent)}.output-row .ico{flex:none;font-size:28px;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(150deg,var(--glass-strong),transparent);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-hi)}.output-row small{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-top:3px;letter-spacing:0}.output-copies{display:flex;justify-content:center}.qr-box{background:#fff;padding:24px;border-radius:var(--radius);box-shadow:var(--shadow),0 0 0 1px #fff9,0 0 70px -18px var(--accent)}.qr-box img{display:block;width:min(calc(var(--app-h) * .52),calc(var(--app-w) * .6));height:auto}.wa-card{max-width:560px;width:100%;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 1px 0 var(--glass-hi),var(--shadow)}.disclaimer{color:var(--muted);font-size:15px;line-height:1.6;background:#ffffff0a;padding:16px;border-radius:14px;margin:18px 0;text-align:left}.field{width:100%;padding:18px;font-size:22px;border-radius:14px;border:1px solid var(--glass-border);background:#00000059;color:#fff;text-align:center;transition:border-color .15s ease;font-family:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input.field{cursor:text}.field:focus{outline:none;border-color:var(--accent)}select.field{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;text-align-last:center;padding-right:44px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' stroke='%23ffffff' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 16px center}select.field option{background:var(--bg-2);color:#fff}:root[data-theme=light] select.field{background-color:#ffffffbf;color:var(--text);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' stroke='%23161726' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 16px center}:root[data-theme=light] select.field option{background:#fff;color:var(--text)}.status-msg{margin-top:18px;font-size:17px;color:var(--accent-2);max-width:620px;line-height:1.5}:root{--kb-h: clamp(250px, 34vh, 320px)}.osk-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:#0006;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s ease}.osk{width:100%;max-width:920px;height:var(--kb-h);box-sizing:border-box;background:var(--bg-2);border-top:1px solid var(--glass-border);border-radius:22px 22px 0 0;box-shadow:0 -12px 40px #00000080,inset 0 1px 0 var(--glass-hi);padding:14px clamp(10px,2vw,20px) 16px;display:flex;flex-direction:column;gap:8px}.osk-row{display:flex;gap:6px;flex:1}.osk-key{flex:1;min-width:0;border-radius:10px;background:var(--glass);border:1px solid var(--glass-border);color:var(--text);font-size:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s ease,transform .1s ease}.osk-key:active{background:var(--glass-strong);transform:scale(.94)}.osk-key.active{background:var(--accent);border-color:transparent;color:#fff}.osk-key.osk-wide{flex:1.6}.osk-space{flex:6}.osk-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1}.osk-actions{flex:0 0 auto;gap:10px;margin-top:2px;justify-content:center}.osk-actions .btn{flex:1;max-width:260px;padding:14px 20px;font-size:17px}.osk.osk--numeric{height:clamp(340px,50vh,480px)}.osk--numeric .osk-numpad{gap:12px}.osk--numeric .osk-key{font-size:36px}.select-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:5vmin;animation:fade .2s ease}.select-sheet{width:min(94%,640px);max-height:80vh;overflow-y:auto;background:var(--bg-2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;box-shadow:0 24px 70px #0009,inset 0 1px 0 var(--glass-hi)}.select-opt{padding:16px 14px;border-radius:14px;font-size:20px;font-weight:600;background:var(--glass);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;text-align:center;transition:background .1s ease,transform .1s ease}.select-opt:active{background:var(--glass-strong);transform:scale(.98)}.select-opt.active{background:var(--accent);border-color:transparent;color:#fff}:root.keyboard-open .screen{padding-bottom:calc(var(--kb-h) + 12px);transition:padding-bottom .2s ease}:root.keyboard-open .modal-overlay{padding-bottom:calc(var(--kb-h) + 12px);transition:padding-bottom .2s ease}.admin{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,var(--bg-2),var(--bg));padding:28px clamp(20px,4vw,56px);overflow-y:auto}.admin>*{max-width:1180px;margin-left:auto;margin-right:auto}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;flex-wrap:wrap}.admin-head h2{font-size:clamp(22px,2.4vw,30px)}.tabs{display:flex;gap:6px;margin-bottom:22px;flex-wrap:wrap;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:14px;padding:6px}.tab{padding:12px 22px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-border);cursor:pointer;font-weight:600;transition:background .15s ease,color .15s ease}.tab:hover{background:var(--glass-strong)}.tab.active{background:linear-gradient(140deg,color-mix(in oklab,var(--accent) 82%,white),var(--accent));border-color:transparent;color:#fff}.admin-panel{background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;padding:26px;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);box-shadow:inset 0 1px 0 var(--glass-hi),var(--shadow-1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted);font-weight:600}.form-grid input,.form-grid select,.form-grid textarea{padding:11px 13px;border-radius:10px;border:1px solid var(--glass-border);background:#00000059;color:#fff;font-size:15px}.form-grid input:focus,.form-grid select:focus{outline:none;border-color:var(--accent)}.full{grid-column:1 / -1}input[type=color]{width:100%;height:44px;padding:4px;border-radius:10px;border:1px solid var(--glass-border);background:#00000059;cursor:pointer}.kit-head{font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:-.2px;margin:24px 0 12px;display:flex;align-items:center;gap:8px}.kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:14px;padding:18px}.kit-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--text);font-weight:600}.kit-grid select{padding:11px 13px;border-radius:10px;border:1px solid var(--glass-border);background:#00000059;color:#fff;font-size:15px}.kit-grid select:focus{outline:none;border-color:var(--accent)}.kit-color span{font-weight:700}.kit-color small{font-weight:500;color:var(--muted);font-size:11.5px;line-height:1.45}@media (max-width: 820px){.kit-grid{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--glass-border)}th{color:var(--muted);font-weight:600}.badge{padding:3px 11px;border-radius:999px;font-size:12px;font-weight:700}.badge.success{background:#2ecc712e;color:#2ecc71}.badge.failed{background:#e9456033;color:var(--accent-2)}.badge.pending{background:#ffffff1f;color:var(--muted)}.stat-cards{display:flex;gap:18px;flex-wrap:wrap}.stat-card{background:linear-gradient(150deg,var(--glass-strong),var(--glass));border:1px solid var(--glass-border);border-radius:18px;padding:24px 32px;min-width:170px;box-shadow:inset 0 1px 0 var(--glass-hi),var(--shadow-1)}.stat-card b{font-size:44px;display:block;font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg,color-mix(in oklab,var(--accent-2) 80%,white),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-card span{color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.gallery-grid img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:12px;box-shadow:0 8px 22px #00000059;transition:transform .15s ease}.gallery-grid a:hover img{transform:scale(1.03)}.admin-thumb{position:relative}.thumb-del{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:9px;background:#140a0ab8;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,background .15s ease}.admin-thumb:hover .thumb-del{opacity:1}.thumb-del:hover{background:#c0392b}.thumb-del:disabled{opacity:.4;cursor:default}.thumb-print{position:absolute;top:8px;right:48px;width:34px;height:34px;border:0;border-radius:9px;background:#0a121cb8;color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,background .15s ease}.admin-thumb:hover .thumb-print{opacity:1}.thumb-print:hover{background:var(--accent)}.thumb-print:disabled{opacity:.4;cursor:default}.copies-stepper{display:inline-flex;align-items:center;gap:14px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:999px;padding:6px 12px}.copies-stepper__label{font-size:14px;color:var(--muted);font-weight:600}.copies-stepper__btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);color:#fff;font-size:24px;font-weight:700;cursor:pointer;display:grid;place-items:center;line-height:1}.copies-stepper__btn:hover:not(:disabled){background:var(--glass-strong)}.copies-stepper__btn:disabled{opacity:.35;cursor:default}.copies-stepper__val{min-width:28px;text-align:center;font-size:21px;font-weight:800;color:#fff}.banner{background:linear-gradient(135deg,#e945602e,#e945600f);border:1px solid var(--accent);color:#fff;padding:14px 18px;border-radius:12px;margin-bottom:18px;font-size:14px;line-height:1.5}.sync-panel{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:12px;padding:14px 18px;margin-bottom:18px}.cat-block{background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:12px 14px;margin-bottom:12px}.mode-panel{background:#e9456012;border:1px solid var(--glass-border);border-radius:12px;padding:14px 18px;margin-bottom:18px}.mode-panel select{width:100%}.role-badge{font-size:12px;font-weight:800;letter-spacing:1px;padding:3px 10px;border-radius:999px;vertical-align:middle;margin-left:8px}.role-badge.owner{background:#e9456038;color:#ff8da3;border:1px solid rgba(233,69,96,.5)}.role-badge.vendor{background:#42c6ff26;color:var(--accent);border:1px solid rgba(66,198,255,.4)}.stat-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 760px){.stat-charts{grid-template-columns:1fr}}.bars{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:120px 1fr 36px;align-items:center;gap:10px}.bar-label{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:18px;background:#ffffff0f;border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;min-width:3px;transition:width .3s ease}.bar-val{font-size:13px;font-weight:700;text-align:right;color:var(--muted)}.style-edit{display:flex;gap:16px;background:#00000038;border:1px solid var(--glass-border);border-radius:14px;padding:14px}.style-edit-thumb{width:96px;min-width:96px;height:128px;border-radius:12px;overflow:hidden;position:relative;display:grid;place-items:center}.style-edit-thumb .thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.style-edit-fields{flex:1;display:flex;flex-direction:column;gap:10px}.style-edit-fields label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted);font-weight:600}.style-edit-fields input,.style-edit-fields textarea{padding:9px 11px;border-radius:9px;border:1px solid var(--glass-border);background:#0006;color:#fff;font-size:14px;font-family:inherit;resize:vertical}.style-edit-fields input:focus,.style-edit-fields textarea:focus{outline:none;border-color:var(--accent)}.se-row{display:flex;gap:12px}.se-actions{display:flex;gap:10px;align-items:center}.se-toggle{flex-direction:row!important;align-items:center;gap:7px!important;color:var(--text)!important;cursor:pointer}.se-toggle input{width:18px;height:18px;accent-color:var(--accent)}.se-btn{margin-left:auto;padding:8px 14px;border-radius:9px;border:1px solid var(--glass-border);background:var(--glass);color:#fff;cursor:pointer;font-size:14px;font-weight:600}.se-btn:not(.danger){margin-left:0}.se-btn:hover{background:var(--glass-strong)}.se-btn.danger{color:var(--accent-2)}.se-refs{display:flex;gap:18px;flex-wrap:wrap}.se-ref{display:flex;align-items:center;gap:8px}.se-ref>span{font-size:12px;color:var(--muted)}.se-ref-thumb{width:44px;height:44px;border-radius:8px;overflow:hidden;border:1px solid var(--glass-border);background:#0006;display:grid;place-items:center}.se-ref-thumb img{width:100%;height:100%;object-fit:cover}.se-ref-thumb em{color:var(--muted);font-size:12px}.gallery-controls{display:flex;gap:12px;width:100%;max-width:900px;margin-bottom:18px}.gallery-controls select{padding:12px 14px;border-radius:12px;border:1px solid var(--glass-border);background:#0006;color:#fff;font-size:16px;min-width:180px}.gallery-controls select:focus{outline:none;border-color:var(--accent)}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-auto-rows:280px;gap:14px;width:100%;max-width:1150px;padding:4px 14px 4px 4px;flex:1 1 auto;min-height:0;overflow-y:auto;align-content:start}.browse-cell{position:relative;height:280px;border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:0 8px 22px #00000059;transition:transform .15s ease}.browse-cell:hover{transform:translateY(-4px)}.browse-cell img{width:100%;height:100%;object-fit:cover;display:block}.browse-grid::-webkit-scrollbar{width:14px}.browse-grid::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px;border:3px solid transparent;background-clip:padding-box}.browse-grid::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:50;animation:fade .25s ease;padding:4vh}.modal-card{position:relative;background:var(--bg-2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:26px;max-width:560px;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:inset 0 1px 0 var(--glass-hi),var(--shadow),0 0 90px -30px var(--accent)}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);color:#fff;font-size:18px;cursor:pointer}.modal-photo{max-height:66vh;max-width:100%;width:auto;object-fit:contain;border-radius:16px;box-shadow:var(--shadow)}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.brand-row{display:flex;gap:18px;flex-wrap:wrap}.brand-pick{display:flex;flex-direction:column;gap:10px}.brand-pick>span{font-size:13px;color:var(--muted);font-weight:600}.brand-thumb{width:150px;height:150px;border-radius:14px;border:1px solid var(--glass-border);background:#0000004d;display:grid;place-items:center;overflow:hidden}.brand-thumb.wide{width:200px;height:200px}.brand-thumb.checker{background-image:linear-gradient(45deg,#444 25%,transparent 25%),linear-gradient(-45deg,#444 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#444 75%),linear-gradient(-45deg,transparent 75%,#444 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#2a2a2a}.brand-thumb img{width:100%;height:100%;object-fit:contain}.brand-thumb em{color:var(--muted);font-size:13px}.attract{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;cursor:pointer;overflow:hidden}.attract-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.attract-media.attract-default{background:radial-gradient(circle at 30% 20%,var(--primary),var(--bg) 70%)}.attract-media.kenburns{animation:kenburns 12s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.12)}}.collage{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;display:flex;gap:12px;padding:12px;transform:rotate(-5deg) scale(1.18);transform-origin:center}.collage-col{flex:1;display:flex;flex-direction:column;gap:12px;will-change:transform}.collage-col.up{animation:collageUp linear infinite}.collage-col.down{animation:collageDown linear infinite}.collage-col img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;box-shadow:0 10px 26px #00000073}@keyframes collageUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes collageDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.attract-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px;padding-bottom:9vh;text-align:center;background:radial-gradient(circle at 50% 45%,#00000040,#000000b8 90%),linear-gradient(to top,rgba(0,0,0,.85),transparent 55%)}.attract-overlay h1{font-size:clamp(30px,6vw,68px);text-shadow:0 4px 24px rgba(0,0,0,.6)}.attract-logo{width:clamp(80px,11vw,150px);border-radius:18px}.attract-cta{font-size:clamp(20px,3vw,34px);font-weight:800;color:#fff;background:linear-gradient(140deg,color-mix(in oklab,var(--accent) 82%,white),var(--accent),color-mix(in oklab,var(--accent) 78%,black));padding:16px 44px;border-radius:var(--radius);box-shadow:0 10px 34px -6px var(--accent);animation:ctapulse 1.6s ease-in-out infinite}@keyframes ctapulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.model-badge{position:fixed;left:10px;bottom:10px;z-index:9999;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.3px;color:#ffffff8c;background:#0000006b;border:1px solid rgba(255,255,255,.12);padding:3px 9px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.35;transition:opacity .25s,color .25s,box-shadow .25s,transform .25s}.model-badge:hover{opacity:.85}.model-badge__dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80}.model-badge--flash{opacity:1;color:#fff;transform:scale(1.12);box-shadow:0 0 0 2px var(--accent),0 6px 20px -4px var(--accent)}.cam-badge{position:fixed;left:10px;bottom:36px;z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none}.cam-badge__chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.3px;color:#ffffff8c;background:#0000006b;border:1px solid rgba(255,255,255,.12);padding:3px 9px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.35;transition:opacity .25s,color .25s}.cam-badge.is-open .cam-badge__chip{opacity:1;color:#fff}.cam-badge__dot{width:6px;height:6px;border-radius:50%;background:#60a5fa;box-shadow:0 0 6px #60a5fa}.cam-badge__menu{pointer-events:auto;position:absolute;left:0;bottom:28px;min-width:210px;background:#0c101cf7;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:6px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px}.cam-badge__title{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;padding:4px 8px 6px}.cam-badge__item{text-align:left;font-size:13px;color:#fff;background:transparent;border:0;padding:7px 9px;border-radius:8px;cursor:pointer}.cam-badge__item:hover{background:#ffffff14}.cam-badge__item.is-active{background:var(--accent);color:#fff}.cam-badge__empty{font-size:12px;color:#ffffff80;padding:7px 9px}.conn-badge{position:fixed;right:10px;top:10px;z-index:9999;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.3px;color:#ffffff8c;background:#0000006b;border:1px solid rgba(255,255,255,.12);padding:3px 9px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.4;transition:opacity .25s,color .25s}.conn-badge__dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80}.conn-badge.is-offline{opacity:1;color:#fff}.conn-badge.is-offline .conn-badge__dot{background:#f87171;box-shadow:0 0 8px #f87171;animation:connPulse 1.1s ease-in-out infinite}@keyframes connPulse{0%,to{opacity:1}50%{opacity:.35}}.cloud-badge{position:fixed;right:10px;top:38px;z-index:9999;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.3px;color:#ffffff8c;background:#0000006b;border:1px solid rgba(255,255,255,.12);padding:3px 9px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.cloud-badge__dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80}.cloud-badge--syncing .cloud-badge__dot{background:#fbbf24;box-shadow:0 0 6px #fbbf24}.cloud-badge--offline{opacity:1;color:#fff}.cloud-badge--offline .cloud-badge__dot{background:#f87171;box-shadow:0 0 8px #f87171}.orient-toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%);z-index:10000;pointer-events:none;background:#000000c7;color:#fff;font-weight:700;font-size:15px;padding:12px 22px;border-radius:999px;border:1px solid var(--glass-border);box-shadow:0 0 0 2px var(--accent),0 10px 30px #00000080;animation:fade .2s ease}.panic-hotspot{position:fixed;top:0;left:0;width:54px;height:54px;z-index:10000;background:transparent;cursor:default}.layout-portrait .result-stage,.layout-portrait .output-stage{flex-direction:column;gap:16px}.layout-portrait .result-hero img{height:min(calc(var(--app-h) * .56),calc(var(--app-w) * .88));max-width:calc(var(--app-w) * .88)}.layout-portrait .result-before img{height:min(calc(var(--app-h) * .13),calc(var(--app-w) * .28));max-width:calc(var(--app-w) * .28)}.layout-portrait .output-photo img{height:min(calc(var(--app-h) * .62),calc(var(--app-w) * .9));max-width:calc(var(--app-w) * .9)}.layout-portrait .output-actions{min-width:0;width:min(calc(var(--app-w) * .86),480px);max-width:92%;text-align:center}.layout-portrait .style-grid{max-width:96%}@media (max-width: 560px){.screen{overflow-y:auto;overflow-x:hidden;padding:12px 12px 28px}.row{flex-wrap:wrap;gap:8px}.row .btn{flex:1 1 130px}.tabs{flex:0 0 auto;width:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start!important;margin-bottom:12px;padding:6px 8px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:9px 15px;font-size:14px}.layout-portrait .result-hero img{height:auto;width:min(78vw,300px);max-width:78vw}.layout-portrait .result-before img{height:auto;width:min(28vw,110px);max-width:28vw}.layout-portrait .output-photo img{height:auto;width:min(82vw,320px);max-width:82vw}.result-stage,.output-stage{gap:12px;margin-top:0}.browse-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px;padding-right:4px}.browse-cell{height:190px}.gallery-controls{flex-direction:column}.gallery-controls select{min-width:0;width:100%}.style-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(96px,30vw,150px),1fr))}h2{font-size:clamp(22px,6vw,30px);line-height:1.15}}#root.app-rotated{position:fixed;top:0;left:0;width:100vh;height:100vw;transform-origin:top left;transform:translate(100vw) rotate(90deg);overflow:hidden}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:4px}.btn:focus-visible,.style-card:focus-visible,.output-tile:focus-visible{outline-offset:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.08s!important}.bg-gradient:before,.home-badge,.arrow,.attract-cta{animation:none!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--glass-strong);border-radius:999px}::-webkit-scrollbar-track{background:transparent}