:root{--surface-0:#07090e;--surface-1:#0f1422;--surface-2:#171f32;--surface-3:#222d46;--surface-glass:#0a0d14d9;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#07090e;--border-subtle:#ffffff14;--border-medium:#ffffff29;--border-focus:#38bdf8;--accent-gold:#f59e0b;--accent-peach:#fb923c;--accent-pink:#ec4899;--accent-cyan:#06b6d4;--accent-gradient:linear-gradient(135deg, #f59e0b 0%, #f97316 45%, #ec4899 100%);--accent-gradient-hover:linear-gradient(135deg, #fbbf24 0%, #fb923c 45%, #f472b6 100%);--accent-gradient-subtle:linear-gradient(135deg, #f59e0b1f 0%, #ec48991f 100%);--radius-sm:6px;--radius-control:10px;--radius-card:18px;--radius-hero:24px;--radius-pill:9999px;--shadow-sm:0 2px 8px #0006;--shadow-card:0 8px 24px -4px #0009, 0 0 1px 1px #ffffff0d;--shadow-card-hover:0 16px 36px -4px #000000bf, 0 0 20px -4px #f59e0b38;--shadow-cta:0 4px 20px -2px #f59e0b61, 0 0 12px 0 #ec489947;--shadow-cta-hover:0 6px 28px -2px #f59e0b8c, 0 0 18px 0 #ec489966}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}body{background-color:var(--surface-0);min-height:100dvh;color:var(--text-primary);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;display:flex;overflow-x:hidden}.site-content{flex:1 0 auto;width:100%}.site-container{max-width:1280px;margin:0 auto;padding:0 1.5rem 3rem}.site-footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-tertiary);background-color:var(--surface-1);width:100%;margin-top:auto;padding:2rem 1.5rem;font-size:.875rem}h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.25rem;font-weight:700;line-height:1.2}h2{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.5rem;font-weight:600;line-height:1.25}h3{color:var(--text-primary);margin-bottom:.25rem;font-size:1.15rem;font-weight:600}p{color:var(--text-secondary);margin-bottom:.5rem}a{color:var(--accent-gold);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-peach);text-decoration:underline}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover);border-color:#f59e0b4d;transform:translateY(-2px)}.badge{border-radius:var(--radius-pill);background-color:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-subtle);text-transform:capitalize;letter-spacing:.02em;white-space:nowrap;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-emotion{color:#fbbf24;background-color:#f59e0b1f;border-color:#f59e0b40}.badge-theme{color:#f472b6;background-color:#f43f5e1f;border-color:#f43f5e40}.badge-style{color:#38bdf8;background-color:#06b6d41f;border-color:#06b6d440}.badge-exact{color:#34d399;background-color:#10b9811f;border-color:#10b98140}.btn{border-radius:var(--radius-control);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;line-height:1.2;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-cta);border:1px solid #fff3}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:var(--shadow-cta-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--surface-3);border-color:var(--border-focus)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-medium);background-color:#0000}.btn-outline:hover{background-color:var(--surface-2);border-color:var(--text-secondary)}.btn-saved{color:#34d399;background-color:#10b98133;border-color:#10b98166}.btn-saved:hover{background-color:#10b9814d}.btn-active{background-color:var(--surface-3);color:var(--text-primary);border-color:var(--accent-gold)}.breadcrumbs{margin-bottom:1.5rem;font-size:.875rem}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;display:inline-flex}.breadcrumbs a{color:var(--text-secondary);text-decoration:none}.breadcrumbs a:hover{color:var(--text-primary);text-decoration:underline}.breadcrumbs .separator{color:var(--text-tertiary);-webkit-user-select:none;user-select:none;margin:0 .35rem}.breadcrumbs [aria-current=page]{color:var(--text-primary);font-weight:600}.asset-preview{aspect-ratio:4/3;border-radius:var(--radius-card);width:100%;color:var(--text-secondary);box-shadow:inset 0 0 30px #00000080, var(--shadow-card);text-align:center;background:linear-gradient(135deg,#131b2e 0%,#0a0e18 100%);border:1px solid #f59e0b40;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}input[type=text],input[type=email],select,textarea{background-color:var(--surface-2);border:1px solid var(--border-medium);color:var(--text-primary);border-radius:var(--radius-control);font-size:.95rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=email]:focus,select:focus,textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #38bdf833}.site-header{background-color:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:50;width:100%;margin-bottom:2rem;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;padding:.85rem 1.5rem;display:flex}.brand-link{align-items:baseline;gap:.5rem;min-height:44px;text-decoration:none;display:inline-flex}.brand-title{background:var(--accent-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.brand-subtitle{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.header-actions{align-items:center;gap:1.25rem;display:flex}.locale-selector-wrap{align-items:center;gap:.5rem;display:inline-flex}.locale-selector-label{color:var(--text-tertiary);font-size:1rem;font-weight:500}.locale-selector-select{border-radius:var(--radius-control);border:1px solid var(--border-medium);background-color:var(--surface-2);color:var(--text-primary);cursor:pointer;outline:none;min-height:44px;padding:.4rem .85rem;font-size:.9rem}.desktop-nav{display:flex}.nav-list{align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text-secondary);align-items:center;min-height:44px;padding:0 .5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.nav-link:hover{color:var(--text-primary);text-decoration:none}.nav-toggle{background:var(--surface-2);border:1px solid var(--border-medium);border-radius:var(--radius-control);width:44px;height:44px;min-height:44px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:1.25rem;transition:all .15s;display:none}.nav-toggle:hover{background:var(--surface-3);border-color:var(--border-focus)}.nav-toggle:focus-visible{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #38bdf833}.nav-toggle-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.mobile-nav-panel{border-top:1px solid var(--border-subtle);background:var(--surface-1);padding:.75rem 1rem 1rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 24px #00000080}.mobile-nav-panel.is-open{display:block}.mobile-nav-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-link{min-height:44px;color:var(--text-primary);border-radius:var(--radius-control);align-items:center;padding:.5rem .85rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.mobile-nav-link:hover,.mobile-nav-link:focus-visible{background-color:var(--surface-2);color:var(--accent-gold);text-decoration:none}@media (max-width:767px){.site-header-inner{gap:.5rem;padding:.5rem .75rem}.brand-link{flex-direction:column;flex:auto;align-items:flex-start;gap:0;min-width:0;overflow:hidden}.brand-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1.05rem;overflow:hidden}.brand-subtitle{display:none}.header-actions{flex-shrink:0;align-items:center;gap:.4rem}.locale-selector-wrap{gap:0}.locale-selector-label{display:none}.locale-selector-select{width:68px;max-width:68px;height:36px;min-height:36px;padding:.2rem .35rem;font-size:.75rem}.desktop-nav{display:none}.nav-toggle{flex-shrink:0;width:38px;height:38px;min-height:38px;font-size:1.15rem;display:flex}}@media (min-width:768px){.desktop-nav{display:flex}.nav-toggle{display:none}.mobile-nav-panel{display:none!important}}.section-panel{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:2.5rem;padding:1.75rem}.customize-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:2rem;display:grid}.customize-form-col{flex-direction:column;gap:1.5rem;display:flex}.customize-preview-col{position:sticky;top:6rem}@media (max-width:1080px) and (min-width:641px){.site-container{max-width:980px;padding:0 1.25rem 2.5rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.customize-grid{grid-template-columns:1.1fr .9fr;gap:1.5rem}.customize-preview-col{position:sticky;top:5rem}h1{font-size:1.85rem}h2{font-size:1.35rem}}@media (max-width:640px){.site-container{padding:0 1rem 2rem}h1{font-size:1.6rem}h2{font-size:1.25rem}.card-grid{grid-template-columns:1fr;gap:1rem}.btn{width:100%}.actions-row{flex-direction:column;gap:.75rem}.customize-grid{grid-template-columns:1fr;gap:1.5rem}.customize-preview-col{position:static}}.preview-layout{grid-template-columns:minmax(0,1.62fr) minmax(320px,1fr);align-items:start;gap:2.25rem;width:100%;display:grid}.preview-content-col{min-width:0}.preview-pane-col{min-width:0;height:calc(100dvh - 7rem);max-height:calc(100vh - 7rem);position:sticky;top:5.5rem;overflow-y:auto}[data-preview-id]{cursor:pointer;outline:none}[data-preview-id]:focus-visible{border-color:var(--border-focus);box-shadow:0 0 0 2px #38bdf859}.preview-pane-card{background:var(--surface-1);border:1px solid var(--border-medium);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.preview-pane-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;min-height:44px;padding-bottom:.75rem;display:flex}.preview-pane-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-gold);font-size:.8rem;font-weight:700}.badge-pinned{color:var(--accent-gold);border-radius:var(--radius-pill);background:#f59e0b26;border:1px solid #f59e0b59;padding:.15rem .5rem;font-size:.75rem}.preview-unpin-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;min-height:32px;padding:.25rem .5rem;font-size:.8rem;transition:color .15s,background-color .15s}.preview-unpin-btn:hover{color:var(--text-primary);background:var(--surface-2)}.preview-pane-media-wrap{border-radius:var(--radius-control);width:100%;overflow:hidden}.preview-pane-img{object-fit:cover;border-radius:var(--radius-control);width:100%;height:200px}.preview-placeholder{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-control);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:180px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.preview-placeholder-glow{background:var(--accent-gradient-subtle);filter:blur(28px);pointer-events:none;border-radius:50%;width:160px;height:160px;position:absolute}.preview-placeholder-icon{color:var(--accent-gold);z-index:1;margin-bottom:.35rem;font-size:1.75rem;position:relative}.preview-placeholder-brand{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);z-index:1;margin-bottom:.35rem;font-size:.75rem;font-weight:700;position:relative}.preview-placeholder-text{color:var(--text-secondary);z-index:1;max-width:260px;font-size:.875rem;position:relative}.preview-placeholder-compact{background:var(--surface-2);border:1px dashed var(--border-subtle);border-radius:var(--radius-control);gap:.2rem;height:80px;min-height:80px;padding:.65rem 1rem}.preview-placeholder-compact .preview-placeholder-badge{align-items:center;gap:.4rem;display:flex}.preview-placeholder-compact .preview-placeholder-icon{margin-bottom:0;font-size:.95rem}.preview-placeholder-compact .preview-placeholder-brand{margin-bottom:0;font-size:.7rem}.preview-placeholder-compact .preview-placeholder-text{color:var(--text-tertiary);max-width:100%;font-size:.8rem}.preview-pane-body{overflow-wrap:anywhere;flex-direction:column;gap:.5rem;display:flex}.preview-pane-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.3}.preview-pane-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.45}.preview-pane-badges{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.preview-pane-actions{flex-direction:column;gap:.6rem;margin-top:.25rem;display:flex}.preview-mobile-wrapper{display:none}@media (max-width:1024px) and (min-width:881px){.preview-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:1.5rem}}@media (max-width:880px) and (min-width:641px){.preview-layout{flex-direction:column;gap:2.5rem;display:flex}.preview-pane-col{border-top:1px solid var(--border-subtle);width:100%;height:44rem;max-height:none;margin-top:1rem;padding-top:1.5rem;position:static}}@media (max-width:640px){.preview-layout{width:100%;display:block;overflow-x:hidden}.preview-pane-col{display:none}.preview-mobile-wrapper{display:block}.site-shell:has(.preview-layout){padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.preview-mobile-bar{z-index:90;background:var(--surface-1);border-top:1px solid var(--border-medium);padding:.65rem 1rem;padding-bottom:calc(.65rem + env(safe-area-inset-bottom));align-items:center;gap:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000080}.preview-mobile-bar-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.75rem;min-height:44px;padding:0;display:flex}.preview-mobile-bar-icon{color:var(--accent-gold);flex-shrink:0;font-size:1.25rem}.preview-mobile-bar-info{flex-direction:column;flex:1;min-width:0;display:flex}.preview-mobile-bar-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.preview-mobile-bar-sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.preview-mobile-details-btn{flex-shrink:0;min-height:38px;padding:.3rem .6rem;font-size:.78rem}.preview-mobile-dismiss-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.preview-mobile-sheet-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.preview-mobile-sheet{background:var(--surface-1);border-top:1px solid var(--border-medium);border-radius:var(--radius-card) var(--radius-card) 0 0;flex-direction:column;max-height:70vh;display:flex;overflow:hidden;box-shadow:0 -8px 32px #000c}.preview-mobile-sheet-handle-bar{justify-content:space-between;align-items:center;padding:.75rem 1rem .25rem;display:flex}.preview-mobile-sheet-handle{background:var(--border-medium);border-radius:var(--radius-pill);width:36px;height:4px;margin:0 auto}.preview-mobile-sheet-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;min-height:44px;padding:0 .5rem;font-size:.85rem;display:flex}.preview-mobile-sheet-content{padding:.5rem 1rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));overflow-y:auto}}.preview-action-region{min-width:0}.preview-action-region .follow-confirmation{width:100%;max-width:100%}.preview-action-region input[type=email]{width:100%;min-width:0}.preview-action-region form>div{flex-wrap:wrap}.preview-action-region button{min-height:44px!important}.preview-action-region:empty{display:none}.preview-pane-col:has(.follow-confirmation){scroll-behavior:auto}