@font-face{font-family:Anton;src:url(/fonts/anton.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Archivo Black;src:url(/fonts/archivo-black.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Inter;src:url(/fonts/inter-var.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:block}@font-face{font-family:Mukta;src:url(/fonts/mukta-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:block}:root{--bg:#0a0a0b;--surface:#fff;--accent:#e11d2e;--accent-alt:#2563eb;--text-on-dark:#fff;--meta:#ffffffa6;--rule:#ffffff26;--margin:72px;--baseline:8px;--chrome-bg:#f5f5f5;--chrome-surface:#fff;--chrome-border:#d9d9dc;--chrome-text:#17171a;--chrome-muted:#6b6b70;--bp-tablet:640px;--bp-desktop:1024px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;margin:0}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}.canvas-viewport{aspect-ratio:1080/1350;background:var(--bg);width:100%;max-width:480px;box-shadow:0 0 0 1px var(--chrome-border);margin:0 auto;position:relative}.canvas-viewport canvas{display:block}.canvas-loading{color:var(--text-on-dark);justify-content:center;align-items:center;font-family:Inter,system-ui,sans-serif;font-size:14px;display:flex;position:absolute;inset:0}@media (width<=639px){.canvas-viewport{max-width:none}}.canvas-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.slot-form{flex-direction:column;gap:16px;display:flex}.slot-field{flex-direction:column;gap:6px;display:flex}.slot-label{color:var(--chrome-muted);text-transform:uppercase;letter-spacing:.04em;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600}.slot-label-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.slot-enable-toggle{text-transform:none;letter-spacing:normal;color:var(--chrome-text);cursor:pointer;align-items:center;gap:6px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:400;display:inline-flex}.slot-enable-toggle input{cursor:pointer;width:16px;height:16px}.slot-input{border:1px solid var(--chrome-border);background:var(--chrome-surface);min-height:44px;color:var(--chrome-text);width:100%;padding:8px 10px;font-family:Inter,system-ui,sans-serif;font-size:14px}.slot-textarea{resize:vertical;min-height:72px}.slot-hint{color:var(--chrome-muted);margin:0;font-family:Inter,system-ui,sans-serif;font-size:11px}.slot-image-row{align-items:center;gap:12px;display:flex}.slot-image-preview{object-fit:cover;border:1px solid var(--chrome-border);flex:none;width:56px;height:56px}.slot-image-actions{flex-wrap:wrap;gap:8px;display:flex}.slot-image-actions .btn{justify-content:center;align-items:center;width:auto;min-width:88px;padding:0 14px;display:inline-flex}.slot-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.btn-secondary{background:var(--chrome-surface);color:var(--chrome-text);border:1px solid var(--chrome-border)}.app-shell{background:var(--chrome-bg);min-height:100dvh;color:var(--chrome-text);flex-direction:column;display:flex}.app-header{border-bottom:1px solid var(--chrome-border);background:var(--chrome-surface);flex:none;align-items:center;height:48px;padding:0 16px;display:flex}.app-title{letter-spacing:.01em;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600}.app-canvas-pane{flex:none;justify-content:center;align-items:flex-start;padding:16px;display:flex}.app-side-pane{flex-direction:column;flex:none;gap:16px;padding:0 16px 16px;display:flex}.panel{background:var(--chrome-surface);border:1px solid var(--chrome-border);padding:16px}.panel-title{margin:0 0 4px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600}.panel-hint{color:var(--chrome-muted);margin:0 0 12px;font-family:Inter,system-ui,sans-serif;font-size:12px}.btn{cursor:pointer;border:1px solid #0000;width:100%;min-height:44px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;display:block}.btn-primary{background:var(--accent);color:var(--text-on-dark)}.btn-primary:disabled{opacity:.6;cursor:default}@media (width>=640px){.app-shell{flex-flow:wrap}.app-header{width:100%}.app-canvas-pane{flex:auto}.app-side-pane{flex:none;width:280px;padding:16px}}@media (width>=1024px){.app-side-pane{width:320px}}