:root{--color-bg:#fff;--color-surface:#f7f8fa;--color-surface-alt:#eef0f3;--color-surface-raised:#fff;--color-border:#dde1e6;--color-border-strong:#c3c9d1;--color-text:#1a1d21;--color-text-muted:#5b6270;--color-text-on-accent:#fff;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-active:#1e40af;--color-accent-soft:#e8effe;--color-success:#16a34a;--color-success-soft:#e7f7ed;--color-warning:#b45309;--color-warning-soft:#fdf1e0;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-soft:#fdecec;--color-focus-ring:#2563eb;--color-overlay:#0f12168c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--shadow-1:0 1px 2px #14141e0f, 0 1px 1px #14141e0a;--shadow-2:0 4px 12px #14141e1a;--shadow-3:0 16px 40px #14141e2e;--duration-fast:.12s;--duration-base:.18s;--easing-standard:cubic-bezier(.4, 0, .2, 1);--control-height:40px;--control-height-sm:32px;--touch-target-min:44px;--focus-ring-width:3px;--content-max-width:1440px;--legal-max-width:720px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#14161a;--color-surface:#1b1e23;--color-surface-alt:#24272e;--color-surface-raised:#20232a;--color-border:#33373f;--color-border-strong:#454a54;--color-text:#eef0f3;--color-text-muted:#9aa1ac;--color-text-on-accent:#0b0d10;--color-accent:#6c9bfa;--color-accent-hover:#8fb2fb;--color-accent-active:#5686f0;--color-accent-soft:#1c2c4d;--color-success:#4ade80;--color-success-soft:#12301f;--color-warning:#fbbf5c;--color-warning-soft:#332305;--color-danger:#f87171;--color-danger-hover:#fca5a5;--color-danger-soft:#3a1414;--color-focus-ring:#8fb2fb;--color-overlay:#000000a6;--shadow-1:0 1px 2px #0000004d, 0 1px 1px #0003;--shadow-2:0 4px 14px #0006;--shadow-3:0 20px 48px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg:#14161a;--color-surface:#1b1e23;--color-surface-alt:#24272e;--color-surface-raised:#20232a;--color-border:#33373f;--color-border-strong:#454a54;--color-text:#eef0f3;--color-text-muted:#9aa1ac;--color-text-on-accent:#0b0d10;--color-accent:#6c9bfa;--color-accent-hover:#8fb2fb;--color-accent-active:#5686f0;--color-accent-soft:#1c2c4d;--color-success:#4ade80;--color-success-soft:#12301f;--color-warning:#fbbf5c;--color-warning-soft:#332305;--color-danger:#f87171;--color-danger-hover:#fca5a5;--color-danger-soft:#3a1414;--color-focus-ring:#8fb2fb;--color-overlay:#000000a6;--shadow-1:0 1px 2px #0000004d, 0 1px 1px #0003;--shadow-2:0 4px 14px #0006;--shadow-3:0 20px 48px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{margin:0 0 var(--space-3);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}p{margin:0 0 var(--space-3)}a{color:var(--color-accent)}img{max-width:100%;display:block}button{font-family:inherit}:focus{outline:none}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-3);z-index:1000;background:var(--color-accent);color:var(--color-text-on-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:top var(--duration-base) var(--easing-standard);text-decoration:none;position:absolute;top:-48px}.skip-link:focus-visible{top:var(--space-3)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media print{.no-print{display:none!important}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-wrap:wrap;display:flex}.app-header__actions{flex-wrap:wrap;justify-content:flex-end}.app-header__brand{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);display:flex}.app-header__brand-mark{border-radius:var(--radius-sm);flex-shrink:0;width:28px;height:28px}.app-main{width:100%;max-width:var(--content-max-width);padding:var(--space-5);flex:1;margin:0 auto}.setup-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;display:grid}.setup-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.setup-card h2{font-size:var(--text-lg)}.export-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.export-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.export-card__icon{font-size:var(--text-2xl)}.export-card h3{font-size:var(--text-lg);margin-bottom:0}.export-card .btn{align-self:flex-start;margin-top:auto}@media (width<=640px){.app-main,.app-header{padding:var(--space-3)}#autosave-status{display:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);border:1px solid #0000;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-accent);color:var(--color-text-on-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface-alt);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border-strong)}.btn--ghost{color:var(--color-text);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-alt)}.btn--danger{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.btn--danger:hover:not(:disabled){background:var(--color-danger-soft)}.btn--sm{min-height:var(--control-height-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--icon{padding:var(--space-2);width:var(--touch-target-min);min-width:var(--touch-target-min)}.btn--icon.btn--sm{width:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.btn--block{width:100%}.btn-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.icon{font-size:1.1em;line-height:1}.field{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field-row{gap:var(--space-3);display:flex}.field-row>.field{flex:1;min-width:0}input[type=text],input[type=number],input[type=email],input[type=search],select,textarea{min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-family:inherit;font-size:var(--text-base);width:100%}textarea{min-height:calc(var(--control-height) * 2);resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-accent)}input[type=color]{width:56px;height:var(--control-height);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent);width:20px;height:20px}.checkbox-field{align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);cursor:pointer;display:flex}input[type=range]{accent-color:var(--color-accent);width:100%;height:var(--touch-target-min);background:0 0}output,.value-display{font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--color-text-muted);min-width:3ch}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin:0 0 var(--space-4)}legend{font-weight:var(--font-weight-semibold);padding:0 var(--space-2)}.swatch-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.swatch{border-radius:var(--radius-full);border:2px solid var(--color-border);cursor:pointer;width:36px;height:36px;padding:0}.swatch:hover{border-color:var(--color-border-strong)}.swatch[aria-pressed=true]{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.csv-import__mapping{gap:var(--space-2);margin:var(--space-3) 0;flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.csv-import__map-row{align-items:center}.csv-import__col-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.csv-import__map-row select{flex:2}.tab-nav{gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);display:flex;overflow-x:auto}.tab-nav__list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.tab-btn{align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:var(--text-base);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);background:0 0;border:none;border-bottom:2px solid #0000;display:inline-flex}.tab-btn:hover{color:var(--color-text)}.tab-btn[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-panel{outline:none}.tab-panel[hidden]{display:none}@media (width<=640px){.tab-btn .tab-btn__label{display:none}.tab-btn{padding:var(--space-2)}}.design-workspace{gap:var(--space-5);grid-template-columns:300px 1fr 280px;align-items:start;display:grid}.design-workspace>*{min-width:0}.design-sidebar{gap:var(--space-4);max-height:calc(100vh - 180px);padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.side-toggle{background:var(--color-bg);z-index:1;padding-bottom:var(--space-2);position:sticky;top:0}.side-toggle .btn{flex:1}.control-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.control-section h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.design-canvas-area{gap:var(--space-3);top:var(--space-3);flex-direction:column;display:flex;position:sticky}.canvas-frame{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;min-width:0;display:flex;overflow:hidden}#card-preview{box-shadow:var(--shadow-2);cursor:default;touch-action:none}.element-properties{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);top:var(--space-3);max-height:calc(100vh - 180px);position:sticky;overflow-y:auto}.properties-form h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted)}.properties-form__section{border-top:1px solid var(--color-border);margin-top:var(--space-3);padding-top:var(--space-3)}.fields-list{margin:var(--space-3) 0 0;gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.fields-list__item{align-items:center;gap:var(--space-1);display:flex}.fields-list__select{text-align:left;background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:var(--space-2);min-height:var(--touch-target-min);cursor:pointer;color:var(--color-text);border:1px solid #0000;flex:1}.fields-list__select[aria-selected=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}@media (width<=1100px){.design-workspace{grid-template-columns:1fr}.design-sidebar,.element-properties{max-height:none;position:static}}.content-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.cards-accordion{gap:var(--space-2);flex-direction:column;max-width:720px;display:flex}.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.accordion-header{align-items:stretch;display:flex}.accordion-toggle{text-align:left;padding:var(--space-3) var(--space-4);min-height:var(--touch-target-min);font-size:var(--text-base);font-weight:var(--font-weight-medium);cursor:pointer;color:var(--color-text);background:0 0;border:none;flex:1}.accordion-toggle:hover{background:var(--color-surface-alt)}.accordion-header .btn{margin:var(--space-1)}.accordion-panel{padding:var(--space-2) var(--space-4) var(--space-4);border-top:1px solid var(--color-border);gap:var(--space-5);flex-wrap:wrap;display:flex}.accordion-side{flex:1;min-width:220px}.accordion-side h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);margin-top:var(--space-3)}.image-field-editor__thumb{border-radius:var(--radius-sm);border:1px solid var(--color-border);max-width:160px;max-height:120px;margin-bottom:var(--space-2);object-fit:contain}dialog.modal{background:var(--color-surface-raised);color:var(--color-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);max-width:480px;width:calc(100% - var(--space-6));max-height:min(600px,90vh);padding:var(--space-5);border:none;overflow-y:auto}dialog.modal::backdrop{background:var(--color-overlay)}.modal__title{font-size:var(--text-lg);margin-top:0}.modal__body{color:var(--color-text-muted);margin-bottom:var(--space-5)}.modal__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.toast-region{bottom:var(--space-4);right:var(--space-4);gap:var(--space-2);z-index:1100;max-width:min(360px, calc(100vw - var(--space-6)));flex-direction:column;display:flex;position:fixed}.toast{background:var(--color-surface-raised);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);animation:toast-in var(--duration-base) var(--easing-standard)}.toast--success{border-left-color:var(--color-success)}.toast--danger{border-left-color:var(--color-danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-7);padding:var(--space-5) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.site-footer__brand{color:var(--color-text);font-weight:var(--font-weight-medium)}.site-footer__links{gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer__links a{color:var(--color-text-muted);text-decoration:none}.site-footer__links a:hover{color:var(--color-accent);text-decoration:underline}.legal-page{flex-direction:column;min-height:100vh;display:flex}.legal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.legal-header__back{align-items:center;gap:var(--space-1);font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:none;display:inline-flex}.legal-main{width:100%;max-width:var(--legal-max-width);padding:var(--space-6) var(--space-5) var(--space-7);flex:1;margin:0 auto}.legal-main h1{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.legal-main h2{font-size:var(--text-lg);margin-top:var(--space-6)}.legal-main p,.legal-main address,.legal-main ul{color:var(--color-text);font-style:normal}.legal-main ul{padding-left:var(--space-5)}.legal-main li{margin-bottom:var(--space-1)}.legal-main .legal-meta{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.legal-notice{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}