:root{--color-primary: #ff6b99;--color-primary-hover: #ff568a;--color-primary-active: #f0447a;--color-primary-soft: #ffe9f1;--color-accent: #a682ff;--color-accent-soft: #f2edff;--color-bg: #fff9fb;--color-surface: #ffffff;--color-surface-muted: #fdf2f7;--color-border: #ffe3ee;--color-border-strong: var(--color-ink);--color-text: #1a1a24;--color-text-secondary: #5f5a6e;--color-text-muted: #938da2;--color-text-inverse: #ffffff;--color-success: #4ecca3;--color-success-soft: #e2f9f0;--color-warning: #ffd166;--color-warning-soft: #fff3d9;--color-danger: #ff5d6c;--color-danger-soft: #ffe9eb;--color-info: #7c9cff;--color-info-soft: #eaf0ff;--color-mint: #4ecca3;--color-lemon: #ffd166;--color-sky: #a5d8ff;--color-ink: #1a1a24;--color-grape: #9a83e8;--color-tangerine: #ff9a5c;--color-bubble: #ff6b99;--color-aqua: #4fd6c2;--color-blueberry: #6d8bff;--color-canvas-dark: #0f0e17;--color-canvas-star: rgba(255 249 251 / .85);--shadow-xs: 2px 2px 0 rgb(26 26 36 / .4);--shadow-sm: 3px 3px 0 rgb(26 26 36 / .55), 0 10px 18px -14px rgb(26 26 36 / .55);--shadow-md: 5px 5px 0 rgb(26 26 36 / .7), 0 16px 26px -18px rgb(26 26 36 / .6);--shadow-lg: 8px 8px 0 rgb(26 26 36 / .8), 0 28px 44px -26px rgb(26 26 36 / .65);--shadow-card: 4px 4px 0 rgb(26 26 36 / .9), 0 22px 38px -26px rgb(26 26 36 / .55);--shadow-card-hover: 8px 8px 0 rgb(26 26 36 / .95), 0 34px 52px -28px rgb(26 26 36 / .6);--shadow-pop: 9px 9px 0 rgb(26 26 36 / .95), 0 40px 60px -30px rgb(26 26 36 / .65);--shadow-cta: 5px 5px 0 var(--color-ink), 0 16px 28px -14px rgb(255 107 153 / .9);--line-comic: 3px solid var(--color-ink);--line-comic-thick: 4px solid var(--color-ink);--shadow-comic: 4px 4px 0 var(--color-ink), 0 18px 32px -22px rgb(26 26 36 / .55);--shadow-comic-lg: 8px 8px 0 var(--color-ink), 0 34px 54px -28px rgb(26 26 36 / .6);--shadow-offset-pink: 5px 5px 0 var(--color-bubble);--shadow-offset-cyan: 5px 5px 0 var(--color-aqua);--shadow-offset-lemon: 4px 4px 0 var(--color-lemon);--shadow-offset-grape: 5px 5px 0 var(--color-grape);--pattern-halftone: radial-gradient(rgb(26 26 36 / .16) 1.1px, transparent 1.25px);--pattern-halftone-ink: radial-gradient(rgb(26 26 36 / .14) 1.1px, transparent 1.25px);--pattern-halftone-pink: radial-gradient(rgb(255 107 153 / .32) 1.4px, transparent 1.55px);--pattern-wavy: repeating-linear-gradient( 90deg, rgb(255 107 153 / .14) 0 14px, rgb(166 130 255 / .14) 14px 28px, rgb(78 204 163 / .12) 28px 42px );--pattern-stripes: repeating-linear-gradient( -45deg, rgb(255 107 153 / .16) 0 8px, transparent 8px 16px );--pattern-stripes-ink: repeating-linear-gradient( -45deg, rgb(26 26 36 / .1) 0 6px, transparent 6px 12px );--pattern-checker: repeating-conic-gradient( rgb(26 26 36 / .07) 0% 25%, transparent 0% 50% );--edge-scallop: radial-gradient(circle at 50% 0, transparent 0 7px, var(--color-surface) 7.5px);--edge-zigzag: conic-gradient(from -45deg at 50% 0, var(--color-ink) 0 90deg, transparent 0) 50% / 22px 11px repeat-x;--glass: rgb(255 249 251 / .72);--glass-strong: rgb(255 249 251 / .94);--glass-border: rgb(26 26 36 / .85);--backdrop-blur: blur(14px);--shadow-glass: 4px 4px 0 var(--color-ink);--font-ui: "Plus Jakarta Sans", "Nunito", system-ui, sans-serif;--font-display: "Bangers", "Fredoka", system-ui, sans-serif;--font-comic: "Bangers", "Luckiest Guy", "Fredoka", cursive;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: clamp(2rem, 5vw, 2.75rem);--text-4xl: clamp(2.6rem, 7vw, 4rem);--leading-tight: 1.25;--leading-normal: 1.6;--tracking-wide: .05em;--tracking-comic: .04em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-pill: 999px;--duration-fast: .16s;--duration-normal: .26s;--duration-slow: .42s;--ease-out: cubic-bezier(.22, 1, .36, 1);--grad-pop: linear-gradient(135deg, #ff8fb3 0%, #ff6b99 48%, #a682ff 100%);--grad-sunrise: linear-gradient(135deg, #ffd166 0%, #ff9a5c 58%, #ff6b99 100%);--grad-fresh: linear-gradient(135deg, #4ecca3 0%, #a5d8ff 100%);--grad-rainbow: linear-gradient(90deg, #ff6b99 0%, #ffd166 30%, #4ecca3 62%, #a682ff 100%);--grad-panel: linear-gradient(180deg, #ffffff 0%, #fffbfd 55%, #fff3f9 100%);--grad-glass: linear-gradient(180deg, rgb(255 255 255 / .92), rgb(255 249 251 / .68));--glow-pop: 0 16px 30px -12px rgb(255 107 153 / .9);--glow-accent: 0 16px 30px -12px rgb(166 130 255 / .8);--glow-lemon: 0 14px 26px -12px rgb(255 209 102 / .95)}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px}@media (min-width: 768px){.container{padding-inline:32px}}:root{--paper: var(--color-bg);--paper-2: var(--color-surface);--paper-3: var(--color-surface-muted);--ink: var(--color-ink);--ink-2: var(--color-text-secondary);--line: var(--color-border);--red: var(--color-accent);--red-deep: var(--color-danger);--red-soft: var(--color-accent-soft);--red-glow: rgb(255 107 153 / .25);--blue: var(--color-primary);--blue-soft: var(--color-primary-soft);--green: var(--color-success);--green-soft: var(--color-success-soft);--glow-pink: var(--shadow-sm);--glow-violet: var(--shadow-sm);--shadow: var(--shadow-md);--shadow-pop: var(--shadow-lg);--shadow-hover: var(--shadow-md);--glass-border: rgb(26 26 36 / .85);--backdrop-blur: blur(14px);--grad-pink: var(--color-primary);--grad-candy: var(--color-primary-soft);--grad-candy-flow: linear-gradient(120deg, var(--color-primary-soft), var(--color-accent-soft), var(--color-success-soft));--grad-text: linear-gradient(95deg, var(--color-primary), var(--color-accent) 55%, var(--color-info));--radius: var(--radius-lg);--font-body: var(--font-ui);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--spring: var(--ease-out)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{background-color:var(--color-bg);font-optical-sizing:auto;background-image:radial-gradient(56rem 40rem at 8% -8%,rgb(255 107 153 / .16),transparent 60%),radial-gradient(48rem 40rem at 104% 4%,rgb(166 130 255 / .16),transparent 62%),radial-gradient(40rem 36rem at 50% 112%,rgb(78 204 163 / .16),transparent 60%),radial-gradient(1.4px 1.4px at 24px 24px,rgb(255 107 153 / .22) 50%,transparent 51%);background-size:auto,auto,auto,48px 48px;background-attachment:fixed;color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--color-primary)}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-tight);margin:0;text-wrap:balance}p{line-height:var(--leading-normal);text-wrap:pretty}button{font:inherit}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-primary);color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);background-clip:padding-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#app{min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1}body.is-fullview #app{height:100dvh;min-height:0}body.is-fullview .site-view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}body.is-fullview .site-footer{display:none}:root{--site-header-h: 57px}.site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:9px clamp(14px,4vw,32px);background:#ffffffe6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:2.5px solid var(--color-border-strong);position:sticky;top:0;z-index:20}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:7px;background-image:radial-gradient(rgb(26 26 36 / .55) 1.4px,transparent 1.6px);background-size:9px 7px;opacity:.35;pointer-events:none}.site-header__brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text);flex-shrink:0}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;background:var(--color-primary);border:2px solid var(--color-ink);border-radius:13px;color:#fff;transform:rotate(-6deg);box-shadow:3px 3px 0 var(--color-ink);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.brand-mark svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.site-header__brand:hover .brand-mark{transform:rotate(6deg) scale(1.08);box-shadow:5px 5px 0 var(--color-ink)}.brand-word{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:-.01em}.brand-word em{font-style:normal;color:var(--color-primary)}.site-nav{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;order:3;width:100%;justify-content:center;padding-bottom:2px}@media (min-width: 900px){.site-nav{order:0;width:auto;padding-bottom:0;margin-inline:auto}}.site-nav__link{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-pill);border:2px solid var(--color-ink);background:var(--color-surface);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-decoration:none;cursor:pointer;box-shadow:2px 3px 0 -1px #1a1a2438;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.site-nav__link span{font-size:15px;line-height:1}.site-nav__link svg{width:17px;height:17px;flex-shrink:0;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.site-nav__link svg .gh-mark{fill:currentColor;stroke:none}.site-nav__link:hover{transform:translate(-1px,-3px);box-shadow:3px 5px 0 -1px #1a1a2447;background:var(--color-primary-soft)}.site-nav__link:active{transform:translate(1px,1px) scale(.97);box-shadow:1px 1px 0 -1px #1a1a2442}.site-nav__link--gh{background:var(--color-accent-soft)}@media (max-width: 480px){.site-nav__link{padding:6px 11px;font-size:var(--text-xs)}.site-nav__link span{font-size:13px}}.site-header__actions{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto}.icon-btn{width:42px;height:42px;display:inline-grid;place-items:center;border:2px solid var(--color-ink);border-radius:14px;background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:0;box-shadow:2px 3px 0 -1px #1a1a2438;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.icon-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover{background:var(--color-primary-soft);transform:translate(-1px,-3px);box-shadow:3px 5px 0 -1px #1a1a2447}.icon-btn:active{transform:translate(1px,1px) scale(.95);box-shadow:var(--shadow-xs)}.icon-btn[aria-pressed=true]{background:var(--color-primary);color:#fff}.icon-btn--guide{background:var(--color-lemon)}.site-view{flex:1}.site-footer{border-top:3px solid var(--color-border-strong);background:var(--color-surface);padding:0 clamp(16px,4vw,32px) var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm);position:relative;overflow:hidden}.site-footer__ticker{margin:0 calc(-1*clamp(16px,4vw,32px));padding:7px 0;overflow:hidden;background:var(--color-lemon);border-bottom:2.5px solid var(--color-ink);box-shadow:0 3px #1a1a2424;transform:rotate(-.35deg) scale(1.02)}.site-footer__ticker-track{display:flex;width:max-content;gap:0;animation:footer-ticker 22s linear infinite;font-family:var(--font-comic);font-size:13px;letter-spacing:.14em;color:var(--color-ink);white-space:nowrap}.site-footer__ticker-track span{padding-right:6px}@keyframes footer-ticker{0%{transform:translate(0)}to{transform:translate(-25%)}}.site-footer__inner{max-width:1200px;margin-inline:auto;padding-top:var(--space-5);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:start;gap:var(--space-5)}@media (max-width: 820px){.site-footer__inner{grid-template-columns:1fr;justify-items:center;text-align:center}}.site-footer p{margin:0}.site-footer__brand{display:grid;gap:var(--space-2);justify-items:start}@media (max-width: 820px){.site-footer__brand{justify-items:center}}.site-footer__logo{font-family:var(--font-comic);font-size:22px;letter-spacing:.02em;color:var(--color-text);text-decoration:none;line-height:1;transform:rotate(-2deg);display:inline-block}.site-footer__logo em{font-style:normal;color:var(--color-primary)}.site-footer__logo:hover{transform:rotate(2deg) scale(1.05)}.site-footer__tag{font-size:var(--text-xs);font-weight:700;color:var(--color-text-secondary);max-width:40ch;line-height:1.5}.site-footer__links{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;align-content:flex-start}.site-footer__links a,.site-footer__links button{font:inherit;font-size:var(--text-xs);font-weight:800;letter-spacing:.02em;text-transform:uppercase;padding:5px 12px;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);text-decoration:none;cursor:pointer;box-shadow:2px 3px 0 var(--color-ink);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.site-footer__links a:nth-child(3n+1){background:var(--color-primary-soft)}.site-footer__links a:nth-child(3n+2){background:var(--color-accent-soft)}.site-footer__links button{background:var(--color-success-soft)}.site-footer__links a:hover,.site-footer__links button:hover{background:var(--color-lemon);transform:translate(-1px,-2px) rotate(-1deg);box-shadow:4px 5px 0 var(--color-ink)}.site-footer__links a:active,.site-footer__links button:active{transform:translate(1px,2px);box-shadow:1px 1px 0 var(--color-ink)}.site-footer__privacy{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:var(--text-xs);color:var(--color-success);background:var(--color-success-soft);border:2px dashed var(--color-ink);border-radius:var(--radius-pill);padding:5px 13px;transform:rotate(-.8deg)}.site-footer__privacy:before{content:"";width:9px;height:9px;border-radius:var(--radius-pill);background:var(--color-success);border:1.5px solid var(--color-ink);flex-shrink:0;animation:privacy-blink 2.4s ease-in-out infinite}@keyframes privacy-blink{50%{transform:scale(.65);opacity:.55}}.site-footer__credit{font-family:var(--font-comic);font-size:14px;letter-spacing:.03em;color:var(--color-text);background:var(--color-primary-soft);border:2.5px solid var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;box-shadow:3px 4px 0 var(--color-ink);transform:rotate(1.4deg);align-self:start;justify-self:end;white-space:nowrap}@media (max-width: 820px){.site-footer__credit{justify-self:center}}.site-footer__credit em{font-style:normal;color:var(--color-primary)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-weight:800;font-size:var(--text-sm);line-height:1;border:2px solid var(--color-ink);border-radius:var(--radius-pill);padding:0 18px;height:40px;cursor:pointer;text-decoration:none;background:var(--color-surface);color:var(--color-text);box-shadow:3px 4px 0 -1px #1a1a2447;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:hover:not(:disabled){transform:translate(-1px,-3px);box-shadow:4px 6px 0 -1px #1a1a2452}.btn:active:not(:disabled){transform:translate(2px,3px) scale(.98);box-shadow:1px 1px 0 -1px #1a1a244d}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn--primary{background:var(--color-primary);border-color:var(--color-ink);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background:var(--color-primary-active)}.btn--secondary{background:var(--color-accent-soft);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-accent);color:#fff}.btn--ghost{background:var(--color-surface);border-color:var(--color-ink);color:var(--color-text);box-shadow:3px 4px 0 -1px #1a1a2447}.btn--ghost:hover:not(:disabled){background:var(--color-lemon);box-shadow:4px 6px 0 -1px #1a1a2452}.btn--danger{background:var(--color-danger-soft);border-color:var(--color-ink);color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn--dark{background:var(--color-text);border-color:var(--color-ink);color:#fff}.btn--dark:hover:not(:disabled){background:var(--color-text-secondary)}.btn--sm{height:32px;padding:0 14px;font-size:var(--text-xs)}.btn--lg{height:46px;padding:0 24px;font-size:var(--text-base)}.btn--block{width:100%}.chip{border:2px solid var(--color-ink);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-pill);padding:0 var(--space-4);font-size:var(--text-sm);font-weight:800;cursor:pointer;min-height:34px;display:inline-flex;align-items:center;gap:var(--space-2);box-shadow:2px 3px 0 -1px #1a1a2433;transition:all var(--duration-fast) var(--ease-out)}.chip:hover{background:var(--color-primary-soft);color:var(--color-text);transform:translate(-1px,-2px);box-shadow:3px 4px 0 -1px #1a1a2442}.chip:active{transform:translate(1px,1px) scale(.98);box-shadow:1px 1px 0 -1px #1a1a243d}.chip:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.chip.is-active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-xs)}.tpl-cat,.sticker-cat,.cat-chip{border:2px solid var(--color-ink);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-pill);padding:0 var(--space-4);font-size:var(--text-sm);font-weight:800;cursor:pointer;min-height:32px;padding-inline:var(--space-3);box-shadow:2px 3px 0 -1px #1a1a2433;transition:all var(--duration-fast) var(--ease-out)}.tpl-cat:hover,.sticker-cat:hover,.cat-chip:hover{background:var(--color-lemon);color:var(--color-text);transform:translateY(-1px)}.tpl-cat:active,.sticker-cat:active,.cat-chip:active{transform:translate(1px,1px);box-shadow:var(--shadow-xs)}.tpl-cat.is-active,.sticker-cat.is-active,.cat-chip.is-active{background:var(--color-accent);color:#fff}.modal-backdrop{position:fixed;inset:0;background:#1a1a248c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100;animation:backdrop-in var(--duration-normal) var(--ease-out) both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal{position:relative;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);width:min(480px,100%);max-height:85dvh;overflow:auto;animation:modal-pop var(--duration-normal) var(--ease-out) both}@keyframes modal-pop{0%{transform:scale(.92) rotate(-1.5deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-border)}.modal__close{width:40px;height:40px;flex-shrink:0;display:inline-grid;place-items:center;border:1.5px solid var(--color-border-strong);border-radius:12px;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.modal__close svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.modal__close:hover{background:var(--color-danger-soft);transform:rotate(6deg)}.modal__body{padding:var(--space-5)}.modal__footer{padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;flex-wrap:wrap}.modal-title{font-size:var(--text-xl);margin:0}.donation{text-align:center}.donation__qr{margin:0 auto 16px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:#fff;padding:10px;box-shadow:4px 4px 0 var(--color-primary-soft),4px 4px 0 2px var(--color-ink)}.donation__methods{list-style:none;margin:0 0 14px;padding:0;text-align:left}.donation__method{display:flex;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:2px dotted var(--color-border-strong);font-size:14px}.donation__method-name{font-weight:800}.donation__note{color:var(--ink-2);font-size:13px;margin:0 0 18px}.dl-modal{text-align:center}.dl-modal__check{width:64px;height:64px;margin:4px auto 16px;border-radius:50%;background:var(--color-success);border:1.5px solid var(--color-border-strong);box-shadow:var(--shadow-card);display:grid;place-items:center;animation:check-bounce .5s var(--spring)}@keyframes check-bounce{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.12) rotate(6deg)}to{transform:scale(1) rotate(0)}}.dl-modal__check svg{width:30px;height:30px;stroke:#fff;stroke-width:3.5;fill:none}.dl-modal__sub{color:var(--ink-2);margin:4px 0 20px;font-size:14px}.dl-modal__actions{display:grid;gap:10px}.dl-modal__promo{text-align:left;background:var(--color-accent-soft);border:2.5px dashed var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-4);margin:0 0 var(--space-4);box-shadow:var(--shadow-card)}.dl-modal__prompt{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);line-height:var(--leading-normal)}.dl-modal__question{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.dl-modal__hint{margin:var(--space-3) 0 0;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-align:center}.toast-stack{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:120;pointer-events:none;display:grid;gap:var(--space-2);justify-items:center}@media (min-width: 768px){.toast-stack{left:auto;right:var(--space-5);transform:none;justify-items:end}}.toast{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface);color:var(--color-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);border:1.5px solid var(--color-border-strong);box-shadow:var(--shadow-pop);font-size:var(--text-sm);font-weight:700;opacity:0;transform:translateY(8px) rotate(-1deg);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);max-width:min(92vw,480px)}.toast__icon{width:22px;height:22px;flex-shrink:0;border-radius:var(--radius-pill);display:inline-grid;place-items:center;background:var(--color-info-soft);color:var(--color-info)}.toast__icon svg{width:13px;height:13px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.toast--success{background:var(--color-success-soft)}.toast--success .toast__icon{background:var(--color-success);color:#fff}.toast--error{background:var(--color-danger-soft)}.toast--error .toast__icon{background:var(--color-danger);color:#fff}.toast--info .toast__icon{background:var(--color-info);color:#fff}.toast-stack.is-visible .toast{opacity:1;transform:translateY(0) rotate(0)}.home{max-width:1200px;margin:0 auto;padding-block:var(--space-7) var(--space-9)}.home__hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:var(--space-7)}.home .feature-grid,.home .home__popular,.home .home__notes{scroll-margin-top:90px}.home__intro{min-width:0}.home__kicker{display:inline-block;color:var(--color-text);background:var(--color-lemon);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);padding:5px 14px;transform:rotate(-1.5deg);margin:0 0 var(--space-4)}.home__stamp{position:absolute;top:-6px;right:4px;z-index:2;display:grid;place-items:center;width:92px;height:92px;border:3px double var(--color-bubble);border-radius:50%;color:var(--color-bubble);font-family:var(--font-comic);font-size:15px;line-height:1.05;text-align:center;text-transform:uppercase;letter-spacing:.04em;transform:rotate(13deg);opacity:.85;pointer-events:none;animation:stamp-wobble 5s ease-in-out infinite}.home__stamp:after{content:"";position:absolute;inset:5px;border:1.5px dashed rgb(255 107 153 / .6);border-radius:50%}@keyframes stamp-wobble{0%,to{transform:rotate(13deg)}50%{transform:rotate(8deg) scale(1.03)}}@media (max-width: 767px){.home__stamp{width:74px;height:74px;font-size:12.5px;top:-14px;right:0}}.home__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;line-height:.98;letter-spacing:-.03em;margin:0 0 var(--space-3);text-transform:lowercase}.home__title em{font-style:normal;background:var(--grad-text);background-clip:text;-webkit-background-clip:text;color:transparent}.home__tagline{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--space-3)}.home__desc{color:var(--color-text-secondary);max-width:54ch;margin:0 0 var(--space-5);padding:13px 16px 13px 18px;background:var(--color-surface);border:2.5px solid var(--color-ink);border-radius:4px 16px 16px;box-shadow:4px 5px #1a1a24d9;font-size:var(--text-sm);font-weight:600;position:relative;transform:rotate(-.4deg)}.home__desc:before{content:"✦ keterangan";position:absolute;top:-13px;left:14px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink);background:var(--color-mint);border:2px solid var(--color-ink);border-radius:var(--radius-pill);padding:2px 9px;transform:rotate(-2.5deg)}.home__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.home__showcase{position:relative;margin:0 auto;width:min(340px,80vw);background:var(--color-surface);border:2.5px solid var(--color-ink);border-radius:var(--radius-lg);box-shadow:6px 7px 0 -2px #1a1a242e;padding:var(--space-4);display:grid;gap:var(--space-3);transform:rotate(2deg);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.home__showcase:hover{transform:rotate(-.6deg) translateY(-6px);box-shadow:8px 10px 0 -2px #1a1a2438}.home__showcase-tape{position:absolute;top:-16px;left:50%;width:120px;height:34px;transform:translate(-50%) rotate(-3deg);background:#a682ffd9;border:1.5px solid var(--color-border-strong);border-radius:4px;z-index:1}.home__showcase-body{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;min-height:240px;align-content:start}.home__showcase-body.is-photos{cursor:pointer}.home__showcase-body.is-frames{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:clamp(8px,1.3vw,18px);min-height:0;padding:4px 0 2px}.home__showcase-img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-muted);transition:transform var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}.home__showcase-img:hover{transform:scale(1.04) rotate(-1.2deg);filter:saturate(1.1)}.home__showcase-frame{height:clamp(210px,22vw,300px);width:auto;padding:0;border:0;border-radius:12px;background:none;object-fit:contain;cursor:pointer;transform:rotate(var(--tilt, 0deg));box-shadow:0 16px 28px -20px #1a1a24d9;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.home__showcase-frame:hover{transform:rotate(0) translateY(-8px) scale(1.04);box-shadow:0 24px 38px -20px #1a1a24e6;z-index:2}.home__hero.is-frames-mode{grid-template-columns:minmax(0,1fr)}.home__hero.is-frames-mode .home__intro{max-width:760px}.home__showcase.is-frames-mode{width:100%;max-width:none;background:none;border:0;border-radius:0;box-shadow:none;padding:0;transform:none;display:grid;gap:var(--space-3)}.home__showcase.is-frames-mode:hover{transform:none;box-shadow:none}.home__showcase.is-frames-mode .home__showcase-tape,.home__showcase.is-frames-mode .home__showcase-deco{display:none}.home__showcase.is-frames-mode .home__showcase-clip{overflow:visible;border-radius:0;min-width:0}.home__showcase-cap{justify-self:center;order:-1;font-size:var(--text-sm);min-height:0}.home__showcase-cap a{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius-pill);box-shadow:3px 4px 0 -1px #1a1a243d;color:var(--color-text);font-weight:800;text-decoration:none;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.home__showcase-cap a:hover{transform:translate(-1px,-3px);background:var(--color-lemon);box-shadow:4px 6px 0 -1px #1a1a2447;color:var(--color-text)}.home__showcase-skel{display:block;aspect-ratio:3 / 4;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:linear-gradient(100deg,var(--color-surface-muted) 40%,#fff 50%,var(--color-surface-muted) 60%);background-size:200% 100%;animation:skel-slide 1.2s ease-in-out infinite}@keyframes skel-slide{0%{background-position:130% 0}to{background-position:-70% 0}}.home__showcase figcaption{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;text-align:center;color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;min-height:1em}.home__showcase figcaption a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.home__showcase figcaption a:hover{color:var(--color-primary)}.home__showcase-deco{position:absolute;font-size:26px;color:var(--color-primary);text-shadow:2px 2px 0 var(--color-ink);animation:deco-float 3.2s ease-in-out infinite}.home__showcase-deco--a{top:-34px;right:-18px;color:var(--color-accent)}.home__showcase-deco--b{bottom:-30px;left:-16px;color:var(--color-lemon);animation-delay:1.2s}.home__hero.is-showcase-off{grid-template-columns:minmax(0,1fr)}.home__hero.is-showcase-off .home__intro{max-width:720px}@keyframes deco-float{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(8deg)}}@media (max-width: 767px){.home__hero{grid-template-columns:1fr;gap:var(--space-6)}.home__actions .btn{flex:1 1 auto}.home__showcase{width:min(320px,92vw);transform:none}.home__showcase-frame{height:clamp(150px,38vw,220px)}.home__showcase-cap a{font-size:var(--text-xs);padding:8px 14px}.home__popular-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home__popular-thumb{min-height:150px}.home__popular-thumb img{max-height:160px}}.slot-filter{display:inline-flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:5px;padding:5px;max-width:100%;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);scrollbar-width:none}.slot-filter::-webkit-scrollbar{display:none}.slot-filter__btn{border:0;background:transparent;color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;padding:0 var(--space-4);height:38px;min-width:44px;flex:0 0 auto;white-space:nowrap;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.slot-filter__btn:hover{background:var(--color-primary-soft);color:var(--color-text)}.slot-filter__btn.is-active{background:var(--color-primary);color:#fff;box-shadow:inset 0 -2px #0000001f}.cat-row{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:var(--space-2);padding:4px 2px 6px;margin:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.cat-row::-webkit-scrollbar{display:none}.cat-row>*{flex:0 0 auto;scroll-snap-align:start}.frame-filters{display:grid;gap:var(--space-4);margin:0 0 var(--space-5)}.frame-filters__group{display:grid;gap:6px;min-width:0}.frame-filters__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.frame-filters__hint{font-size:11px;letter-spacing:.06em;text-transform:none;color:var(--color-primary)}.frame-filters__hint[hidden]{display:none}.scroll-row{position:relative;min-width:0}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:19px;line-height:1;cursor:pointer;box-shadow:var(--shadow-card);display:grid;place-items:center;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.scroll-arrow:hover{background:var(--color-primary-soft);transform:translateY(-50%) scale(1.08)}.scroll-arrow:active{transform:translateY(-50%) scale(.94)}.scroll-arrow[hidden]{display:none}.scroll-arrow--left{left:-6px}.scroll-arrow--right{right:-6px}.frame-filters__track{position:relative;min-width:0}.frame-filters__track:after{content:"";position:absolute;inset:0 0 0 auto;width:44px;pointer-events:none;background:linear-gradient(90deg,rgb(255 251 253 / 0),var(--color-bg) 85%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.frame-filters__track:not(.is-end):after{opacity:1}.home--landing{padding-block:var(--space-7) var(--space-8)}.feature-grid{margin-top:var(--space-8);display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-4)}.feature-card{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:var(--space-2);justify-items:start;position:relative;overflow:hidden;text-align:left;padding:var(--space-5);background:var(--color-surface);border:2.5px solid var(--color-ink);border-radius:var(--radius-xl);box-shadow:5px 6px 0 -2px #1a1a2429;cursor:pointer;font:inherit;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.feature-card:after{content:attr(data-step);position:absolute;right:-6px;bottom:-22px;font-family:var(--font-comic);font-size:76px;line-height:1;color:#1a1a2412;pointer-events:none;transition:transform var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}.feature-card:hover:after{transform:rotate(-8deg) scale(1.1);color:#1a1a2421}.feature-card:before{content:"";position:absolute;inset:0 0 auto;height:8px;background:repeating-linear-gradient(-45deg,var(--color-ink) 0 7px,transparent 7px 15px);opacity:.16;pointer-events:none}.feature-card:hover{transform:translateY(-5px) rotate(-.7deg);box-shadow:7px 9px 0 -2px #1a1a2433}.feature-card:active{transform:translateY(-1px) scale(.99)}.feature-card--pink{background:linear-gradient(165deg,var(--color-surface) 35%,var(--color-primary-soft))}.feature-card--violet{background:linear-gradient(165deg,var(--color-surface) 35%,var(--color-accent-soft))}.feature-card--mint{background:linear-gradient(165deg,var(--color-surface) 35%,var(--color-success-soft))}.feature-card--lemon{background:linear-gradient(165deg,var(--color-surface) 35%,#fff8e0)}.feature-card__icon{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:2px;border:1.5px solid currentColor;border-radius:15px;background:var(--color-surface);transform:rotate(-3deg);transition:transform var(--duration-fast) var(--ease-out)}.feature-card__icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.feature-card:hover .feature-card__icon{transform:rotate(3deg)}.feature-card--pink .feature-card__icon{color:var(--color-primary);background:var(--color-primary-soft)}.feature-card--violet .feature-card__icon{color:var(--color-accent);background:var(--color-accent-soft)}.feature-card--mint .feature-card__icon{color:var(--color-success);background:var(--color-success-soft)}.feature-card--lemon .feature-card__icon{color:#a97a05;background:#fff8e0}.feature-card__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-text)}.feature-card__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.feature-card__cta{font-size:var(--text-sm);font-weight:800;color:var(--color-primary);letter-spacing:.01em;align-self:end}.home__notes{margin-top:var(--space-7);display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-3);justify-content:center}.note-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:7px 15px;background:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:800;color:var(--color-text-secondary);box-shadow:var(--shadow-xs);position:relative}.home__notes .note-pill:nth-child(4n+1){transform:rotate(-1.4deg)}.home__notes .note-pill:nth-child(4n+2){transform:rotate(1.1deg) translateY(-2px)}.home__notes .note-pill:nth-child(4n+3){transform:rotate(-.7deg) translateY(1px)}.home__notes .note-pill:nth-child(4n+4){transform:rotate(1.6deg)}.home__notes .note-pill:hover{transform:rotate(0) translateY(-3px);background:var(--color-lemon);color:var(--color-text)}.frames{max-width:1100px;margin:0 auto;padding-block:var(--space-6) var(--space-9)}.frames__head{max-width:none;margin-bottom:var(--space-5)}.frames__head-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.frames__head-copy{min-width:0}.frames__kicker{display:inline-block;margin:0 0 var(--space-3);padding:5px 14px;background:var(--color-lemon);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text);transform:rotate(-1deg)}.frames__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;margin:0}.frames__sub{color:var(--color-text-secondary);font-size:var(--text-sm);margin:var(--space-3) 0 0;max-width:72ch}.frames__search{flex:0 1 300px;width:min(300px,100%);min-width:0}.frames__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}@media (max-width: 767px){.frames{padding-bottom:calc(var(--space-9) + 72px)}.frames.frame-scroll{padding-bottom:0}.frames__cta{display:none}}@media (max-width: 767px){.frames.frame-scroll{display:flex;flex-direction:column;height:var(--frames-h, calc( 100dvh - var(--site-header-h, 57px) - env(safe-area-inset-top, 0px) - (var(--space-3) * 2 + 48px + env(safe-area-inset-bottom, 0px)) ));padding-bottom:0;overflow:hidden;overscroll-behavior:contain}.frames.frame-scroll .frame-groups{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.frames.frame-scroll .frame-settings{flex:0 0 auto}}.frames__head,.frame-filters{flex:0 0 auto}.frame-groups>.frame-group,.frame-groups>.empty-state{flex-shrink:0}.frame-groups{display:grid;gap:var(--space-6)}.frame-group{padding:var(--space-4);background:#ffffffa8;border:1px solid var(--color-border);border-radius:var(--radius-xl)}@media (min-width: 768px){.frame-group{padding:var(--space-5)}}.frame-group__head{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-4)}.frame-group__count{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-pill);background:var(--color-primary);border:1.5px solid var(--color-border-strong);color:#fff;font-family:var(--font-display);font-weight:700;transform:rotate(-6deg)}.frame-group__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.frame-group__sub{font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted)}.frame-group__sub:before{content:"· "}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--space-4)}@media (min-width: 768px){.template-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-5)}}.template-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-4);text-align:left;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;font-family:inherit;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.template-card:hover{transform:translate(-2px,-4px) rotate(-1deg);box-shadow:var(--shadow-card-hover);background:var(--color-primary-soft)}.template-card:active{transform:translateY(0) scale(.99);box-shadow:var(--shadow-xs)}.template-card.is-selected{background:var(--color-primary-soft);box-shadow:0 0 0 2.5px var(--color-primary),0 14px 28px #ff6b9942;transform:rotate(-1.5deg)}.template-card__thumb{position:relative;display:block;aspect-ratio:9 / 16;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-muted);border:1.5px solid var(--color-border-strong)}.template-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-out)}.template-card:hover .template-card__thumb img{transform:scale(1.05)}.template-card__slots{position:absolute;top:var(--space-2);left:var(--space-2);background:var(--color-lemon);color:var(--color-text);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:11px;font-weight:700;padding:2px 8px}.template-card__badge{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--color-primary);color:#fff;border:1.5px solid var(--color-border-strong);font-size:var(--text-xs);font-weight:800;padding:2px var(--space-2);border-radius:var(--radius-pill)}.template-card__name{font-size:var(--text-base);font-weight:800;color:var(--color-text)}.template-card__meta{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.frame-settings{margin-top:var(--space-5);padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary-soft),var(--color-accent-soft));border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}@media (min-width: 768px){.frame-settings{padding:var(--space-5)}}.frame-settings__head{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-3)}.frame-settings__head strong{color:var(--color-primary)}.frame-settings__icon{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:10px}.frame-settings__grid{list-style:none;margin:0 0 var(--space-3);padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.frame-settings__item{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.frame-settings__item span{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.frame-settings__item strong{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text)}.frame-settings__note{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.segmented{display:inline-flex;padding:4px;gap:4px;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-card)}.segmented__btn{border:0;background:transparent;color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;padding:0 var(--space-4);height:34px;min-width:42px;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.segmented__btn:hover{background:var(--color-primary-soft);color:var(--color-text)}.segmented__btn.is-active{background:var(--color-primary);color:#fff}.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom,0px));--sticky-h: calc(var(--space-3) * 2 + 48px + env(safe-area-inset-bottom, 0px));background:#ffffffeb;backdrop-filter:blur(12px);border-top:1.5px solid var(--color-border-strong);transform:translateY(0);transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}.sticky-bar.is-hidden{transform:translateY(110%);opacity:0;pointer-events:none}@media (min-width: 768px){.sticky-bar{display:none}}@media (max-width: 767px){.home{padding-bottom:calc(var(--space-9) + 72px)}}.skeleton{position:relative;overflow:hidden;background:var(--color-surface);border:2.5px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.skeleton__shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 107 153 / .18),transparent);transform:translate(-100%);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton--card{aspect-ratio:9 / 18}.skeleton__text{position:relative;display:block;text-align:center;padding-top:40%;font-size:var(--text-sm);color:var(--color-text-muted)}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-7) var(--space-4);border:2.5px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:#fffc}.empty-state__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-2)}.empty-state__hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-4)}.empty-state code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface-muted);padding:2px 6px;border-radius:var(--radius-sm)}.help__list{margin:0 0 var(--space-4);padding-left:var(--space-5);display:grid;gap:var(--space-2);font-size:var(--text-sm)}.help__note{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-info-soft);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3);margin:0 0 var(--space-3)}.help__shortcuts{font-size:var(--text-xs);color:var(--color-text-muted);margin:0 0 var(--space-4)}.help__shortcuts kbd{font-family:var(--font-mono);font-size:11px;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:8px;padding:1px 6px;box-shadow:var(--shadow-card)}.onb__sub{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;margin:0 0 var(--space-4)}.onb__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.onb-card{display:grid;justify-items:center;gap:6px;padding:var(--space-4) var(--space-3);text-align:center;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.onb-card:hover{transform:translate(-2px,-3px);box-shadow:var(--shadow-card-hover);background:var(--color-primary-soft)}.onb-card:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-xs)}.onb-card__icon{font-size:36px;line-height:1}.onb-card__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--color-text)}.onb-card__hint{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);line-height:1.35}.onb__note{margin:0;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-align:center}.onb__actions{display:grid;gap:var(--space-3)}html[data-layout=phone] .container{max-width:560px}html[data-layout=phone] .home{padding-bottom:calc(var(--space-9) + 72px)}html[data-layout=phone] .home__hero{grid-template-columns:1fr;gap:var(--space-6)}html[data-layout=phone] .home__actions .btn{flex:1 1 auto}html[data-layout=phone] .site-nav{order:3;width:100%;justify-content:center;padding-bottom:2px}html[data-layout=phone] .template-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--space-4)}html[data-layout=phone] .frame-group,html[data-layout=phone] .frame-settings{padding:var(--space-4)}html[data-layout=phone] .sticky-bar{display:block}@media (min-width: 768px){html[data-layout=phone] body.is-fullview #app{height:auto;min-height:100dvh}html[data-layout=phone] body.is-fullview .site-view{overflow:visible;display:block}html[data-layout=phone] .capture,html[data-layout=phone] .capture.is-fullview{grid-template-columns:1fr;height:auto;overflow:visible;gap:16px}html[data-layout=phone] .capture.is-fullview .capture__side,html[data-layout=phone] .capture.is-fullview .capture__main{display:block;min-height:0}html[data-layout=phone] .capture__side{order:2}html[data-layout=phone] .capture__main{order:1}html[data-layout=phone] .capture.is-fullview .tpl-slot,html[data-layout=phone] .tpl-slot{position:static}html[data-layout=phone] .tpl-preview,html[data-layout=phone] .capture.is-fullview .tpl-preview{min-height:0;height:auto;flex:none}html[data-layout=phone] .tpl-preview__hint{margin-top:20px}html[data-layout=phone] .tpl-preview__stage,html[data-layout=phone] .capture.is-fullview .tpl-preview__stage,html[data-layout=phone] .strip-live__stage,html[data-layout=phone] .capture.is-fullview .strip-live__stage{flex:none;height:min(56dvh,500px);max-height:none}html[data-layout=phone] .capture .camera__stage{flex:none;width:100%;height:auto;aspect-ratio:3 / 4;max-height:min(66dvh,620px)}html[data-layout=phone] .capture.is-fullview .tpl-cards,html[data-layout=phone] .tpl-cards{max-height:300px}html[data-layout=phone] .editor,html[data-layout=phone] .editor.is-fullview{grid-template-columns:1fr}html[data-layout=phone] .editor__stage-wrap,html[data-layout=phone] .editor.is-fullview .editor__stage-wrap{height:auto;min-height:0;padding:10px;box-shadow:none}html[data-layout=phone] .editor__canvas{max-height:56dvh}html[data-layout=phone] .editor__panel,html[data-layout=phone] .editor.is-fullview .editor__panel{position:static;max-height:none;top:auto}html[data-layout=phone] .sticker-picker__grid,html[data-layout=phone] .sticker-picker__emoji-grid{max-height:120px}}@media (min-width: 560px){html[data-layout=desktop] .home__hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-7)}html[data-layout=desktop] .site-nav{order:0;width:auto;justify-content:flex-start;padding-bottom:0}html[data-layout=desktop] .template-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-5)}html[data-layout=desktop] .frame-group{padding:var(--space-5)}html[data-layout=desktop] .sticky-bar{display:none}html[data-layout=desktop] .home{padding-bottom:var(--space-9)}}@media (min-width: 560px) and (max-width: 767px){html[data-layout=desktop] .capture,html[data-layout=desktop] .capture.is-fullview{grid-template-columns:minmax(0,350px) minmax(0,1fr);height:100%;overflow:hidden;gap:24px}html[data-layout=desktop] .capture__side,html[data-layout=desktop] .capture__main{order:0}html[data-layout=desktop] body.is-fullview #app{height:100dvh}html[data-layout=desktop] body.is-fullview .site-view{overflow:hidden;display:flex;flex-direction:column}html[data-layout=desktop] .editor,html[data-layout=desktop] .editor.is-fullview{grid-template-columns:minmax(0,1fr) 300px}html[data-layout=desktop] .editor__panel,html[data-layout=desktop] .editor.is-fullview .editor__panel{position:static;max-height:none}}.label{margin:0;font-family:var(--font-comic);font-size:var(--text-xs);font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.card{background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius-xl);box-shadow:4px 5px 0 -2px #1a1a2429;overflow:hidden}.card__body{display:grid;gap:var(--space-4);padding:var(--space-5)}.card__body>*{margin:0}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes page-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.page-enter{animation:page-in var(--duration-normal) var(--ease-out) both}.page-exit{animation:page-out var(--duration-fast) var(--ease-out) both}body.is-booted #app{animation:page-in var(--duration-slow) var(--ease-out) both}body.is-party:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(120deg,#ff6b9942,#b8a4fb3d 34%,#4ecca33d 67%,#ffe06642);background-size:260% 260%;animation:party-wash 9s linear infinite}@keyframes party-wash{to{background-position:260% 0}}.countdown-overlay{position:fixed;inset:0;z-index:130;display:grid;place-items:center;background:#1a1a246b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:backdrop-in var(--duration-normal) var(--ease-out) both}.countdown-overlay--flash{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.countdown-number{font-family:var(--font-display);font-weight:700;font-size:clamp(5rem,24vw,10rem);line-height:1;color:#fff;text-shadow:0 6px 0 rgb(26 26 36 / .28),0 18px 44px rgb(0 0 0 / .35)}.countdown-number.is-ticking{animation:count-pop .64s var(--ease-out) both}@keyframes count-pop{0%{transform:scale(.35);opacity:0}45%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:.94}}.confetti-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:140}.download{padding-block:var(--space-6) var(--space-8)}.download__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:var(--space-6);align-items:start}.download__preview{display:grid;gap:var(--space-3);justify-items:center}.download__frame{width:min(360px,100%)}.download__frame .skeleton{display:grid;place-items:center;width:100%;aspect-ratio:9 / 16}.download__frame .skeleton__text{padding-top:0}.download__frame canvas,.download__frame>img{display:block;width:100%;height:auto;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:page-in var(--duration-normal) var(--ease-out) both}.download__caption{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);text-align:center}.download__panel{position:sticky;top:84px}.download__title{font-family:var(--font-display);font-size:var(--text-2xl)}.download__sub{color:var(--color-text-secondary);font-size:var(--text-sm)}.result-list{display:grid;gap:var(--space-2)}.result-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md)}.result-row__label{font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);flex-shrink:0}.result-row__value{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text);text-align:right}.result-row__input{flex:1 1 auto;min-width:0;border:0;border-bottom:1.5px dashed var(--color-border-strong);background:transparent;padding:4px 0;font:inherit;font-size:var(--text-sm);font-weight:700;color:var(--color-text);text-align:right}.result-row__input:focus{outline:none;border-bottom-style:solid;border-bottom-color:var(--color-primary)}.download__error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0;padding:var(--space-3) var(--space-4);background:var(--color-danger-soft);border:1.5px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700;color:var(--color-danger)}.download__actions{display:grid;gap:var(--space-2)}.download__extra{display:flex;flex-wrap:wrap;gap:var(--space-2)}.download__extra .chip{min-height:36px;font-size:var(--text-xs)}.download__privacy{margin:0;font-size:var(--text-xs);line-height:1.5;color:var(--color-text-muted);text-align:center}@media (max-width: 900px){.download__grid{grid-template-columns:1fr}.download__panel{position:static}.download__frame{width:min(300px,100%)}}.credit{max-width:1000px;margin:0 auto;padding:var(--space-7) clamp(16px,4vw,32px) var(--space-9);display:grid;gap:var(--space-5)}.credit__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:var(--space-5);align-items:start}.credit__card{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.credit__avatar-wrap{flex-shrink:0;width:96px;height:96px;overflow:hidden;border:1.5px solid var(--color-ink);border-radius:26px;background:var(--color-primary-soft);transform:rotate(-3deg)}.credit__avatar{width:100%;height:100%;object-fit:cover}.credit__name{font-family:var(--font-display);font-size:var(--text-2xl)}.credit__bio{margin:var(--space-2) 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm)}.credit__tech{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-4);padding:0}.credit__tech-item{padding:5px 11px;background:var(--color-accent-soft);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.credit__links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.credit__support{padding:var(--space-5);background:linear-gradient(160deg,var(--color-primary-soft),var(--color-accent-soft));border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.credit__support-title{font-family:var(--font-display);font-size:var(--text-xl);margin:0 0 var(--space-2)}.credit__support-note{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.credit__back{justify-self:start;font-size:var(--text-sm);font-weight:800;color:var(--color-text-secondary);text-decoration:none;border-bottom:2px solid var(--color-border-strong);padding-bottom:2px}.credit__back:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}@media (max-width: 820px){.credit__grid{grid-template-columns:1fr}.credit__card{flex-direction:column;align-items:center;text-align:center}.credit__tech,.credit__links{justify-content:center}}.guide{max-width:1000px;margin:0 auto;padding-block:var(--space-7) var(--space-9)}.guide__hero{max-width:62ch;margin:0 auto var(--space-8);text-align:center}.guide__kicker{display:inline-block;margin:0 0 var(--space-3);padding:5px 14px;background:var(--color-accent-soft);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text);transform:rotate(-1deg)}.guide__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700}.guide__title em{font-style:normal;background:var(--grad-text);background-clip:text;-webkit-background-clip:text;color:transparent}.guide__sub{margin:var(--space-3) 0 var(--space-5);color:var(--color-text-secondary);font-size:var(--text-base)}.guide__hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.guide-steps{list-style:none;margin:0 0 var(--space-8);padding:var(--space-3) 0 0;display:grid;gap:var(--space-5)}.guide-step{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.guide-step__num{position:absolute;top:-13px;left:var(--space-5);display:grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--color-ink);border-radius:50%;background:var(--color-primary);color:#fff;font-family:var(--font-display);font-size:14px;font-weight:700;transform:rotate(-6deg)}.guide-step__icon{display:grid;place-items:center;width:58px;height:58px;border:1.5px solid var(--color-border-strong);border-radius:18px;background:var(--color-primary-soft);font-size:26px;line-height:1}.guide-step__body{min-width:0;display:grid;gap:6px}.guide-step__title{font-family:var(--font-display);font-size:var(--text-lg)}.guide-step__text{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.guide-step__note{margin:2px 0 0;padding:8px 11px;border-left:3px solid var(--color-border-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-surface-muted);font-size:var(--text-xs);color:var(--color-text-muted)}.guide-step--violet .guide-step__icon{background:var(--color-accent-soft);color:var(--color-accent)}.guide-step--mint .guide-step__icon{background:var(--color-success-soft);color:var(--color-success)}.guide-step--lemon .guide-step__icon{background:#fff8e0;color:#a97a05}.guide-step--pink .guide-step__icon{background:var(--color-primary-soft);color:var(--color-primary)}.guide__section-title{margin:0 0 var(--space-5);font-family:var(--font-display);font-size:var(--text-2xl);text-align:center}.guide__tips,.guide__flow{margin-bottom:var(--space-8)}.tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:var(--space-4)}.tip-card{display:grid;gap:6px;justify-items:start;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.tip-card__icon{font-size:22px;line-height:1}.tip-card__title{margin:0;font-family:var(--font-display);font-size:var(--text-base)}.tip-card__text{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.guide-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-5) var(--space-4);background:#ffffffa8;border:1px solid var(--color-border);border-radius:var(--radius-xl)}.guide-flow__node{display:grid;justify-items:center;gap:7px}.guide-flow__dot{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid var(--color-ink);border-radius:50%;background:var(--color-surface);font-family:var(--font-display);font-size:14px;font-weight:700}.guide-flow__label{font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.guide-flow__arrow{color:var(--color-primary);font-weight:700}.guide__cta{display:grid;gap:var(--space-4);justify-items:center;padding:var(--space-6) var(--space-5);text-align:center;background:linear-gradient(150deg,var(--color-primary-soft),var(--color-accent-soft));border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xl)}.guide__cta p{margin:0;font-family:var(--font-display);font-size:var(--text-lg)}@media (max-width: 640px){.guide-step{grid-template-columns:1fr;gap:var(--space-3);padding-top:var(--space-6)}.guide-step__num{left:auto;right:var(--space-5)}}.gallery{max-width:1100px;margin:0 auto;padding:var(--space-7) clamp(16px,4vw,32px) var(--space-9)}.gallery__head{max-width:62ch;margin:0 auto var(--space-6);text-align:center}.gallery__kicker{display:inline-block;margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary)}.gallery__title{font-family:var(--font-display);font-size:var(--text-3xl)}.gallery__title em{font-style:normal;background:var(--grad-text);background-clip:text;-webkit-background-clip:text;color:transparent}.gallery__sub{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.gallery__admin{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.gallery__admin-hint{padding:6px 13px;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.gallery__admin-hint.is-admin{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:var(--space-4)}.gallery__card{margin:0;display:grid;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius-lg);box-shadow:3px 4px 0 -1px #1a1a2433;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.gallery__card:hover{transform:translateY(-3px);box-shadow:5px 7px 0 -1px #1a1a2442}.gallery__img-wrap{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface-muted)}.gallery__img{display:block;width:100%;aspect-ratio:9 / 16;object-fit:cover;cursor:zoom-in;transition:transform var(--duration-normal) var(--ease-out)}.gallery__card:hover .gallery__img{transform:scale(1.03)}.gallery__date,.gallery__badge{position:absolute;padding:3px 8px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:#ffffffeb;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--color-text-secondary)}.gallery__date{left:8px;bottom:8px}.gallery__badge{top:8px;right:8px;background:var(--color-lemon);color:var(--color-text);text-transform:uppercase}.gallery__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.gallery__tpl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:800;color:var(--color-text)}.gallery__acts{display:flex;gap:6px;flex-shrink:0}.gallery__acts .chip{min-height:30px;padding:0 10px;font-size:13px}.chip--danger{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.chip--danger:hover{background:var(--color-danger);color:#fff}.gallery__empty{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);text-align:center;background:#fffc;border:2.5px dashed var(--color-border-strong);border-radius:var(--radius-xl)}.gallery__empty-art{font-size:38px;line-height:1}.gallery__empty h2{margin:0;font-family:var(--font-display);font-size:var(--text-xl)}.gallery__empty p{margin:0;max-width:54ch;font-size:var(--text-sm);color:var(--color-text-secondary)}.lightbox{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:var(--space-4);background:#1a1a24d1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:backdrop-in var(--duration-normal) var(--ease-out) both}.lightbox__inner{margin:0;display:grid;gap:var(--space-3);width:min(560px,100%);animation:modal-pop var(--duration-normal) var(--ease-out) both}.lightbox__img{display:block;width:100%;max-height:74dvh;object-fit:contain;background:#17121d;border:1.5px solid rgb(255 255 255 / .28);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.lightbox__cap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:#fff;font-size:var(--text-sm);font-weight:700}.lightbox__acts{display:flex;gap:var(--space-2);flex-shrink:0}.music-widget{position:fixed;right:14px;bottom:14px;z-index:60;display:flex;align-items:center;gap:9px;padding:6px 8px 6px 15px;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-pop)}.music-widget__label{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);font-weight:800;letter-spacing:.03em;color:var(--color-text-secondary)}.music-widget__btn{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1.5px solid var(--color-ink);border-radius:50%;background:var(--color-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.music-widget__btn:hover{background:var(--color-primary-hover);transform:scale(1.05)}.music-widget__btn:active{transform:scale(.94)}.music-widget__disc{position:relative;display:block;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--color-lemon) 0 3.5px,transparent 4px),repeating-radial-gradient(circle at 50% 50%,#3d2f47 0 2px,#554266 2px 3.5px)}.music-widget__disc i{display:none}.music-widget__btn.is-playing .music-widget__disc{animation:disc-spin 3.6s linear infinite}@keyframes disc-spin{to{transform:rotate(360deg)}}.music-widget__next{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1.5px solid var(--color-border-strong);border-radius:50%;background:var(--color-surface);color:var(--color-text);font-size:12px;line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.music-widget__next:hover{background:var(--color-primary-soft);transform:translate(2px)}@media (max-width: 767px){.music-widget{bottom:calc(76px + env(safe-area-inset-bottom,0px));right:10px}.music-widget__label{max-width:30vw}}.dl-drive{display:grid;gap:var(--space-4)}.dl-drive__info{display:flex;align-items:center;gap:var(--space-3)}.dl-drive__icon{flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;border:1.5px solid var(--color-border-strong);border-radius:15px;background:var(--color-accent-soft);color:var(--color-accent);transform:rotate(-4deg)}.dl-drive__icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linejoin:round}.dl-drive__text{margin:0;font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary)}.dl-drive__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dl-drive__progress{display:flex;align-items:center;gap:var(--space-3)}.dl-drive__bar{flex:1;height:10px;overflow:hidden;background:var(--color-surface-muted);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill)}.dl-drive__bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .18s linear}.dl-drive__pct{min-width:42px;text-align:right;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--color-text-secondary)}.donation__method-account{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--color-text-secondary)}.editor__next{height:46px;font-size:var(--text-base)}.camera__timers .camera__timer-off{color:var(--color-text-muted);font-size:13px}.sticker-search{position:relative}.sticker-search__icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--ink-2);stroke-width:2.2;fill:none;pointer-events:none}.modal__header-slot{min-width:0}.devlogin{min-height:min(72dvh,660px);display:grid;place-items:center;padding:var(--space-7) var(--space-4)}.devlogin__card{position:relative;width:min(430px,100%);display:grid;gap:var(--space-3);justify-items:center;text-align:center;padding:var(--space-6) var(--space-5) var(--space-5);background:var(--color-surface);border:2.5px solid var(--color-ink);border-radius:var(--radius-xl);box-shadow:7px 8px 0 -2px #1a1a242e;overflow:hidden;animation:modal-pop var(--duration-normal) var(--ease-out) both}.devlogin__card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--grad-text)}.devlogin__card.is-shake{animation:devlogin-shake .4s ease}@keyframes devlogin-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.devlogin__badge{width:66px;height:66px;display:grid;place-items:center;background:var(--grad-text);border:1.5px solid var(--color-ink);border-radius:22px;color:#fff;transform:rotate(-6deg);box-shadow:var(--shadow-card)}.devlogin__badge svg{width:30px;height:30px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.devlogin__kicker{margin:var(--space-2) 0 0;color:var(--color-text);background:var(--color-lemon);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);padding:4px 13px;transform:rotate(-1.5deg)}.devlogin__title{font-family:var(--font-display);font-size:var(--text-2xl);margin:0}.devlogin__title em{font-style:normal;background:var(--grad-text);background-clip:text;-webkit-background-clip:text;color:transparent}.devlogin__sub{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);max-width:34ch}.devlogin__form{width:100%;display:grid;gap:var(--space-3);margin-top:var(--space-2)}.devlogin__row{position:relative;display:flex}.devlogin__input{width:100%;height:52px;padding:0 48px 0 var(--space-4);font:inherit;font-weight:700;letter-spacing:.06em;color:var(--color-text);background:var(--color-surface-muted);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.devlogin__input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px var(--color-primary-soft)}.devlogin__input::placeholder{font-weight:500;letter-spacing:normal;color:var(--color-text-muted)}.devlogin__eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.devlogin__eye svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none}.devlogin__eye:hover{background:var(--color-primary-soft);color:var(--color-text)}.devlogin__eye.is-on{color:var(--color-primary)}.devlogin__hint{margin:0;padding:9px 13px;font-size:var(--text-sm);font-weight:700;color:var(--color-danger);background:var(--color-danger-soft);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm)}.devlogin__hint[hidden]{display:none}.devlogin__note{margin:0;font-size:var(--text-xs);color:var(--color-text-muted)}.devlogin__note[hidden]{display:none}.devlogin__back{font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);text-decoration:none}.devlogin__back:hover{color:var(--color-primary)}.home__showcase--grid .home__showcase-body.is-photos,.home__showcase--grid .home__showcase-body.is-frames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center}.home__showcase--grid .home__showcase-frame{height:clamp(170px,19vw,260px)}.home__showcase--bunga .home__showcase-body.is-photos,.home__showcase--bunga .home__showcase-body.is-frames{grid-template-columns:repeat(2,1fr);gap:0;padding-block:10px}.home__showcase--bunga .home__showcase-img{margin-block:-16px;border-radius:20px;box-shadow:var(--shadow-card)}.home__showcase--bunga .home__showcase-body.is-frames{display:flex;flex-wrap:wrap;justify-content:center}.home__showcase--bunga .home__showcase-frame{margin-inline:-34px}.home__showcase--bunga .home__showcase-frame:nth-child(odd){transform:rotate(-6deg);z-index:1}.home__showcase--bunga .home__showcase-frame:nth-child(2n){transform:rotate(5deg);z-index:2}.home__showcase--bunga .home__showcase-frame:hover{transform:rotate(0) scale(1.06);z-index:3}.home__showcase--bunga .home__showcase-img:nth-child(odd){transform:rotate(-6deg);z-index:1}.home__showcase--bunga .home__showcase-img:nth-child(2n){transform:rotate(5deg);z-index:2}.home__showcase--bunga .home__showcase-img:hover{transform:rotate(0) scale(1.06);z-index:3}.home__showcase--polaroid .home__showcase-body.is-photos,.home__showcase--polaroid .home__showcase-body.is-frames{gap:12px}.home__showcase--polaroid .home__showcase-img,.home__showcase--polaroid .home__showcase-frame{background:#fff;padding:7px 7px 24px;border-radius:8px;box-shadow:var(--shadow-card)}.home__showcase--polaroid .home__showcase-frame:nth-child(6n+1),.home__showcase--polaroid .home__showcase-img:nth-child(6n+1){transform:rotate(-5deg)}.home__showcase--polaroid .home__showcase-frame:nth-child(6n+2),.home__showcase--polaroid .home__showcase-img:nth-child(6n+2){transform:rotate(4deg)}.home__showcase--polaroid .home__showcase-frame:nth-child(6n+3),.home__showcase--polaroid .home__showcase-img:nth-child(6n+3){transform:rotate(-3deg)}.home__showcase--polaroid .home__showcase-frame:nth-child(6n+4),.home__showcase--polaroid .home__showcase-img:nth-child(6n+4){transform:rotate(6deg)}.home__showcase--polaroid .home__showcase-frame:nth-child(6n+5),.home__showcase--polaroid .home__showcase-img:nth-child(6n+5){transform:rotate(-6deg)}.home__showcase--polaroid .home__showcase-frame:nth-child(6n+6),.home__showcase--polaroid .home__showcase-img:nth-child(6n+6){transform:rotate(3deg)}.home__showcase--polaroid .home__showcase-frame:hover,.home__showcase--polaroid .home__showcase-img:hover{transform:rotate(0) scale(1.05);z-index:2}.home__showcase--strip .home__showcase-body.is-photos,.home__showcase--strip .home__showcase-body.is-frames{display:grid;grid-template-columns:1fr;gap:10px}.home__showcase--strip .home__showcase-img,.home__showcase--strip .home__showcase-frame{height:165px;width:auto;max-width:100%;justify-self:center}.home__showcase--ring .home__showcase-body.is-photos,.home__showcase--ring .home__showcase-body.is-frames{display:block;position:relative;aspect-ratio:1;min-height:300px}.home__showcase--ring .home__showcase-img,.home__showcase--ring .home__showcase-frame{position:absolute;width:31%}.home__showcase--ring .home__showcase-frame{height:auto}.home__showcase--ring .home__showcase-frame:nth-child(1),.home__showcase--ring .home__showcase-img:nth-child(1){left:34.5%;top:0;transform:rotate(-4deg)}.home__showcase--ring .home__showcase-frame:nth-child(2),.home__showcase--ring .home__showcase-img:nth-child(2){left:67%;top:15%;transform:rotate(5deg)}.home__showcase--ring .home__showcase-frame:nth-child(3),.home__showcase--ring .home__showcase-img:nth-child(3){left:67%;top:55%;transform:rotate(-5deg)}.home__showcase--ring .home__showcase-frame:nth-child(4),.home__showcase--ring .home__showcase-img:nth-child(4){left:34.5%;top:69%;transform:rotate(4deg)}.home__showcase--ring .home__showcase-frame:nth-child(5),.home__showcase--ring .home__showcase-img:nth-child(5){left:2%;top:55%;transform:rotate(-4deg)}.home__showcase--ring .home__showcase-frame:nth-child(6),.home__showcase--ring .home__showcase-img:nth-child(6){left:2%;top:15%;transform:rotate(5deg)}.home__showcase--ring .home__showcase-frame:hover,.home__showcase--ring .home__showcase-img:hover{transform:scale(1.08) rotate(0);z-index:3}.home__showcase--zigzag .home__showcase-body.is-photos,.home__showcase--zigzag .home__showcase-body.is-frames{gap:10px;padding-bottom:30px}.home__showcase--zigzag .home__showcase-frame:nth-child(odd),.home__showcase--zigzag .home__showcase-img:nth-child(odd){transform:translateY(0) rotate(-3deg)}.home__showcase--zigzag .home__showcase-frame:nth-child(2n),.home__showcase--zigzag .home__showcase-img:nth-child(2n){transform:translateY(30px) rotate(3deg)}.home__showcase--zigzag .home__showcase-frame:hover,.home__showcase--zigzag .home__showcase-img:hover{transform:translateY(-4px) rotate(0)}.home__showcase--piramida .home__showcase-body.is-photos,.home__showcase--piramida .home__showcase-body.is-frames{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home__showcase--piramida .home__showcase-frame:first-child,.home__showcase--piramida .home__showcase-img:first-child{grid-column:1 / -1;transform:rotate(-1.5deg)}.home__showcase--piramida .home__showcase-frame:not(:first-child),.home__showcase--piramida .home__showcase-img:not(:first-child){transform:rotate(2deg)}.home__showcase--piramida .home__showcase-frame:hover,.home__showcase--piramida .home__showcase-img:hover{transform:rotate(0) scale(1.04)}.home__showcase--domino .home__showcase-body.is-photos,.home__showcase--domino .home__showcase-body.is-frames{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:start}.home__showcase--domino .home__showcase-frame:nth-child(2n),.home__showcase--domino .home__showcase-img:nth-child(2n){margin-top:36px;transform:rotate(2.5deg)}.home__showcase--domino .home__showcase-frame:nth-child(odd),.home__showcase--domino .home__showcase-img:nth-child(odd){transform:rotate(-2.5deg)}.home__showcase--domino .home__showcase-frame:hover,.home__showcase--domino .home__showcase-img:hover{transform:rotate(0) scale(1.05)}.home__showcase--kipas .home__showcase-body.is-photos,.home__showcase--kipas .home__showcase-body.is-frames{display:flex;justify-content:center;align-items:flex-end;gap:2px;min-height:280px;padding-bottom:8px}.home__showcase--kipas .home__showcase-img,.home__showcase--kipas .home__showcase-frame{flex:0 0 auto;width:15%;height:auto;transform-origin:bottom center}.home__showcase--kipas .home__showcase-frame:nth-child(6n+1),.home__showcase--kipas .home__showcase-img:nth-child(6n+1){transform:rotate(-21deg) translateY(8px)}.home__showcase--kipas .home__showcase-frame:nth-child(6n+2),.home__showcase--kipas .home__showcase-img:nth-child(6n+2){transform:rotate(-13deg)}.home__showcase--kipas .home__showcase-frame:nth-child(6n+3),.home__showcase--kipas .home__showcase-img:nth-child(6n+3){transform:rotate(-5deg)}.home__showcase--kipas .home__showcase-frame:nth-child(6n+4),.home__showcase--kipas .home__showcase-img:nth-child(6n+4){transform:rotate(5deg)}.home__showcase--kipas .home__showcase-frame:nth-child(6n+5),.home__showcase--kipas .home__showcase-img:nth-child(6n+5){transform:rotate(13deg)}.home__showcase--kipas .home__showcase-frame:nth-child(6n+6),.home__showcase--kipas .home__showcase-img:nth-child(6n+6){transform:rotate(21deg) translateY(8px)}.home__showcase--kipas .home__showcase-frame:hover,.home__showcase--kipas .home__showcase-img:hover{transform:rotate(0) translateY(-6px)}.home__showcase-clip{min-width:0}.home__showcase--pita .home__showcase-clip{overflow:hidden;border-radius:12px}.home__showcase--pita .home__showcase-body.is-photos,.home__showcase--pita .home__showcase-body.is-frames{display:flex;flex-wrap:nowrap;column-gap:8px;width:max-content;padding-right:8px;min-height:0;animation:showcase-ribbon 16s linear infinite}.home__showcase--pita .home__showcase-clip:hover .home__showcase-body{animation-play-state:paused}.home__showcase--pita .home__showcase-img,.home__showcase--pita .home__showcase-frame{flex:0 0 auto;height:200px;width:auto;max-width:none}@keyframes showcase-ribbon{0%{transform:translate(0)}to{transform:translate(-50%)}}.home__popular{margin-top:var(--space-8);padding:var(--space-6) var(--space-5);background:var(--color-surface);border:2.5px solid var(--color-ink);border-radius:var(--radius-xl);box-shadow:6px 6px 0 -2px #1a1a2424}.home__popular[hidden]{display:none}.home__popular-head{text-align:center;max-width:60ch;margin:0 auto}.home__popular-kicker{display:inline-block;margin:0 0 var(--space-3);padding:5px 14px;background:var(--color-lemon);border:2px solid var(--color-ink);border-radius:var(--radius-pill);transform:rotate(-1.5deg);font-family:var(--font-comic);letter-spacing:.06em}.home__popular-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;margin:0 0 var(--space-2)}.home__popular-title em{font-style:normal;background:var(--grad-text);background-clip:text;-webkit-background-clip:text;color:transparent}.home__popular-sub{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.home__popular-list{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-5)}.home__popular-item{position:relative;display:grid;gap:10px;padding:var(--space-3);padding-top:var(--space-5);background:var(--color-surface);border:2.5px solid var(--color-ink);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.home__popular-item:nth-child(odd){transform:rotate(-1deg)}.home__popular-item:nth-child(2n){transform:rotate(1deg)}.home__popular-item:hover{transform:translateY(-5px) rotate(0);background:var(--color-primary-soft);box-shadow:5px 6px 0 -2px #1a1a2429}.home__popular-item:active{transform:translateY(-1px) scale(.99)}.home__popular-rank{position:absolute;top:-12px;left:-10px;z-index:1;min-width:34px;height:34px;padding:0 6px;display:grid;place-items:center;background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius-pill);font-size:16px;font-weight:900;color:var(--color-text);box-shadow:var(--shadow-card)}.home__popular-thumb{position:relative;display:grid;place-items:center;padding:14px;min-height:210px;background:radial-gradient(circle at 50% 0%,var(--color-primary-soft),transparent 70%),var(--color-surface-muted);border:1.5px solid var(--color-border);border-radius:var(--radius-md)}.home__popular-thumb img{max-height:240px;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 10px 14px rgb(26 26 36 / .18));transition:transform var(--duration-fast) var(--ease-out)}.home__popular-item:hover .home__popular-thumb img{transform:translateY(-4px) scale(1.03)}.home__popular-count{position:absolute;right:8px;bottom:8px;padding:3px 9px;background:var(--color-accent);color:#fff;border:2px solid var(--color-ink);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:900}.home__popular-meta{display:grid;gap:2px;text-align:center;padding-bottom:2px}.home__popular-name{font-weight:800;font-size:var(--text-sm);color:var(--color-text)}.home__popular-cta{font-size:var(--text-xs);font-weight:800;color:var(--color-primary);letter-spacing:var(--tracking-wide);text-transform:uppercase;opacity:.85;transition:opacity var(--duration-fast) var(--ease-out)}.home__popular-item:hover .home__popular-cta{opacity:1}.capture{display:grid;grid-template-columns:350px minmax(0,1fr);gap:24px;max-width:1200px;margin:0 auto;padding:clamp(16px,3vw,32px) 20px;align-items:start}.capture.is-fullview{grid-template-columns:330px minmax(0,1fr)}.capture.is-fullview{width:100%;height:100%;max-width:none;padding:12px clamp(14px,2.4vw,26px) 14px;align-items:stretch;grid-template-rows:minmax(0,1fr);overflow:hidden}.capture__side,.capture__main{min-width:0}.capture.is-fullview .capture__side,.capture.is-fullview .capture__main{display:flex;flex-direction:column;min-height:0}.capture.is-fullview .side-slot,.capture.is-fullview .main-slot{flex:1;min-height:0;display:flex;flex-direction:column}.capture.is-fullview .strip-pick{flex:1;min-height:0}.panel-card{background:var(--glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:2.5px solid var(--color-ink);border-radius:var(--radius);box-shadow:5px 6px 0 -2px #1a1a2429,6px 6px 18px var(--red-glow);padding:18px;position:relative;overflow:hidden}.panel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:var(--grad-candy);opacity:.9;border-bottom:1.5px solid var(--color-border-strong)}.tpl-slot{position:sticky;top:82px}.capture.is-fullview .tpl-slot{position:static;flex:1;min-height:0;display:flex}.capture.is-fullview .tpl-slot .panel-card,.capture.is-fullview .tpl-picker{flex:1;min-height:0;display:flex;flex-direction:column}.capture.is-fullview .tpl-cards{max-height:none;flex:1;min-height:0}.tpl-picker{display:flex;flex-direction:column;gap:14px}.tpl-picker__head{display:grid;gap:11px}.tpl-picker__title{font-size:19px;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}.tpl-picker__title:before{content:"✿";font-size:15px;color:var(--red);transform:rotate(-8deg)}.tpl-search{position:relative}.tpl-search__icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--ink-2);stroke-width:2.2;fill:none;pointer-events:none}.tpl-search__input,.sticker-search__input{width:100%;padding:11px 14px 11px 38px;border:1.5px solid var(--color-border-strong);border-radius:999px;background:var(--paper-2);font:inherit;font-size:14px;font-weight:600;color:var(--ink);box-shadow:0 4px 12px #ff6b991f;transition:box-shadow .2s var(--spring),transform .2s var(--spring)}.sticker-search__input{padding-left:14px}.tpl-search__input::placeholder,.sticker-search__input::placeholder{color:var(--ink-2)}.tpl-search__input:focus,.sticker-search__input:focus{outline:none;box-shadow:0 0 0 3px #ff6b9959;transform:translateY(-1px)}.tpl-cats{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:6px;padding-bottom:4px;scrollbar-width:none}.tpl-cats::-webkit-scrollbar{display:none}.tpl-cats>*{flex:0 0 auto}.tpl-slotfilter{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:5px;padding-bottom:4px;scrollbar-width:none}.tpl-slotfilter::-webkit-scrollbar{display:none}.tpl-slotfilter__btn{flex:0 0 auto;border:1.5px solid var(--color-border-strong);background:var(--paper-2);color:var(--ink);font:inherit;font-size:12px;font-weight:700;padding:6px 13px;border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;transition:all .18s var(--spring)}.tpl-slotfilter__btn:hover{background:var(--red-soft);transform:translateY(-1px)}.tpl-slotfilter__btn.is-active{background:var(--grad-pink);color:#fff;border-color:var(--ink);box-shadow:var(--shadow-card)}.sticker-picker__tabs{display:flex;flex-wrap:wrap;gap:6px}.tpl-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-height:calc(100dvh - 330px);overflow-y:auto;padding:6px 8px 16px 4px}.tpl-card{position:relative;display:flex;flex-direction:column;background:var(--paper);border:2px solid var(--color-ink);border-radius:var(--radius-sm);box-shadow:2px 3px 0 -1px #1a1a2433;padding:7px;cursor:pointer;transition:transform .22s var(--spring),box-shadow .22s var(--spring),background .15s ease;text-align:left}.tpl-card:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:4px 6px 0 -1px #1a1a2442;background:var(--paper-2)}.tpl-card.is-selected{background:var(--red-soft);box-shadow:0 0 0 2px var(--color-primary),0 10px 22px #ff6b9938;transform:rotate(-.8deg)}.tpl-card__frame{display:block;border-radius:8px;overflow:hidden;background:#fff;border:2px solid var(--line);transition:border-color .15s ease}.tpl-card:hover .tpl-card__frame{border-color:var(--red)}.tpl-card__frame img{width:100%;height:auto;aspect-ratio:9 / 16;object-fit:cover;display:block}.tpl-card__meta{display:grid;gap:1px;padding:7px 2px 0}.tpl-card__name{font-weight:800;font-size:13px;line-height:1.2}.tpl-card__cat{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2)}.tpl-card__check{position:absolute;top:-9px;right:-9px;width:25px;height:25px;border-radius:50%;background:var(--grad-pink);color:#fff;font-size:13px;font-weight:800;display:none;place-items:center;border:1.5px solid var(--color-border-strong);animation:check-pop .3s var(--spring)}@keyframes check-pop{0%{transform:scale(0) rotate(-40deg)}to{transform:scale(1) rotate(0)}}.tpl-card.is-selected .tpl-card__check{display:grid;box-shadow:0 0 14px var(--red-glow)}.tpl-empty{color:var(--ink-2);font-size:14px;margin:8px 2px}.tpl-empty code{font-family:var(--font-mono);font-size:11px;background:var(--paper-3);padding:1px 5px;border-radius:4px}.strip-pick{display:flex;flex-direction:column;gap:12px}.tpl-preview{display:flex;flex-direction:column;align-items:center;gap:16px;min-height:60dvh}.capture.is-fullview .tpl-preview{min-height:0;height:100%;flex:1;justify-content:center}.capture.is-fullview .tpl-preview__card{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:min(100%,720px);padding:12px 12px 10px;gap:8px}.capture.is-fullview .tpl-preview__meta{display:none}.capture.is-fullview .tpl-preview__hint{gap:8px}.capture.is-fullview .tpl-preview__hint>span:first-child{display:none}.capture.is-fullview .tpl-preview__stage{height:auto;flex:1;min-height:0;max-height:100%}.tpl-preview__card{background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px 16px 14px;display:grid;justify-items:center;gap:12px;max-width:min(100%,520px);position:relative}.tpl-preview__hint{color:var(--ink-2);font-size:14px;text-align:center;margin:0;display:grid;gap:12px;justify-items:center}.tpl-preview__hint .btn{justify-self:center}.tpl-preview__hint-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.tpl-preview__hint-actions .btn--ghost.is-active{background:var(--grad-pink);color:#fff;border-color:var(--ink);box-shadow:var(--shadow-card)}.tpl-preview__hint em{font-style:normal;font-weight:700;color:var(--red-deep);background:var(--red-soft);padding:1px 8px;border-radius:999px}.tpl-preview__badge{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;color:#fff;background:var(--ink);padding:5px 14px;border-radius:999px;box-shadow:var(--shadow-card)}.tpl-preview__badge.is-demo{background:var(--grad-pink);box-shadow:var(--shadow-card)}.tpl-preview__stage{width:100%;height:min(64dvh,620px);display:grid;place-items:center;background-image:repeating-linear-gradient(to bottom,transparent 0 10px,rgba(15,14,23,.1) 10px 22px,transparent 22px 34px);background-size:14px 100%;background-repeat:no-repeat;background-position:left center;border-radius:10px}.tpl-preview__canvas{max-width:100%;max-height:100%;border-radius:10px;border:1.5px solid var(--color-border-strong);box-shadow:var(--shadow-card)}.tpl-preview__meta{color:var(--ink-2);font-size:13.5px;text-align:center;max-width:46ch}.strip-live{display:flex;flex-direction:column;gap:12px}.capture.is-fullview .strip-live{flex:1;min-height:0}.capture.is-fullview .strip-live__stage{flex:1;min-height:0;height:auto;max-height:100%}.strip-live__title{font-size:18px}.strip-live__stage{height:min(58dvh,580px);display:grid;place-items:start center;overflow:hidden}.strip-live__canvas{max-width:100%;max-height:100%;border-radius:10px;border:1.5px solid var(--color-border-strong);box-shadow:var(--shadow-card)}.strip-live__topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.strip-live__badge{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.14em;color:#fff;background:var(--grad-pink);border:1.5px solid var(--color-border-strong);padding:4px 11px;border-radius:999px;flex-shrink:0;animation:live-blink 1.6s ease-in-out infinite}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.55}}.strip-live__steps{list-style:none;display:flex;gap:10px;margin:0;padding:0;justify-content:center}.strip-live__steps li{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--color-border-strong);display:grid;place-items:center;font-weight:800;font-family:var(--font-mono);font-size:13px;color:var(--ink-2);background:var(--paper-2);box-shadow:var(--shadow-card);transition:all .25s var(--spring)}.strip-live__steps li.is-done{background:var(--grad-pink);color:#fff;transform:scale(1.12) rotate(-6deg);box-shadow:var(--shadow-card),0 0 14px var(--red-glow)}.camera{display:flex;flex-direction:column;gap:10px}.capture.is-fullview .camera{flex:1;min-height:0;height:100%;justify-content:flex-start}.capture.is-fullview .camera__stage{flex:1 1 0;min-height:180px;height:auto;width:100%;aspect-ratio:auto;max-width:min(900px,100%);margin-inline:auto}.capture.is-fullview .camera__dock{margin-top:6px;flex-shrink:0}.capture.is-fullview .camera__controls{margin-top:2px;flex-shrink:0}.capture.is-fullview .camera__review{flex-shrink:0}.camera__stage{position:relative;background:var(--ink);border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 10;max-width:760px;margin:0 auto;width:100%;border:2px solid var(--color-ink);box-shadow:var(--shadow-pop);transition:border-color var(--duration-fast) var(--ease-out)}.camera.is-shooting .camera__stage{border-color:var(--color-primary)}.camera.is-break .camera__stage{border-color:var(--color-success)}.camera__video{width:100%;height:100%;object-fit:cover;display:block}.camera__overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:cover}.camera__status{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;padding:24px;background:#0f0e17e0;backdrop-filter:blur(3px);color:var(--paper-2);font-size:14px;font-weight:600;z-index:6}.camera__status-msg{margin:0;max-width:34ch;line-height:1.5}.camera__status .btn{border-color:var(--paper-2);color:var(--paper-2);background:transparent}.camera__status .btn:hover{background:#ffffff1f}.camera__topbar{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none}.camera__shot-label{background:var(--grad-pink);color:#fff;border:2px solid #fff;font-family:var(--font-mono);font-size:12px;font-weight:700;padding:3px 12px;border-radius:999px;box-shadow:0 2px 6px #1a1a2459}.camera__shot-label:empty{display:none}.camera__dots{display:inline-flex;gap:7px}.camera__dots i{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:#ffffff40;transition:all .25s var(--spring)}.camera__dots i.is-done{background:var(--red);border-color:#fff;transform:scale(1.25);box-shadow:0 0 10px #ff6b9dcc}.camera__brand{position:absolute;right:12px;bottom:12px;z-index:2;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.14em;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.35)}.camera__brand i{font-style:normal;color:#ff9fb8}.camera__dock{position:relative;margin:8px auto 0;max-width:940px;z-index:3;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:16px;box-shadow:var(--shadow-card);padding:6px}.camera__dock-bar{display:flex;align-items:center;justify-content:space-between;padding:0 4px 5px}.camera__dock-title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--ink-2)}.camera__dock-toggle{width:26px;height:26px;border:1.5px solid var(--color-border-strong);border-radius:999px;background:var(--paper-2);cursor:pointer;font-size:12px;line-height:1;display:grid;place-items:center;box-shadow:var(--shadow-card);transition:transform .2s var(--spring)}.camera__dock-toggle:hover{background:var(--red-soft);transform:translateY(-1px)}.camera__dock.is-collapsed .camera__filters,.camera__dock.is-collapsed .camera__timers{display:none}.camera__dock.is-collapsed{padding-bottom:5px}.camera__dock.is-collapsed .camera__dock-toggle{transform:rotate(180deg)}.camera__filters{display:flex;gap:6px;overflow-x:auto;padding:1px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.chip--filter{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:52px;flex-shrink:0;min-height:0;padding:4px;border-radius:11px;border-color:var(--line);background:var(--paper-2);transition:all .2s var(--spring)}.chip--filter:hover{background:var(--red-soft);transform:translateY(-2px)}.chip--filter.is-active{border-color:var(--ink);background:var(--red-soft);box-shadow:0 6px 14px #ff6b9938;color:var(--ink);transform:none}.chip--filter__thumb{width:100%;height:36px;border-radius:7px;border:1.5px solid var(--line);display:block;background:var(--paper-3)}.chip--filter.is-active .chip--filter__thumb{border-color:var(--ink)}.chip--filter__name{font-size:9.5px;font-weight:700;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera__timers{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;padding-top:6px;border-top:1px solid var(--color-border);margin-top:6px}.camera__timers-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;margin-right:2px}.camera__timers .chip.is-active{background:var(--ink);color:var(--paper-2)}.camera__controls{display:flex;gap:16px;align-items:center;justify-content:center}.camera__side-btn--timer[aria-pressed=true]{background:var(--red-soft);box-shadow:0 5px 12px #ff6b9933}.camera__side-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--color-border-strong);background:var(--paper-2);color:var(--ink);font-size:19px;line-height:1;cursor:pointer;box-shadow:var(--shadow-card);display:grid;place-items:center;transition:all .2s var(--spring)}.camera__side-btn:hover:not(:disabled){background:var(--red-soft);transform:translateY(-2px) rotate(-6deg)}.camera__side-btn:active:not(:disabled){transform:translate(1px,1px) scale(.95)}.camera__side-btn:disabled{opacity:.45;cursor:not-allowed}.camera__side-btn[aria-pressed=true]{background:var(--red-soft);box-shadow:0 5px 12px #ff6b9933}.camera__shutter{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-ink);background:var(--paper-2);box-shadow:var(--shadow-card-hover);outline:2.5px dashed var(--color-primary);outline-offset:5px;display:grid;place-items:center;cursor:pointer;transition:transform .2s var(--spring),box-shadow .2s var(--spring)}.camera__shutter:hover:not(:disabled){transform:translateY(-2px)}.camera__shutter span{width:56px;height:56px;border-radius:50%;border:2px solid var(--color-ink);background:radial-gradient(circle at 32% 28%,#ffd1e3 0 20%,transparent 42%),var(--grad-pink);transition:transform .18s var(--spring),filter .18s ease}.camera__shutter:hover:not(:disabled) span{filter:brightness(1.06)}.camera__shutter:hover:not(:disabled) span{transform:scale(1.08)}.camera__shutter:active:not(:disabled){transform:translateY(2px) scale(.96);box-shadow:var(--shadow-card)}.camera__shutter:disabled{cursor:default;opacity:.75}.camera.is-shooting .camera__shutter span{animation:shutter-pulse 1.1s ease-in-out infinite}@keyframes shutter-pulse{0%,to{transform:scale(1)}50%{transform:scale(.86)}}.camera__review{display:flex;gap:10px;justify-content:center}.camera__stage.is-flash:after{content:"";position:absolute;inset:0;background:#fff;animation:stage-flash .4s ease-out forwards;z-index:5;pointer-events:none}@keyframes stage-flash{0%{opacity:.95}to{opacity:0}}.camera.is-break .camera__shutter span{background:var(--green);animation:shutter-pulse 1.4s ease-in-out infinite}.camera.is-break .camera__shot-label{color:var(--green)}@media (max-width: 860px){body.is-fullview #app{height:auto;min-height:100dvh}body.is-fullview .site-view{overflow:visible;display:block}.capture.is-fullview{grid-template-columns:1fr;height:auto;overflow:visible}.capture.is-fullview .capture__side,.capture.is-fullview .capture__main{display:block;min-height:0}.capture.is-fullview .strip-live__stage,.capture.is-fullview .tpl-preview__stage{flex:none;height:min(56dvh,500px)}.capture.is-fullview{padding-inline:12px}.capture.is-fullview .camera__stage,.camera__stage{flex:none;width:100%;height:auto;aspect-ratio:3 / 4;max-height:min(70dvh,620px)}.capture{grid-template-columns:1fr;gap:16px}.capture__side{order:2}.capture__main{order:1}.tpl-slot{position:static}.tpl-preview{min-height:0}.tpl-preview__hint{margin-top:20px}.tpl-preview__stage,.strip-live__stage{height:min(56dvh,500px)}.tpl-cards{max-height:300px}.chip--filter{width:52px}.chip--filter__thumb{height:38px}.camera__controls{gap:14px}}.tpl-cards::-webkit-scrollbar,.camera__filters::-webkit-scrollbar{width:9px;height:9px}.tpl-cards::-webkit-scrollbar-thumb,.camera__filters::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:2px solid var(--color-surface);border-radius:999px}.tpl-cards::-webkit-scrollbar-thumb:hover,.camera__filters::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.tpl-picker__title:before{display:inline-block;animation:heart-wobble 2.6s ease-in-out infinite}@keyframes heart-wobble{0%,to{transform:rotate(-8deg) scale(1)}50%{transform:rotate(6deg) scale(1.18)}}.tpl-preview__stage canvas{animation:canvas-pop .45s var(--ease-out);transition:filter .3s ease}.tpl-preview__stage canvas.is-painting{filter:saturate(1.25) brightness(1.06);animation:canvas-shimmer .5s var(--ease-out)}@keyframes canvas-pop{0%{opacity:0;transform:scale(.97) rotate(-.6deg)}60%{opacity:1;transform:scale(1.012) rotate(.3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes canvas-shimmer{0%{filter:saturate(1.4) brightness(1.12)}to{filter:saturate(1) brightness(1)}}.tpl-preview__badge{position:relative;overflow:hidden}.tpl-preview__badge:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translate(-120%);animation:badge-sheen 2.8s ease-in-out infinite;pointer-events:none}@keyframes badge-sheen{0%,55%{transform:translate(-120%)}75%,to{transform:translate(120%)}}.tpl-card__frame img{animation:card-float 4.2s ease-in-out infinite}.tpl-card:nth-child(3n+1) .tpl-card__frame img{animation-delay:0s}.tpl-card:nth-child(3n+2) .tpl-card__frame img{animation-delay:.5s}.tpl-card:nth-child(3n) .tpl-card__frame img{animation-delay:1s}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.tpl-preview__use{animation:use-pulse 2.4s ease-in-out infinite}@keyframes use-pulse{0%,to{box-shadow:var(--shadow-card)}50%{box-shadow:var(--shadow-card),0 0 18px var(--red-glow)}}.strip-live__badge{position:relative;padding-left:20px}.strip-live__badge:before{content:"";position:absolute;left:6px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--color-danger);box-shadow:0 0 #ff5d6c80;animation:live-dot 1.6s ease-out infinite}@keyframes live-dot{0%{box-shadow:0 0 #ff5d6c80}70%{box-shadow:0 0 0 9px #ff5d6c00}to{box-shadow:0 0 #ff5d6c00}}.strip-live__steps li.is-done{animation:step-pop .4s var(--spring) forwards}@keyframes step-pop{0%{transform:scale(.7)}60%{transform:scale(1.25)}to{transform:scale(1)}}.strip-live__canvas{animation:strip-breathe 3.4s ease-in-out infinite;transition:filter .25s ease}.strip-live__canvas.is-painting{filter:saturate(1.2) brightness(1.08);animation:none}@keyframes strip-breathe{0%,to{box-shadow:0 10px 24px #ff6b992e}50%{box-shadow:0 14px 30px #ff6b994d,0 0 20px #ff9ec340}}.editor__photo-tab.is-active{transform:translateY(-1px) rotate(-1.4deg)}.editor__stage canvas{animation:canvas-pop .4s var(--ease-out)}.editor{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;max-width:1200px;margin:0 auto;padding:clamp(14px,3vw,28px) 20px;align-items:start}.editor.is-fullview{width:100%;height:100%;max-width:none;padding:14px clamp(16px,3vw,32px) 18px;align-items:stretch;grid-template-rows:minmax(0,1fr);overflow:hidden}.editor.is-fullview .editor__stage-wrap{height:auto;min-height:0;max-height:100%}.editor.is-fullview .editor__panel{position:static;top:auto;max-height:100%;min-height:0}.editor__stage-wrap{background:var(--glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--color-border-strong);border-radius:var(--radius);box-shadow:var(--shadow-card),5px 5px 16px var(--red-glow);height:calc(100dvh - 200px);min-height:320px;display:grid;place-items:center;overflow:hidden;padding:14px;position:relative;background-image:radial-gradient(rgba(15,14,23,.04) 1px,transparent 1.3px);background-size:16px 16px}.editor__stage{display:grid;place-items:center;max-width:100%;max-height:100%}.editor__canvas{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 10px 24px #ff6b992e,0 0 24px #ff9ec34d;touch-action:none;cursor:grab}.editor__canvas:active{cursor:grabbing}.editor__panel{background:var(--glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--color-border-strong);border-radius:var(--radius);box-shadow:var(--shadow-card),5px 5px 16px var(--red-glow);padding:18px;display:flex;flex-direction:column;gap:13px;position:sticky;top:82px;max-height:calc(100dvh - 102px);overflow-y:auto}.editor__panel-head{display:grid;gap:2px;padding-bottom:10px;border-bottom:2px dashed var(--line)}.editor__panel-kicker{margin:0;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}.editor__panel-frame{margin:0;font-weight:800;font-size:14px;color:var(--ink)}.editor__photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.editor__photo-tab{border:1.5px solid var(--color-border-strong);background:var(--paper);border-radius:10px;padding:5px 5px 7px;font-weight:800;font-size:12px;cursor:pointer;color:var(--ink);display:grid;gap:4px;justify-items:center;transition:all .2s var(--spring)}.editor__photo-thumb{display:block;width:100%;border-radius:7px;overflow:hidden;border:1.5px solid var(--line);background:var(--paper-3);line-height:0;transition:border-color .15s ease}.editor__photo-thumb canvas{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;display:block}.editor__photo-tab.is-active .editor__photo-thumb{border-color:#fff}.editor__photo-tab:hover{transform:translateY(-2px) rotate(-1deg);background:var(--red-soft)}.editor__photo-tab.is-active{background:var(--grad-pink);color:#fff;box-shadow:var(--shadow-card),0 0 14px var(--red-glow);transform:translateY(-1px)}.editor__photo-tab.is-active:after{content:" ♡"}.editor__photo-tab.is-done{border-color:var(--red)}.editor__section-title{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0}.editor__tools{display:grid;gap:8px}.editor__tool-row{display:flex;gap:8px;flex-wrap:wrap}.editor__tool-row .chip{flex:1 1 auto;justify-content:center}.pen-colors{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pen-color{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--color-border-strong);cursor:pointer;transition:transform .2s var(--spring),box-shadow .2s var(--spring)}.pen-color:hover{transform:scale(1.14) rotate(10deg)}.pen-color.is-active{transform:scale(1.2);box-shadow:0 0 0 3px var(--red-soft),0 6px 14px #ff6b994d}.pen-size{flex:1;min-width:70px}.eraser-size{display:flex;align-items:center;gap:10px}.eraser-size__label{font-size:11.5px;font-weight:700;color:var(--ink);white-space:nowrap}.eraser-size-input{flex:1;min-width:70px}.editor__stickers{border-top:2px dashed var(--line);padding-top:12px}.sticker-picker{display:grid;gap:9px}.sticker-picker__grid,.sticker-picker__emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:7px;max-height:150px;overflow-y:auto}.sticker-btn,.emoji-btn{aspect-ratio:1;border:2px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer;display:grid;place-items:center;padding:6px;font-size:21px;line-height:1;transition:all .2s var(--spring)}.sticker-btn:hover,.emoji-btn:hover{border-color:var(--ink);background:var(--red-soft);transform:translateY(-3px) rotate(-4deg) scale(1.06);box-shadow:var(--shadow-card),0 0 12px var(--red-glow)}.sticker-btn:active,.emoji-btn:active{transform:scale(.92);transition-duration:.06s}.sticker-btn img{width:100%;height:100%;object-fit:contain}.editor__props,.editor__photo-props{border-top:2px dashed var(--line);padding-top:12px;display:grid;gap:9px}.photo-controls__title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0;line-height:1.5}.editor__photo-props .manual-ctrl{background:var(--paper);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:8px 10px}.prop-row{display:flex;gap:6px}.prop-row .btn--sm{flex:1}.prop-frame-toggle{width:100%;justify-content:center;font-size:12px}.prop-frame-toggle.is-active{background:var(--color-primary);color:#fff;border-color:var(--ink)}.manual-controls{background:var(--paper);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:11px 12px 12px;display:grid;gap:8px;box-shadow:inset 0 0 0 1px var(--paper-2)}.manual-controls__title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:0 0 1px}.manual-controls__title:before{content:"⚙ ";color:var(--red)}.manual-ctrl{display:grid;grid-template-columns:52px 1fr 44px;align-items:center;gap:8px}.manual-ctrl>span{font-size:11.5px;font-weight:700;color:var(--ink)}.manual-ctrl input[type=range],.pen-size,.eraser-size-input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--red) 0 40%,var(--paper-3) 40%);background:var(--paper-3);outline:none;cursor:pointer;border:1.5px solid var(--line)}.manual-ctrl input[type=range]::-webkit-slider-thumb,.pen-size::-webkit-slider-thumb,.eraser-size-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;background:var(--grad-pink);border:1.5px solid var(--color-border-strong);box-shadow:var(--shadow-card),0 0 10px var(--red-glow);cursor:grab;transition:transform .15s var(--spring),box-shadow .15s ease}.manual-ctrl input[type=range]::-webkit-slider-thumb:hover,.pen-size::-webkit-slider-thumb:hover,.eraser-size-input::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-card),0 0 16px #ff6b9d99}.manual-ctrl input[type=range]::-moz-range-thumb,.pen-size::-moz-range-thumb,.eraser-size-input::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--red);border:1.5px solid var(--color-border-strong);cursor:grab}.manual-ctrl output{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--red-deep);text-align:right;white-space:nowrap}.prop-row--tiny{margin-top:2px}.prop-row--tiny .chip{flex:1;font-size:12px;padding:6px 8px;text-align:center}.props-hint{color:var(--ink-2);font-size:11.5px;margin:0;line-height:1.45}.editor__actions{display:flex;gap:8px}.editor__actions .btn--sm{flex:1}.custom-frame{margin-top:18px;border:2px dashed rgba(15,14,23,.35);border-radius:var(--radius-sm);padding:14px 16px;text-align:center}.custom-frame__title{font-family:var(--font-display);font-weight:800;margin:0 0 4px}.custom-frame__desc{color:var(--ink-2);font-size:12.5px;margin:0 0 10px}.custom-frame__drop{display:inline-block;cursor:pointer}.custom-frame__status{font-size:12.5px;color:var(--ink-2);margin:8px 0 0}.custom-frame__status strong{color:var(--ink)}.custom-frame__clear{margin-left:6px}@media (max-width: 860px){.editor{grid-template-columns:1fr}.editor__stage-wrap{height:auto;min-height:0;padding:10px;box-shadow:none}.editor__canvas{max-height:56dvh}.editor__panel{position:static;max-height:none}.sticker-picker__grid,.sticker-picker__emoji-grid{max-height:120px}}.manual-controls__title:before{display:inline-block;animation:gear-spin 6s linear infinite}@keyframes gear-spin{to{transform:rotate(360deg)}}.admin{padding-block:var(--space-6) var(--space-8);display:grid;gap:var(--space-5)}.admin__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;overflow:hidden;padding:var(--space-5);border:3px solid var(--color-ink);border-radius:var(--radius-xl);background:radial-gradient(rgb(26 26 36 / .08) 1.1px,transparent 1.25px) 0 0 / 10px 10px,linear-gradient(120deg,var(--color-primary-soft) 0%,#ffffff 46%,var(--color-accent-soft) 100%);box-shadow:7px 8px #1a1a24e6,0 34px 56px -34px #a682ff99}.admin__head:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--grad-rainbow);background-size:200% 100%;animation:candy-ribbon 14s linear infinite;pointer-events:none}.admin__kicker{margin:0 0 var(--space-2);color:var(--color-primary)}.admin__title{margin:0;font-size:clamp(24px,4vw,34px);letter-spacing:-.02em}.admin__sub{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm);max-width:62ch}.admin__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.admin-stat{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffffff0,#ffffffb8);border:2px solid var(--color-ink);border-radius:var(--radius-md);padding:11px 13px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label" "value value";gap:4px 9px;align-items:center;min-width:0;backdrop-filter:blur(6px);box-shadow:3px 4px #1a1a24d9,0 18px 30px -22px #1a1a2499;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.admin-stat:hover{transform:translateY(-3px);box-shadow:3px 4px #1a1a24e6,0 28px 40px -22px #1a1a24a6}.admin-stat:after{content:"";position:absolute;right:-24px;top:-28px;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,rgb(255 107 153 / .4) 0%,transparent 70%);pointer-events:none}.admin-stat[data-stat=server]:after{background:radial-gradient(circle,rgb(78 204 163 / .5) 0%,transparent 70%)}.admin-stat[data-stat=stickers]:after{background:radial-gradient(circle,rgb(166 130 255 / .45) 0%,transparent 70%)}.admin-stat[data-stat=filters]:after{background:radial-gradient(circle,rgb(124 156 255 / .45) 0%,transparent 70%)}.admin-stat[data-stat=music]:after{background:radial-gradient(circle,rgb(255 209 102 / .55) 0%,transparent 70%)}.admin-stat[data-stat=gallery]:after{background:radial-gradient(circle,rgb(79 214 194 / .5) 0%,transparent 70%)}.admin-stat[data-stat=homepage]:after{background:radial-gradient(circle,rgb(255 154 92 / .5) 0%,transparent 70%)}.admin-stat__icon{grid-area:icon;display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--color-ink);border-radius:10px;background:var(--color-surface);color:var(--color-ink);box-shadow:2px 2px #1a1a24d9}.admin-stat__icon svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.admin-stat[data-stat=server] .admin-stat__icon{background:var(--color-success-soft)}.admin-stat[data-stat=frames] .admin-stat__icon{background:var(--color-primary-soft)}.admin-stat[data-stat=stickers] .admin-stat__icon{background:var(--color-accent-soft)}.admin-stat[data-stat=filters] .admin-stat__icon{background:var(--color-info-soft)}.admin-stat[data-stat=music] .admin-stat__icon{background:var(--color-warning-soft)}.admin-stat[data-stat=gallery] .admin-stat__icon{background:#e2f9f0}.admin-stat[data-stat=homepage] .admin-stat__icon{background:#ffe9db}.admin-stat__label{grid-area:label;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-stat__value{grid-area:value;font-family:var(--font-comic);font-weight:400;font-size:16px;letter-spacing:.03em;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-stat.is-ok .admin-stat__value{color:var(--color-success, #1f9d55)}.admin__upload{display:grid;gap:var(--space-3);padding:var(--space-4)}.admin__upload-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin__upload input[type=file]{font:inherit;font-size:12.5px;padding:6px;border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%}.admin__login{display:grid;gap:var(--space-3);max-width:520px;border:2.5px solid var(--color-ink);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffff 0%,var(--color-accent-soft) 100%);box-shadow:6px 7px #1a1a24e0,0 30px 50px -32px #a682ff99}.admin__login-title{margin:0;font-family:var(--font-comic);font-weight:400;font-size:21px;letter-spacing:.02em}.admin__login-hint{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.admin__login-hint.is-error{color:var(--color-danger, #d6455f);font-weight:700}.admin__login-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.admin__login-input{flex:1 1 220px;padding:11px 16px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);font:inherit;font-size:14px}.admin__offline{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start;background:linear-gradient(135deg,var(--color-warning-soft, #fff3d6) 0%,#ffffff 85%);border:2.5px dashed var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-5);font-size:var(--text-sm);font-weight:600;line-height:1.65;box-shadow:5px 6px #1a1a24d9,0 26px 44px -30px #1a1a248c}.admin__offline-icon{font-size:28px;line-height:1;filter:drop-shadow(2px 3px 0 rgb(26 26 36 / .35))}.admin__offline-detail{display:block;margin-top:6px;font-family:var(--font-mono);font-size:11.5px;font-weight:500;color:var(--color-text-secondary);overflow-wrap:anywhere}.admin__offline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media (max-width: 560px){.admin__offline{grid-template-columns:1fr}.admin__offline-icon{font-size:22px}}.admin__offline b{display:block;margin-bottom:4px;font-family:var(--font-comic);font-weight:400;font-size:17px;letter-spacing:.02em}.admin__offline code{font-family:var(--font-mono);font-size:12px;background:#0000000f;padding:1px 6px;border-radius:5px}.admin__work{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--space-4);align-items:start}@media (max-width: 920px){.admin__work{grid-template-columns:1fr}}.admin__list{display:grid;gap:var(--space-3);padding:var(--space-4)}.admin__list-title{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.admin__list-title:before{content:"";width:5px;height:15px;border-radius:4px;background:var(--grad-pop);box-shadow:0 0 0 1px #1a1a248c;flex-shrink:0}.admin__list-note{margin:0;font-size:11.5px;color:var(--color-text-muted);line-height:1.5}.admin__list-note code{font-family:var(--font-mono);font-size:10.5px;background:#0000000f;padding:1px 5px;border-radius:4px}.admin__cards{display:grid;gap:var(--space-2);max-height:60vh;overflow-y:auto;padding-right:4px}.admin-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;text-align:left;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.admin-card:hover{transform:translateY(-2px) rotate(-.5deg);background:var(--color-primary-soft);box-shadow:var(--shadow-card)}.admin .admin-card.is-selected{background:linear-gradient(180deg,var(--color-primary-soft) 0%,#ffffff 100%);box-shadow:0 0 0 2px #fff,0 0 0 4.5px var(--color-primary),4px 5px #1a1a24e6,0 22px 34px -18px #ff6b99bf}.admin .admin-card:hover{box-shadow:5px 6px #1a1a24d9,0 24px 36px -20px #1a1a2499}.admin-card,.admin-stat,.admin__tool-card{animation:admin-rise .4s var(--ease-out) backwards}.admin-card:nth-child(2n){animation-delay:.05s}.admin-card:nth-child(3n){animation-delay:.1s}.admin-stat:nth-child(2){animation-delay:.05s}.admin-stat:nth-child(3){animation-delay:.1s}.admin-stat:nth-child(4){animation-delay:.15s}.admin-stat:nth-child(5){animation-delay:.2s}.admin-stat:nth-child(6){animation-delay:.25s}.admin-stat:nth-child(7){animation-delay:.3s}@keyframes admin-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-card.is-selected{background:var(--color-primary-soft);box-shadow:0 0 0 2px var(--color-primary)}.admin-card__thumb{display:block;border-radius:6px;overflow:hidden;border:1.5px solid var(--color-border);background:#fff;aspect-ratio:9 / 16}.admin-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.admin-card__meta{display:grid;gap:2px;min-width:0}.admin-card__name{font-weight:800;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-card__cat{font-family:var(--font-mono);font-size:10.5px;color:var(--color-text-muted);text-transform:capitalize}.admin__editor{display:grid;gap:var(--space-3);min-width:0}.admin__bar{position:sticky;top:calc(var(--site-header-h) + 10px);z-index:6;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid var(--color-ink);border-radius:var(--radius);padding:10px 14px;box-shadow:0 10px 22px -16px #1a1a2499;transition:box-shadow var(--duration-fast) var(--ease-out)}.admin__bar.is-stuck{box-shadow:4px 5px #1a1a24d9,0 16px 30px -20px #1a1a248c}.admin .admin__bar,.admin .admin__stage-wrap,.admin .admin__tool-card,.admin .admin__list,.admin .admin__upload{box-shadow:0 24px 42px -28px #1a1a248c,inset 0 1.5px #ffffffe6}.admin__bar-name{margin:0;font-weight:800;font-size:15px}.admin__bar-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.admin__bar [data-act=save]{position:relative;overflow:hidden}.admin__bar [data-act=save]:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgb(255 255 255 / .65) 50%,transparent 70%);transform:translate(-130%);animation:save-sheen 3s ease-in-out infinite;pointer-events:none}@keyframes save-sheen{0%,60%{transform:translate(-130%)}80%,to{transform:translate(130%)}}.admin__stage-wrap{background:var(--glass);border:1.5px solid var(--color-border-strong);border-radius:var(--radius);padding:var(--space-4);display:grid;gap:var(--space-3);justify-items:center}.admin__preview-row{width:100%;display:flex;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.admin__preview{margin:0;display:grid;gap:var(--space-2);justify-items:center}.admin__preview-label{font-size:var(--text-xs);font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.admin__preview-img{display:block;width:96px;aspect-ratio:9 / 16;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-muted);box-shadow:var(--shadow-card)}.admin__preview-img img{display:block;width:100%;height:100%;object-fit:contain}.admin__preview-tools{flex:1 1 220px;min-width:200px;display:grid;gap:var(--space-2);justify-items:start}.admin__stage{position:relative;max-width:min(420px,100%);line-height:0;border-radius:var(--radius-sm);overflow:hidden;border:1.5px solid var(--color-border-strong);box-shadow:var(--shadow-card);background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,#fff 25% 75%,#eee 75%);background-size:18px 18px;background-position:0 0,9px 9px;touch-action:none;user-select:none}.admin__frame{width:100%;height:auto;display:block;pointer-events:none}.admin__stage-hint{margin:0;font-size:12px;color:var(--color-text-muted);text-align:center;line-height:1.5}.admin-slot{position:absolute;border:2px dashed var(--color-primary);background:#ff6b9929;cursor:grab;line-height:normal}.admin-slot:active{cursor:grabbing}.admin-slot.is-selected{border-style:solid;background:#ff6b9942;box-shadow:0 0 0 2px #ff6b9959;z-index:2;animation:slot-selected-glow 1.8s ease-in-out infinite}@keyframes slot-selected-glow{0%,to{box-shadow:0 0 0 2px #ff6b9959}50%{box-shadow:0 0 0 3px #ff6b998c,0 0 16px #ff6b9973}}.admin-slot__label{position:absolute;top:-1px;left:-1px;z-index:1;background:var(--color-primary);color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px 0 8px;pointer-events:none}.admin-slot__fill{position:absolute;inset:5px;border-radius:5px;background:repeating-linear-gradient(135deg,rgb(255 255 255 / .28) 0 7px,transparent 7px 14px),#ffffff29;border:1.5px dashed rgb(255 255 255 / .85);pointer-events:none;transform:rotate(var(--slot-rot, 0deg)) scale(var(--slot-zoom, 1));transition:transform .18s var(--ease-out)}.admin-slot.is-rotated .admin-slot__fill{background:repeating-linear-gradient(135deg,rgb(255 255 255 / .34) 0 7px,transparent 7px 14px),#ffe06659;border-color:var(--color-lemon)}.admin__stage.is-dragging,.admin__stage.is-dragging .admin-slot,.admin__stage.is-dragging .admin-slot__fill{transition:none}.admin__stage.is-dragging{cursor:grabbing}.admin__stage-readout{margin:0;padding:7px 14px;min-height:18px;display:inline-block;background:var(--color-ink);color:var(--color-lemon);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.02em;box-shadow:var(--shadow-card);text-align:center}.admin-slot__h{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);box-shadow:var(--shadow-xs, 0 1px 3px rgb(0 0 0 / .2))}.admin-slot__h--nw{top:-8px;left:-8px;cursor:nwse-resize}.admin-slot__h--ne{top:-8px;right:-8px;cursor:nesw-resize}.admin-slot__h--sw{bottom:-8px;left:-8px;cursor:nesw-resize}.admin-slot__h--se{bottom:-8px;right:-8px;cursor:nwse-resize}.admin-slot__rot{position:absolute;top:-26px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);box-shadow:var(--shadow-xs, 0 1px 3px rgb(0 0 0 / .2));cursor:grab;touch-action:none}.admin-slot__rot:before{content:"";position:absolute;left:50%;top:100%;width:2px;height:10px;margin-left:-1px;background:var(--color-primary)}.admin-slot__rot:active{cursor:grabbing}.admin-slot.is-selected .admin-slot__rot{animation:rot-knob-breathe 2.4s ease-in-out infinite}@keyframes rot-knob-breathe{0%,to{transform:scale(1);box-shadow:var(--shadow-xs, 0 1px 3px rgb(0 0 0 / .2))}50%{transform:scale(1.18);box-shadow:0 0 0 4px #ff6b994d}}.admin__tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.admin__tool-card{background:var(--glass);border:1.5px solid var(--color-border-strong);border-radius:var(--radius);padding:var(--space-4);display:grid;gap:var(--space-3);align-content:start}.admin__tool-title{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary)}.admin__tool-title:before{content:"";width:5px;height:15px;border-radius:4px;background:var(--grad-pop);box-shadow:0 0 0 1px #1a1a248c;flex-shrink:0}.admin__slot-list{display:flex;gap:6px;flex-wrap:wrap}.admin-slot-chip{border:1.5px solid var(--color-border-strong);background:var(--color-surface);border-radius:var(--radius-pill);padding:6px 14px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.admin-slot-chip:hover{background:var(--color-primary-soft)}.admin-slot-chip.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.admin__slot-actions{display:flex;gap:6px;flex-wrap:wrap}.admin__slot-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin__slot-fields.is-disabled{opacity:.45;pointer-events:none}.admin__field{display:grid;gap:3px;min-width:0}.admin__field--wide{grid-column:1 / -1}.admin__field span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.admin__field input,.admin__field select{padding:8px 10px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);font:inherit;font-size:13px;background:var(--color-surface);min-width:0}.admin__cats-add{display:flex;gap:8px}.admin__cats-add input[type=text]{flex:1;min-width:0;padding:8px 12px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit}.admin__cats-add input[type=text]:focus{outline:2px solid var(--color-primary);outline-offset:1px}.admin__cats-list{display:grid;gap:6px}.admin__cats-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.admin__cats-name{flex:1;font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin__cats-count{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.admin__cat-checks{display:flex;flex-wrap:wrap;gap:6px}.admin__cat-check{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);font-size:12.5px;font-weight:700;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out)}.admin__cat-check:hover{background:var(--color-primary-soft)}.admin__cat-check input[type=checkbox]{accent-color:var(--color-primary);margin:0;cursor:pointer}.admin__sc-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.admin__sc-actions .admin__list-note{margin:0}.admin__sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.sc-card{display:grid;gap:7px;padding:9px;background:var(--color-surface-muted);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;user-select:none;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.sc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.sc-card.is-on{background:var(--color-primary-soft);border-color:var(--color-primary)}.sc-card__img{position:relative;display:block}.sc-card__img img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#fff}.sc-card__check{position:absolute;top:6px;right:6px;width:27px;height:27px;display:grid;place-items:center;border:1.5px solid var(--color-border-strong);border-radius:50%;background:#fff;color:transparent;font-size:14px;font-weight:900;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.sc-card.is-on .sc-card__check{background:var(--color-primary);border-color:var(--color-ink);color:#fff;transform:scale(1.06)}.sc-card__meta{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.sc-card__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;color:var(--color-text-secondary)}.sc-card__cb{width:18px;height:18px;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer;margin:0}.admin__field b{color:var(--color-primary);font-weight:900;letter-spacing:.02em}.admin__hf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);margin-top:6px;max-height:340px;overflow-y:auto;padding:2px}.hf-card{position:relative}.hf-card .sc-card__img img{aspect-ratio:3 / 4;object-fit:contain;background:#fff}.hf-card .sc-card__title{font-size:11.5px}.hf-card.is-on{border-color:var(--color-ink);box-shadow:3px 3px 0 -1px #1a1a2440}.hf-card__order{position:absolute;top:6px;left:6px;min-width:22px;height:22px;padding:0 5px;display:none;place-items:center;border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-lemon);color:var(--color-ink);font-size:11px;font-weight:900;line-height:1}.hf-card.is-on .hf-card__order{display:grid}.admin__shapes{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}.sc-shape{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 6px;background:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;font:inherit;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.sc-shape:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:var(--shadow-card)}.sc-shape.is-active{background:var(--color-primary-soft);border-color:var(--color-ink);box-shadow:3px 3px 0 -1px #1a1a2433}.sc-shape__icon{font-size:19px;line-height:1;filter:saturate(1.2)}.sc-shape.is-active .sc-shape__icon{transform:scale(1.15) rotate(-6deg)}.sc-shape__label{font-size:11.5px;font-weight:800;color:var(--color-text-secondary);text-align:center}.sc-shape.is-active .sc-shape__label{color:var(--color-text)}.sc-card__acts{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.sc-card__btn{width:26px;height:26px;display:grid;place-items:center;padding:0;font-size:12px;line-height:1;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:9px;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.sc-card__btn:hover{transform:translateY(-1px) scale(1.08);background:var(--color-lemon);border-color:var(--color-ink)}.sc-card__btn--danger:hover{background:var(--color-danger-soft)}.sc-card__meta{gap:4px}.admin__lb{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;gap:8px;counter-reset:lb}.admin__lb-empty{padding:var(--space-4);background:var(--color-surface-muted);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.admin__lb-row{display:grid;grid-template-columns:34px 42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 12px;background:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:var(--radius-md);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.admin__lb-row:hover{transform:translate(3px);border-color:var(--color-primary)}.admin__lb-row.is-top{background:var(--color-primary-soft);border-color:var(--color-ink)}.admin__lb-rank{display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:var(--text-sm);color:var(--color-text-secondary)}.admin__lb-row.is-top .admin__lb-rank{font-size:18px}.admin__lb-thumb{display:grid;place-items:center;width:42px;height:52px;background:var(--color-surface-muted);border:1.5px solid var(--color-border-strong);border-radius:10px;overflow:hidden}.admin__lb-thumb img{max-width:100%;max-height:100%;object-fit:contain}.admin__lb-meta{display:grid;min-width:0}.admin__lb-name{font-weight:800;font-size:var(--text-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin__lb-cat{font-size:11.5px;color:var(--color-text-muted)}.admin__lb-badge{padding:3px 9px;background:var(--color-lemon);border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);font-size:10.5px;font-weight:900;color:var(--color-text);white-space:nowrap}.admin__lb-count{min-width:52px;text-align:center;padding:5px 10px;background:var(--color-accent);color:#fff;border:2px solid var(--color-ink);border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:800;font-size:var(--text-sm)}@media (max-width: 560px){.admin__lb-row{grid-template-columns:30px 36px minmax(0,1fr) auto}.admin__lb-badge{display:none}}html body{background-color:var(--color-bg);background-image:radial-gradient(rgb(26 26 36 / .075) 1.1px,transparent 1.3px),radial-gradient(rgb(255 107 153 / .18) 1.7px,transparent 1.9px);background-size:18px 18px,18px 18px;background-position:0 0,9px 9px}h1,h2,.modal-title{font-family:var(--font-comic);font-weight:400;letter-spacing:var(--tracking-comic, .04em)}.btn{border-width:2.5px;box-shadow:4px 5px 0 var(--color-ink)}.btn{font-family:var(--font-ui);font-weight:800;text-transform:uppercase;letter-spacing:var(--tracking-wide, .05em)}.btn:hover:not(:disabled){transform:translate(-2px,-3px);box-shadow:6px 8px 0 var(--color-ink)}.btn:active:not(:disabled){transform:translate(3px,4px) scale(.98);box-shadow:1px 1px 0 var(--color-ink)}.btn--ghost{box-shadow:4px 5px 0 var(--color-ink)}.btn--ghost:hover:not(:disabled){box-shadow:6px 8px 0 var(--color-ink)}.btn--lg,.btn--primary{text-transform:uppercase;letter-spacing:.04em}.chip,.tpl-cat,.sticker-cat,.cat-chip,.site-nav__link,.icon-btn,.admin__slot-chip,.sc-shape{border-width:2.5px;box-shadow:3px 4px 0 var(--color-ink)}.chip:hover,.tpl-cat:hover,.sticker-cat:hover,.cat-chip:hover,.site-nav__link:hover,.icon-btn:hover,.admin__slot-chip:hover,.sc-shape:hover{box-shadow:5px 6px 0 var(--color-ink)}.chip:active,.tpl-cat:active,.cat-chip:active,.site-nav__link:active,.icon-btn:active,.admin__slot-chip:active,.sc-shape:active{box-shadow:1px 1px 0 var(--color-ink)}.panel-card{border-width:3px;box-shadow:7px 8px #1a1a24e6}.feature-card{border-width:3px;box-shadow:6px 7px 0 var(--color-ink)}.feature-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:9px 11px 0 var(--color-ink)}.feature-card__title{font-family:var(--font-comic);font-weight:400;letter-spacing:.012em}.modal{border-width:3px;box-shadow:var(--shadow-comic-lg)}.toast{border-width:2.5px;box-shadow:5px 5px 0 var(--color-ink)}.note-pill{border-width:2px;box-shadow:3px 3px 0 var(--color-ink);color:var(--color-text);font-weight:800}.admin-card{box-shadow:3px 3px #1a1a24cc}.admin-card:hover{box-shadow:4px 5px #1a1a24e6}.admin-card.is-selected{box-shadow:0 0 0 2px var(--color-primary),4px 5px #1a1a24e6}.sc-card{border-width:2px;box-shadow:3px 3px #1a1a24cc}.sc-card:hover{box-shadow:5px 6px #1a1a24e6}.admin__cats-row,.admin__lb-row,.dl-modal__promo,.donation__qr,.modal__close{border-color:var(--color-ink)}.home__popular-item{box-shadow:4px 4px #1a1a24d9}.home__popular-item:hover{box-shadow:7px 7px #1a1a24e6}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-width:2px;border-color:var(--color-ink)}.site-header{border-bottom-width:2.5px}.site-footer{border-top-width:2.5px}.home__kicker{border-width:2.5px;box-shadow:3px 4px 0 var(--color-ink);font-size:var(--text-sm)}.home__title{text-shadow:5px 5px 0 var(--color-lemon)}.home__title em{text-shadow:5px 5px 0 rgb(26 26 36 / .85)}.home__tagline{display:inline-block;position:relative;background:var(--color-surface);border:2.5px solid var(--color-ink);border-radius:16px;padding:10px 18px;margin-bottom:var(--space-5);box-shadow:4px 5px 0 var(--color-ink);transform:rotate(-1deg)}.home__tagline:after{content:"";position:absolute;left:28px;bottom:-11px;width:16px;height:16px;background:var(--color-surface);border-right:2.5px solid var(--color-ink);border-bottom:2.5px solid var(--color-ink);border-bottom-right-radius:4px;transform:rotate(45deg)}.home__intro{position:relative;isolation:isolate}.home__intro:before{content:"";position:absolute;inset:-8% -10%;z-index:-1;background:repeating-conic-gradient(from -12deg at 46% 44%,rgb(255 224 102 / .55) 0deg 5deg,transparent 5deg 12deg);-webkit-mask-image:radial-gradient(closest-side at 46% 44%,#000 25%,transparent 78%);mask-image:radial-gradient(closest-side at 46% 44%,#000 25%,transparent 78%);pointer-events:none;opacity:.75;border-radius:30%}.home__showcase figcaption a{display:inline-block;background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius-pill);padding:6px 14px;box-shadow:3px 4px 0 var(--color-ink)}.home__showcase-frame{box-shadow:6px 7px #1a1a2447}.home__showcase-frame:hover{box-shadow:8px 10px #1a1a2459}.brand-word{font-family:var(--font-comic);font-weight:400;font-size:23px;letter-spacing:.02em;line-height:1;transition:transform var(--duration-fast) var(--ease-out)}.site-header__brand:hover .brand-word{transform:rotate(-2deg) scale(1.04)}.site-footer__credit{font-family:var(--font-comic);font-weight:400;font-size:15px;letter-spacing:.02em}.btn--primary{background:linear-gradient(180deg,#ffa8cf 0%,var(--color-primary) 55%,var(--color-primary-active) 100%);text-shadow:0 1px 0 rgb(26 26 36 / .25)}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#ffb9da 0%,var(--color-primary-hover) 55%,var(--color-primary-active) 100%)}.btn--primary:before{content:"";position:absolute;left:6px;right:6px;top:3px;height:42%;border-radius:inherit;background:linear-gradient(180deg,#ffffff80,#fff0);pointer-events:none}.btn--secondary{background:linear-gradient(180deg,#fff 0%,var(--color-accent-soft) 100%)}.chip.is-active,.tpl-cat.is-active,.sticker-cat.is-active,.cat-chip.is-active{background:linear-gradient(180deg,#ffa8cf 0%,var(--color-primary) 60%,var(--color-primary-active) 100%);text-shadow:0 1px 0 rgb(26 26 36 / .25)}.tpl-cat.is-active,.sticker-cat.is-active,.cat-chip.is-active{background:linear-gradient(180deg,#ff8fb3 0%,var(--color-primary) 60%,var(--color-primary-active) 100%);color:#fff;text-shadow:0 1px 0 rgb(26 26 36 / .25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-ink);box-shadow:0 0 0 3px #ff6b9959,3px 4px 0 var(--color-ink)}::placeholder{color:var(--color-text-muted);opacity:1}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--color-primary)}h1,h2,.modal-title{letter-spacing:.012em;text-wrap:balance}h3{font-weight:700;letter-spacing:-.005em}.site-nav__link{letter-spacing:.02em}.icon-btn:active{background:var(--color-lemon)}.toast__icon{animation:toast-icon-pop .35s var(--ease-out)}@keyframes toast-icon-pop{0%{transform:scale(.4) rotate(-20deg)}70%{transform:scale(1.15) rotate(6deg)}to{transform:scale(1) rotate(0)}}:root{--deco-squiggle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 12' preserveAspectRatio='none'%3E%3Cpath d='M2 7c10-6 18 6 28 0s18 6 28 0 18 6 28 0 18 6 28 0 18 6 28 0 18 6 28 0' fill='none' stroke='%23ff5fa2' stroke-width='3.6' stroke-linecap='round'/%3E%3C/svg%3E");--deco-squiggle-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 12' preserveAspectRatio='none'%3E%3Cpath d='M2 7c10-6 18 6 28 0s18 6 28 0 18 6 28 0 18 6 28 0 18 6 28 0 18 6 28 0' fill='none' stroke='%2333253d' stroke-width='3.6' stroke-linecap='round'/%3E%3C/svg%3E");--deco-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.4l2.5 6.3 6.6.5-5 4.3 1.6 6.4L12 16.4.3 19.9l1.6-6.4-5-4.3 6.6-.5z' fill='%23ffe066' stroke='%2333253d' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");--deco-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c.9 4.6 3.5 7.2 8 8-4.5.9-7.1 3.5-8 8-.9-4.5-3.5-7.1-8-8 4.5-.8 7.1-3.4 8-8z' fill='%23ff5fa2' stroke='%2333253d' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E");--deco-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5C6.5 16.6 3 13.6 3 9.9A4.6 4.6 0 0 1 12 7.4 4.6 4.6 0 0 1 21 9.9c0 3.7-3.5 6.7-9 10.6z' fill='%23b8a4fb' stroke='%2333253d' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.frames__title:after,.guide__title:after,.gallery__title:after,.download__title:after,.home__popular-title:after,.home__title:after,.admin__title:after,.credit__name:after{content:"";display:block;width:min(240px,72%);height:11px;margin-top:3px;background:var(--deco-squiggle) no-repeat center / 100% 100%;pointer-events:none}.gallery__title:after,.download__title:after,.guide__title:after,.home__popular-title:after{margin-inline:auto}.frames__title,.guide__title,.gallery__title,.download__title,.admin__title{text-shadow:3px 3px 0 rgb(255 224 102 / .9)}.frames__kicker,.guide__kicker,.home__kicker,.home__popular-kicker,.devlogin__kicker,.admin__kicker{position:relative;overflow:hidden;background-image:radial-gradient(rgb(26 26 36 / .08) 1.1px,transparent 1.25px);background-size:9px 9px;font-size:var(--text-xs);padding:5px 14px}.home__popular-kicker,.admin__kicker{background-color:var(--color-lemon)}.btn{overflow:hidden}.btn:after{content:"";position:absolute;top:-20%;left:-30%;width:26%;height:140%;background:linear-gradient(100deg,transparent,rgb(255 255 255 / .55),transparent);transform:skew(-18deg) translate(-140%);pointer-events:none;transition:transform var(--duration-slow) var(--ease-out)}.btn:hover:not(:disabled):after{transform:skew(-18deg) translate(560%)}.home__actions .btn--primary,.sticky-bar .btn--primary,.guide__cta .btn--primary,.download__actions .btn--primary{animation:btn-breathe 2.8s ease-in-out infinite}.home__actions .btn--primary:hover,.sticky-bar .btn--primary:hover{animation-play-state:paused}@keyframes btn-breathe{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-.5deg)}}.btn:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px;box-shadow:0 0 0 6px #ffe066bf,4px 5px 0 var(--color-ink)}.chip.is-active,.tpl-cat.is-active,.sticker-cat.is-active,.cat-chip.is-active,.slot-filter__btn.is-active,.segmented__btn.is-active{animation:chip-pop .3s var(--ease-out)}@keyframes chip-pop{0%{transform:scale(.86) rotate(-3deg)}60%{transform:scale(1.06) rotate(1.5deg)}to{transform:scale(1) rotate(0)}}.slot-filter{border-width:2.5px;background-color:var(--color-surface);background-image:var(--pattern-halftone);background-size:9px 9px}.slot-filter__btn{font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:var(--text-xs)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:12px;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:repeating-linear-gradient(-45deg,#ff6b9947 0 7px,#ffe06673 7px 14px);cursor:pointer;box-shadow:2px 3px #1a1a2466}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-lemon);border:2.5px solid var(--color-ink);box-shadow:2px 2px 0 var(--color-ink);cursor:grab;transition:transform var(--duration-fast) var(--ease-out)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.14)}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(.94)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-lemon);border:2.5px solid var(--color-ink);box-shadow:2px 2px 0 var(--color-ink);cursor:grab}input[type=range]::-moz-range-track{background:transparent}select{font-weight:700;background-color:var(--color-surface);cursor:pointer}.frame-group,.guide-step,.tip-card,.credit__card,.credit__support,.gallery__card,.frame-settings,.devlogin__card,.home__popular,.empty-state,.gallery__empty,.guide-flow{position:relative}.guide-step:before,.credit__card:before,.frame-settings:before{content:"";position:absolute;top:-11px;right:26px;width:88px;height:24px;background:repeating-linear-gradient(-45deg,#a682ffbf 0 9px,#b8a4fb8c 9px 18px);border-left:1.5px dashed rgb(26 26 36 / .55);border-right:1.5px dashed rgb(26 26 36 / .55);transform:rotate(-4deg);pointer-events:none;z-index:1}.credit__card:before{right:auto;left:30px;transform:rotate(3deg);background:repeating-linear-gradient(-45deg,#ffe066e6 0 9px,#ff9a5c99 9px 18px)}.frame-settings:before{top:-12px;right:40px;background:repeating-linear-gradient(-45deg,#ff6b99b3 0 9px,#ff6b9980 9px 18px)}.frame-group:after,.home__popular:after,.guide-flow:after{content:"";position:absolute;right:-2px;bottom:-2px;width:120px;height:90px;background-image:radial-gradient(rgb(26 26 36 / .16) 1.3px,transparent 1.5px);background-size:9px 9px;-webkit-mask-image:radial-gradient(closest-side at 100% 100%,#000 20%,transparent 85%);mask-image:radial-gradient(closest-side at 100% 100%,#000 20%,transparent 85%);pointer-events:none;border-bottom-right-radius:inherit}.frame-group{background:var(--color-surface);border:2.5px solid var(--color-ink);border-radius:var(--radius-xl);box-shadow:6px 7px #1a1a24d9;overflow:visible}.frame-group__head{position:relative;margin:calc(-1 * var(--space-4) - 2.5px) calc(-1 * var(--space-4)) var(--space-4);padding:10px var(--space-4);border-bottom:2.5px solid var(--color-ink);border-radius:calc(var(--radius-xl) - 3px) calc(var(--radius-xl) - 3px) 0 0;background:linear-gradient(90deg,var(--color-primary-soft),var(--color-accent-soft));background-image:var(--pattern-halftone),linear-gradient(90deg,var(--color-primary-soft),var(--color-accent-soft));background-size:8px 8px,auto}@media (min-width: 768px){.frame-group__head{margin:calc(-1 * var(--space-5) - 2.5px) calc(-1 * var(--space-5)) var(--space-5);padding:11px var(--space-5)}}.frame-group__count{border-width:2.5px;border-color:var(--color-ink);box-shadow:2px 3px 0 var(--color-ink)}.frame-group__title{font-family:var(--font-comic);font-weight:400;letter-spacing:.02em;font-size:var(--text-base);text-transform:uppercase}.tpl-search__input{font-weight:700;background:var(--color-surface);border-width:2.5px;border-radius:var(--radius-pill);box-shadow:3px 4px #1a1a24cc;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.tpl-search__input:hover{background:var(--color-primary-soft)}.tpl-search__input:focus{transform:translate(-1px,-2px);box-shadow:5px 6px #1a1a24e6,0 0 0 4px #ffe06699;background:#fff}.template-card{animation:candy-pop .4s var(--ease-out) backwards}.template-card:nth-child(1){animation-delay:.02s}.template-card:nth-child(2){animation-delay:.06s}.template-card:nth-child(3){animation-delay:.1s}.template-card:nth-child(4){animation-delay:.14s}.template-card:nth-child(5){animation-delay:.18s}.template-card:nth-child(6){animation-delay:.22s}.template-card:nth-child(7){animation-delay:.26s}.template-card:nth-child(8){animation-delay:.3s}.template-card.is-selected{box-shadow:0 0 0 2.5px var(--color-ink),6px 7px 0 var(--color-bubble);transform:rotate(-1.2deg)}.template-card__badge{background:var(--color-lemon);color:var(--color-ink);border:2px solid var(--color-ink);box-shadow:2px 2px 0 var(--color-ink);font-family:var(--font-comic);font-weight:400;font-size:11px;letter-spacing:.05em;text-transform:uppercase;transform:rotate(4deg)}@keyframes candy-pop{0%{opacity:0;transform:translateY(16px) rotate(-1.5deg) scale(.97)}to{opacity:1;transform:none}}.frame-settings__item{background:var(--color-surface);border-width:2px;box-shadow:3px 4px #1a1a24cc}.frame-settings__item strong{font-family:var(--font-comic);font-weight:400;font-size:17px}.guide-step{box-shadow:6px 7px #1a1a24d9;border-width:2.5px}.guide-step__num{border-width:2.5px;box-shadow:2px 3px 0 var(--color-ink)}.guide-step__icon{border-width:2.5px;border-color:var(--color-ink);box-shadow:3px 4px #1a1a24bf}.tip-card{border:2.5px solid var(--color-ink);background:var(--color-surface)}.tip-card:nth-child(odd){transform:rotate(-.6deg)}.tip-card:nth-child(2n){transform:rotate(.6deg)}.tip-card:hover{transform:rotate(0) translateY(-4px);box-shadow:6px 7px #1a1a24cc}.guide-flow{border:2.5px solid var(--color-ink);background-color:var(--color-surface);background-image:var(--pattern-halftone);background-size:10px 10px;box-shadow:6px 7px #1a1a24cc}.guide-flow__dot{background:var(--color-lemon);box-shadow:2px 3px 0 var(--color-ink);border-width:2.5px}.guide-flow__arrow{font-size:20px}.gallery__card{border-width:2.5px;box-shadow:5px 6px #1a1a24d9}.gallery__card:nth-child(3n+1){transform:rotate(-.7deg)}.gallery__card:nth-child(3n+2){transform:rotate(.5deg)}.gallery__card:hover{transform:rotate(0) translateY(-5px);box-shadow:7px 9px #1a1a24e6}.gallery__card{animation:candy-pop .42s var(--ease-out) backwards}.credit__card{box-shadow:6px 7px #1a1a24d9;border-width:2.5px}.credit__support{border-width:2.5px;box-shadow:6px 7px #1a1a24d9}.credit__tech-item{border-width:2px;border-color:var(--color-ink);font-weight:900;box-shadow:2px 2px 0 var(--color-ink)}.result-row{background:var(--color-surface);border:2px dashed var(--color-ink);border-radius:var(--radius-sm);box-shadow:3px 4px #1a1a248c}.download__frame canvas,.download__frame>img{border:3px solid var(--color-ink);box-shadow:8px 9px #1a1a24d9}.download__panel .panel-card{background:var(--color-surface);box-shadow:7px 8px #1a1a24e0}.empty-state,.gallery__empty{background-color:var(--color-surface);background-image:var(--pattern-halftone);background-size:12px 12px;border-color:var(--color-ink);border-style:solid;box-shadow:6px 7px #1a1a24b3}.skeleton{border:2.5px dashed var(--color-ink);background-color:var(--color-surface);background-image:var(--pattern-halftone);background-size:10px 10px}.home{position:relative}.home:before{content:"";position:absolute;inset:0;background-image:var(--deco-star),var(--deco-spark),var(--deco-heart),var(--deco-star);background-repeat:no-repeat;background-position:1% 16%,99% 34%,1.5% 64%,97% 82%;background-size:34px,26px,30px,22px;opacity:.75;pointer-events:none}.home>.home__hero,.home>.section-head,.home>.feature-grid,.home>.home__flow,.home>.home__popular,.home>.home__notes,.home>.home__cta{position:relative}.home .feature-card{animation:candy-pop .5s var(--ease-out) backwards}.home .feature-card:nth-child(1){animation-delay:.05s}.home .feature-card:nth-child(2){animation-delay:.13s}.home .feature-card:nth-child(3){animation-delay:.21s}.home .feature-card:nth-child(4){animation-delay:.29s}.section-head{display:grid;gap:6px;justify-items:center;text-align:center;margin:var(--space-7) 0 var(--space-4)}@media (max-width: 767px){.section-head{margin-top:var(--space-6);margin-bottom:var(--space-3)}.home .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}.home .feature-card{padding:var(--space-4);gap:6px}.home .feature-card__icon{width:40px;height:40px}.home .feature-card__icon svg{width:21px;height:21px}.home .feature-card__title{font-size:var(--text-base)}.home .feature-card:after{font-size:58px;bottom:-18px}}.section-head__kicker{margin:0;padding:5px 14px;background:var(--color-lemon);border:2.5px solid var(--color-ink);border-radius:var(--radius-pill);box-shadow:3px 4px 0 var(--color-ink);transform:rotate(-1.6deg)}.section-head__title{font-family:var(--font-comic);font-weight:400;font-size:var(--text-3xl);letter-spacing:.01em;text-shadow:4px 4px 0 rgb(255 224 102 / .9);margin:0}.section-head__title:after{content:"";display:block;width:min(210px,60%);height:10px;margin:2px auto 0;background:var(--deco-squiggle) no-repeat center / 100% 100%;pointer-events:none}.section-head__sub{margin:0;max-width:52ch;font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary)}.home__flow{margin-top:var(--space-7)}.home__flow .guide-flow{width:100%;list-style:none;margin:0;justify-content:space-evenly}.home__flow .guide-flow__label{font-family:var(--font-comic);font-size:12px;letter-spacing:.05em;color:var(--color-ink)}.home__flow .guide-flow__node:nth-child(4n+1) .guide-flow__dot{background:var(--color-primary);color:#fff}.home__flow .guide-flow__node:nth-child(4n+3) .guide-flow__dot{background:var(--color-mint)}.home__flow .guide-flow__node:nth-child(4n+5) .guide-flow__dot{background:var(--color-accent);color:#fff}.home__flow .guide-flow__node:nth-child(4n+7) .guide-flow__dot{background:var(--color-lemon)}.home__cta-alt{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:var(--color-text-secondary);text-decoration:none;border-bottom:2.5px dashed var(--color-ink);padding-bottom:1px;transform:rotate(-.6deg);transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.home__cta-alt:hover{color:var(--color-bubble);transform:rotate(0) translateY(-2px)}.home__cta .btn--lg{margin-top:var(--space-2)}.home__cta{position:relative;margin-top:var(--space-8);display:grid;gap:var(--space-3);justify-items:center;text-align:center;padding:var(--space-7) var(--space-5);overflow:hidden;background:linear-gradient(150deg,var(--color-primary-soft),var(--color-accent-soft));border:3px solid var(--color-ink);border-radius:var(--radius-xl);box-shadow:9px 10px 0 var(--color-ink);isolation:isolate}.home__cta:before{content:"";position:absolute;inset:-40% -20%;z-index:-1;background:repeating-conic-gradient(from 0deg at 50% 50%,rgb(255 255 255 / .65) 0deg 7deg,transparent 7deg 15deg);animation:cta-rays 26s linear infinite;opacity:.55}@keyframes cta-rays{to{transform:rotate(360deg)}}.home__cta-title{font-family:var(--font-comic);font-weight:400;font-size:var(--text-3xl);letter-spacing:.01em;margin:0;text-shadow:4px 4px 0 #fff,7px 7px 0 rgb(26 26 36 / .35)}.home__cta-sub{margin:0;font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);max-width:48ch}@media (max-width: 767px){.home__intro:before{inset:-6% -1%}.home__showcase.is-frames-mode.home__showcase--kipas .home__showcase-body{min-height:0}}.sticky-bar{background:var(--color-surface);border-top:3px solid var(--color-ink);box-shadow:0 -5px #1a1a2424}.sticky-bar:before{content:"";position:absolute;left:0;right:0;top:4px;height:6px;background:repeating-linear-gradient(90deg,var(--color-bubble) 0 14px,transparent 14px 28px,var(--color-lemon) 28px 42px,transparent 42px 56px);opacity:.7;pointer-events:none}.sticky-bar{position:fixed}.scroll-arrow{border-width:2.5px;border-color:var(--color-ink);background:var(--color-lemon);font-family:var(--font-comic)}.guide__cta,.credit__support{position:relative;isolation:isolate;overflow:hidden}.guide__cta:before,.credit__support:before{content:"";position:absolute;inset:-60% -20%;z-index:-1;background:repeating-conic-gradient(from 0deg at 50% 50%,rgb(255 255 255 / .7) 0deg 6deg,transparent 6deg 14deg);animation:cta-rays 30s linear infinite;opacity:.5;pointer-events:none}.guide__cta>*,.credit__support>*{position:relative}.site-nav__link:hover{transform:translate(-1px,-3px) rotate(-1.4deg)}.site-nav__link:active{transform:rotate(0)}.countdown-number{font-family:var(--font-comic);font-weight:400;color:var(--color-lemon);text-shadow:-2px -2px 0 var(--color-ink),2px -2px 0 var(--color-ink),-2px 2px 0 var(--color-ink),2px 2px 0 var(--color-ink),0 -2px 0 var(--color-ink),0 2px 0 var(--color-ink),-2px 0 0 var(--color-ink),2px 0 0 var(--color-ink),7px 8px 0 rgb(26 26 36 / .5)}.lightbox__img{border:3px solid #fff;box-shadow:10px 11px #00000080}.music-widget{border-width:2.5px;border-color:var(--color-ink);background:var(--color-surface);box-shadow:5px 6px 0 var(--color-ink)}.music-widget__btn{border:2.5px solid var(--color-ink);box-shadow:2px 3px 0 var(--color-ink)}.music-widget__next{border-width:2px;border-color:var(--color-ink)}.modal__header{border-bottom:2.5px solid var(--color-ink);background:var(--color-primary-soft)}.modal__footer{border-top:2.5px dashed var(--color-ink);background:var(--color-surface-muted)}.modal__close{border:2.5px solid var(--color-ink);box-shadow:2px 3px 0 var(--color-ink);font-family:var(--font-comic)}.capture.is-fullview .tpl-preview__badge,.tpl-preview__badge{color:var(--color-lemon);text-align:left;letter-spacing:.24em;background-color:var(--color-ink);background-image:radial-gradient(rgb(255 255 255 / .18) 1.1px,transparent 1.25px);background-size:8px 8px;box-shadow:3px 4px #1a1a248c}.capture.is-fullview .tpl-preview__badge{padding-left:20px}.tpl-preview__hint:only-child{max-width:min(540px,92%);padding:var(--space-7) var(--space-6);border:3px dashed var(--color-ink);border-radius:var(--radius-xl);background-color:var(--color-surface);background-image:var(--pattern-halftone);background-size:13px 13px;box-shadow:7px 8px #1a1a24cc;transform:rotate(-.7deg);gap:var(--space-2);font-weight:700;color:var(--color-text-secondary)}.tpl-preview__hint-title{font-family:var(--font-comic);font-weight:400;font-size:var(--text-xl);letter-spacing:.02em;color:var(--color-text);text-shadow:3px 3px 0 rgb(255 224 102 / .9)}.tpl-preview__hint:only-child:before{content:"";display:block;width:64px;height:64px;margin-bottom:4px;background:var(--deco-spark) center / contain no-repeat;animation:hint-bob 2.6s ease-in-out infinite}@keyframes hint-bob{50%{transform:translateY(-7px) rotate(-8deg)}}.tpl-preview__meta{margin:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);text-align:center}.template-card__thumb img,.tpl-card__frame img{background-image:var(--pattern-checker);background-size:15px 15px}body.is-fullview{background-color:var(--color-canvas-dark);background-image:radial-gradient(rgb(255 249 251 / .55) 1px,transparent 1.3px),radial-gradient(rgb(255 107 153 / .4) 1.2px,transparent 1.5px),radial-gradient(rgb(166 130 255 / .38) 1.1px,transparent 1.4px),radial-gradient(rgb(255 209 102 / .3) 1px,transparent 1.3px),radial-gradient(52rem 36rem at 10% -10%,rgb(255 107 153 / .14),transparent 60%),radial-gradient(48rem 34rem at 95% 110%,rgb(166 130 255 / .16),transparent 62%);background-size:236px 210px,320px 264px,188px 166px,404px 348px,auto,auto;background-attachment:fixed;color:#f6f2ff}body.is-fullview .capture,body.is-fullview .editor{color:var(--color-text)}body.is-fullview .panel-card,body.is-fullview .editor__stage-wrap,body.is-fullview .editor__panel{background:var(--glass-strong)}body.is-fullview .camera__shutter{outline:2.5px dashed rgb(255 107 153 / .85);outline-offset:5px}html body{background-image:radial-gradient(rgb(26 26 36 / .075) 1.1px,transparent 1.3px),radial-gradient(rgb(255 107 153 / .18) 1.7px,transparent 1.9px),radial-gradient(54rem 38rem at 6% -10%,rgb(255 107 153 / .17),transparent 62%),radial-gradient(48rem 36rem at 106% 6%,rgb(166 130 255 / .17),transparent 60%),radial-gradient(44rem 34rem at 52% 114%,rgb(78 204 163 / .15),transparent 60%),radial-gradient(30rem 24rem at 86% 58%,rgb(255 209 102 / .13),transparent 65%);background-size:18px 18px,18px 18px,auto,auto,auto,auto;background-position:0 0,9px 9px,0 0,0 0,0 0,0 0}.site-header{background:linear-gradient(180deg,#ffffffeb,#fff9fbbd);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);box-shadow:0 14px 30px -20px #1a1a2480}.site-header:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad-rainbow);background-size:200% 100%;animation:candy-ribbon 14s linear infinite;pointer-events:none}@keyframes candy-ribbon{0%{background-position:0% 0}to{background-position:200% 0}}.brand-mark{background:var(--grad-pop);box-shadow:3px 3px 0 var(--color-ink),0 10px 18px -8px #ff6b99f2}.icon-btn{background:linear-gradient(180deg,#fff,#fff6fa)}.icon-btn:hover{box-shadow:5px 6px 0 var(--color-ink),0 12px 20px -12px #a682ffd9}.site-nav__link:hover{background:linear-gradient(180deg,#ffffff 0%,var(--color-primary-soft) 100%);box-shadow:5px 6px 0 var(--color-ink),0 12px 20px -12px #ff6b99bf}.btn{box-shadow:4px 5px 0 var(--color-ink),0 14px 24px -14px #1a1a2499}.btn:hover:not(:disabled){box-shadow:6px 8px 0 var(--color-ink),0 22px 32px -14px #1a1a248c}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--color-ink)}.btn--ghost,.btn--secondary{background:linear-gradient(180deg,#fffffff5,#fff4f9e6)}.btn--ghost:hover:not(:disabled),.btn--secondary:hover:not(:disabled){box-shadow:6px 8px 0 var(--color-ink),0 18px 28px -14px #a682ff99}.btn--primary{box-shadow:4px 5px 0 var(--color-ink),0 16px 28px -12px #ff6b99f2}.btn--primary:hover:not(:disabled){box-shadow:6px 8px 0 var(--color-ink),0 24px 36px -12px #ff6b99;filter:saturate(1.07)}.chip:hover,.tpl-cat:hover,.sticker-cat:hover,.cat-chip:hover,.admin__slot-chip:hover,.sc-shape:hover,.slot-filter__btn:hover{box-shadow:5px 6px 0 var(--color-ink),0 14px 22px -14px #a682ffd9}.chip.is-active,.tpl-cat.is-active,.sticker-cat.is-active,.cat-chip.is-active,.slot-filter__btn.is-active,.segmented__btn.is-active{box-shadow:4px 5px 0 var(--color-ink),0 14px 26px -10px #ff6b99f2}.panel-card{box-shadow:7px 8px #1a1a24e6,0 32px 52px -32px #1a1a248c}.feature-card{box-shadow:6px 7px 0 var(--color-ink),0 30px 48px -30px #1a1a248c}.feature-card:hover{box-shadow:9px 11px 0 var(--color-ink),0 42px 60px -32px #1a1a2499}.frame-group{box-shadow:6px 7px #1a1a24d9,0 30px 48px -30px #1a1a248c}.guide-step{box-shadow:6px 7px #1a1a24d9,0 28px 46px -30px #1a1a248c}.guide-flow,.credit__card,.credit__support,.home__popular,.empty-state,.gallery__empty,.frame-settings,.tip-card{box-shadow:6px 7px #1a1a24d1,0 28px 46px -30px #1a1a2480}.tip-card:hover{box-shadow:6px 7px #1a1a24d9,0 34px 50px -30px #1a1a248c}.gallery__card{box-shadow:5px 6px #1a1a24d9,0 26px 44px -28px #1a1a248c}.gallery__card:hover{box-shadow:7px 9px #1a1a24e6,0 38px 56px -30px #1a1a2499}.devlogin__card{box-shadow:7px 8px #1a1a24e6,0 38px 64px -32px #a682ff8c,0 22px 44px -30px #ff6b9980}.modal{box-shadow:var(--shadow-comic-lg)}.toast{box-shadow:5px 5px 0 var(--color-ink),0 24px 40px -22px #1a1a2499}.music-widget{box-shadow:5px 6px 0 var(--color-ink),0 22px 38px -20px #1a1a2499}.download__panel .panel-card{box-shadow:7px 8px #1a1a24e0,0 32px 52px -32px #1a1a248c}.download__frame canvas,.download__frame>img{box-shadow:8px 9px #1a1a24d9,0 36px 60px -32px #1a1a2499}.home__popular-item{box-shadow:4px 4px #1a1a24d9,0 20px 34px -24px #1a1a248c}.home__popular-item:hover{box-shadow:7px 7px #1a1a24e6,0 30px 44px -26px #1a1a2499}.home__cta{box-shadow:9px 10px 0 var(--color-ink),0 40px 66px -34px #a682ff8c}.sc-card{box-shadow:3px 3px #1a1a24cc,0 18px 32px -22px #1a1a2480}.sc-card:hover{box-shadow:5px 6px #1a1a24e6,0 26px 40px -24px #1a1a248c}.admin__kicker,.home__popular-kicker,.section-head__kicker{background-color:transparent;background-image:radial-gradient(rgb(26 26 36 / .1) 1.1px,transparent 1.25px),var(--grad-sunrise);background-size:9px 9px,auto;color:var(--color-ink);box-shadow:3px 4px 0 var(--color-ink),0 12px 20px -12px #ff9a5cf2}.admin__kicker{display:inline-flex;align-items:center;width:fit-content;border-radius:var(--radius-pill);transform:rotate(-1deg)}.frames__kicker,.guide__kicker,.home__kicker,.devlogin__kicker{background-color:transparent;background-image:radial-gradient(rgb(26 26 36 / .1) 1.1px,transparent 1.25px),var(--grad-pop);background-size:9px 9px,auto;color:var(--color-ink);box-shadow:3px 4px 0 var(--color-ink),0 12px 20px -12px #ff6b9999}.frames__title,.guide__title,.gallery__title,.download__title,.admin__title{text-shadow:3px 3px 0 rgb(255 224 102 / .95),0 18px 32px rgb(166 130 255 / .3)}.section-head__title{text-shadow:4px 4px 0 rgb(255 224 102 / .95),0 20px 34px rgb(255 107 153 / .3)}.home__title{text-shadow:5px 5px 0 var(--color-lemon),0 24px 40px rgb(166 130 255 / .35)}.home__title em{text-shadow:5px 5px 0 rgb(26 26 36 / .85),0 24px 40px rgb(255 107 153 / .4)}.home__cta-title{text-shadow:4px 4px 0 #fff,7px 7px 0 rgb(26 26 36 / .35),0 22px 38px rgb(255 107 153 / .35)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #ff6b9966,0 0 0 6px #a682ff3d,3px 4px 0 var(--color-ink)}.devlogin__card{background:linear-gradient(180deg,#fffffff7,#fffafdeb)}.devlogin__badge{background:var(--grad-pop);color:#fff;box-shadow:3px 4px 0 var(--color-ink),0 12px 22px -10px #ff6b99e6}.devlogin__badge svg{stroke:currentColor}.site-footer{background:linear-gradient(180deg,var(--color-surface) 0%,#fff5f9 55%,#fdeef7 100%)}.site-footer__ticker{background:linear-gradient(90deg,#ffd166,#ff9a5c,#ff6b99,#a682ff,#ff6b99);background-size:200% 100%;animation:candy-ribbon 12s linear infinite}.site-footer__ticker-track{color:var(--color-ink);text-shadow:0 1px 0 rgb(255 255 255 / .55)}@media (prefers-reduced-motion: reduce){.btn:after,.site-footer__ticker-track,.home__cta:before,.guide__cta:before,.credit__support:before,.home__stamp,.home .feature-card,.template-card,.gallery__card,.home__actions .btn--primary,.sticky-bar .btn--primary,.guide__cta .btn--primary,.download__actions .btn--primary,.tpl-preview__hint:only-child:before,.site-header:before,.admin__head:before,.site-footer__ticker{animation:none!important}}.admin__head-actions [data-act=toggle-upload]{background:var(--grad-pop);color:#fff;border:2px solid var(--color-ink);box-shadow:3px 4px 0 var(--color-ink),0 14px 24px -12px #ff6b99d9}.admin__head-actions [data-act=toggle-upload]:hover{box-shadow:5px 6px 0 var(--color-ink),0 18px 30px -12px #ff6b99f2}.sc-shape{position:relative}.sc-shape.is-active:after{content:"✓";position:absolute;top:-7px;right:-7px;width:17px;height:17px;display:grid;place-items:center;font-size:10px;font-weight:900;line-height:1;color:var(--color-ink);background:var(--grad-pop);border:1.5px solid var(--color-ink);border-radius:50%;box-shadow:1px 2px #1a1a24b3}.devlogin__conn{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 14px;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.02em;box-shadow:2px 3px #1a1a24cc}.devlogin__conn-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);box-shadow:0 0 0 3px #1a1a241f;flex-shrink:0}.devlogin__conn.is-ok{background:#eafbee}.devlogin__conn.is-ok .devlogin__conn-dot{background:#16a34a;box-shadow:0 0 0 3px #16a34a38}.devlogin__conn.is-off{background:#ffebf0}.devlogin__conn.is-off .devlogin__conn-dot{background:var(--color-primary, #ff6b99);box-shadow:0 0 0 3px #ff6b9940}.devlogin{position:relative;isolation:isolate}.devlogin:before,.devlogin:after{content:"";position:absolute;z-index:-1;width:min(420px,64vw);aspect-ratio:1;border-radius:50%;filter:blur(64px);opacity:.5;pointer-events:none}.devlogin:before{top:4%;left:6%;background:radial-gradient(circle,rgb(255 107 153 / .85),transparent 70%);animation:devlogin-drift-a 16s ease-in-out infinite alternate}.devlogin:after{bottom:6%;right:6%;background:radial-gradient(circle,rgb(166 130 255 / .9),transparent 70%);animation:devlogin-drift-b 19s ease-in-out infinite alternate}@keyframes devlogin-drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(46px,-34px,0) scale(1.14)}}@keyframes devlogin-drift-b{0%{transform:translateZ(0) scale(1.08)}to{transform:translate3d(-42px,30px,0) scale(.96)}}.devlogin__badge{animation:devlogin-bob 3.6s ease-in-out infinite}@keyframes devlogin-bob{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-6px)}}@media (prefers-reduced-motion: reduce){.devlogin:before,.devlogin:after,.devlogin__badge{animation:none!important}}