:root{--om-bg-app:#fbf9f5;--om-bg-card:#fff;--om-text-main:#3a3735;--om-text-muted:#8c8680;--om-border:#f0ece1;--om-border-hover:#e2dcd0;--om-accent:#6e6862;--om-shadow:0 4px 16px -2px #5a55500a, 0 2px 6px -1px #5a555005;--om-radius-xl:18px;--om-radius-lg:14px;--om-radius-md:10px;--om-radius-sm:6px;--om-space-xs:4px;--om-space-sm:8px;--om-space-md:16px;--om-space-lg:24px;--om-font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--om-font-serif:"Lora", Georgia, serif;--om-ease-out:cubic-bezier(.16, 1, .3, 1);--om-transition-fast:.15s var(--om-ease-out);--om-transition-normal:.25s var(--om-ease-out);--om-transition-slow:.4s var(--om-ease-out);--om-mood-great-accent:#2d6a4f;--om-mood-great-bg:#f0f7f3;--om-mood-great-border:#d3e8dc;--om-mood-good-accent:#9a7228;--om-mood-good-bg:#fdf7ee;--om-mood-good-border:#f3e6d0;--om-mood-okay-accent:#4a6b82;--om-mood-okay-bg:#f2f6f9;--om-mood-okay-border:#d6e3ec;--om-mood-low-accent:#6e5b80;--om-mood-low-bg:#f6f2f8;--om-mood-low-border:#e4daec;--om-mood-stressed-accent:#9c524b;--om-mood-stressed-bg:#faf1f0;--om-mood-stressed-border:#f2d8d5}[data-theme=dark]{--om-bg-app:#181716;--om-bg-card:#22201f;--om-text-main:#ece9e3;--om-text-muted:#a39e97;--om-border:#33302d;--om-border-hover:#47433f;--om-accent:#b3ada5;--om-shadow:0 4px 20px -2px #0000004d;--om-mood-great-accent:#6ac997;--om-mood-great-bg:#1b2e24;--om-mood-great-border:#2b4738;--om-mood-good-accent:#e8c16b;--om-mood-good-bg:#302616;--om-mood-good-border:#4a3b23;--om-mood-okay-accent:#8eafca;--om-mood-okay-bg:#1d2a36;--om-mood-okay-border:#2c3e50;--om-mood-low-accent:#bba2d4;--om-mood-low-bg:#292033;--om-mood-low-border:#40324f;--om-mood-stressed-accent:#e58c84;--om-mood-stressed-bg:#331f1d;--om-mood-stressed-border:#52322e}[data-theme=lavender]{--om-bg-app:#f8f6fc;--om-bg-card:#fff;--om-text-main:#2f2a38;--om-text-muted:#857d94;--om-border:#ede7f5;--om-border-hover:#ddd3ea;--om-shadow:0 4px 16px -2px #2f2a380a}[data-theme=sage]{--om-bg-app:#f5f8f5;--om-bg-card:#fff;--om-text-main:#222c23;--om-text-muted:#758577;--om-border:#e2ece3;--om-border-hover:#cbdccb;--om-shadow:0 4px 16px -2px #222c230a}[data-style=minimal]{--om-radius-xl:10px;--om-radius-lg:8px;--om-shadow:0 2px 8px -1px #0000000a}[data-style=organic]{--om-radius-xl:18px;--om-radius-lg:14px}[data-style=zen]{--om-radius-xl:24px;--om-radius-lg:18px;--om-shadow:0 8px 24px -2px #00000008}[data-style=editorial]{--om-radius-xl:14px;--om-radius-lg:10px;--om-shadow:0 4px 20px -2px #0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--om-bg-app);width:100%;height:100%;color:var(--om-text-main);font-family:var(--om-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(8px,2vw,16px);display:flex}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--om-text-main);outline-offset:2px}html.customize-mode,body.customize-mode{-webkit-user-select:auto!important;user-select:auto!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}html.customize-mode #root,body.customize-mode #root{height:auto!important;min-height:100vh!important;padding:0!important;display:block!important;overflow:visible!important}.om-widget-card{background-color:var(--om-bg-card);border:1px solid var(--om-border);border-radius:var(--om-radius-xl);width:100%;max-width:440px;box-shadow:var(--om-shadow);transition:border-color var(--om-transition-normal), box-shadow var(--om-transition-normal);flex-direction:column;gap:clamp(12px,2.5vw,18px);padding:clamp(16px,3.5vw,24px);display:flex;position:relative;overflow:hidden}.om-widget-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#78757126,#0000);height:2px;position:absolute;top:0;left:0;right:0}[data-layout=compact] .om-widget-card{gap:clamp(10px,2vw,14px);max-width:350px;padding:clamp(12px,2.5vw,16px)}[data-layout=centered] .om-widget-card{max-width:440px}[data-layout=wide] .om-widget-card{max-width:580px;padding:clamp(20px,4vw,28px)}.om-mood-option{border-radius:var(--om-radius-xl);min-width:60px;color:var(--om-text-muted);transition:transform .25s cubic-bezier(.34, 1.56, .64, 1), background-color var(--om-transition-normal), border-color var(--om-transition-normal), color var(--om-transition-normal);background-color:#0000;border:1px solid #0000;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:12px 6px;display:flex;position:relative}.om-mood-blob-wrapper{filter:drop-shadow(0 4px 10px #0000000a);justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.om-mood-blob-svg{width:100%;height:100%}.om-mood-option:hover{color:var(--om-text-main);transform:translateY(-3px)}.om-mood-option:hover .om-mood-blob-wrapper{transform:scale(1.12)rotate(-3deg)}.om-mood-option:active{transform:scale(.94)}.om-mood-option-label{font-family:var(--om-font-family);letter-spacing:-.01em;color:inherit;transition:color var(--om-transition-fast), font-weight var(--om-transition-fast);font-size:clamp(.74rem,1.4vw,.8rem);font-weight:500}.om-mood-option.is-selected{border-color:var(--om-border-hover);color:var(--om-text-main);background-color:#8c868014;transform:translateY(-2px)}.om-mood-option.is-selected .om-mood-option-label{color:var(--om-text-main);font-weight:600}.om-mood-option.is-selected .om-mood-blob-wrapper{filter:drop-shadow(0 6px 14px #0000001f);transform:scale(1.22)}.om-mood-selector-grid{flex-wrap:wrap;gap:clamp(6px,1.5vw,10px);width:100%;display:flex}.om-mood-feedback{border-radius:var(--om-radius-xl);border:1px solid var(--om-border);background-color:var(--om-bg-app);color:var(--om-text-main);transition:opacity var(--om-transition-fast), transform var(--om-transition-fast), background-color var(--om-transition-normal), border-color var(--om-transition-normal);opacity:1;align-items:center;gap:12px;padding:clamp(10px,2vw,14px) clamp(14px,2.5vw,18px);display:flex;transform:translateY(0)}.om-mood-feedback.is-animating{opacity:0;transform:translateY(4px)}.om-mood-feedback.is-empty{background-color:#8c86800a;border-color:#0000;justify-content:center;align-items:center;padding:12px}.om-mood-feedback-placeholder{color:var(--om-text-muted);text-align:center;font-size:clamp(.75rem,1.5vw,.82rem);font-style:italic}.om-mood-feedback-avatar{filter:drop-shadow(0 2px 8px #00000014);flex-shrink:0;justify-content:center;align-items:center;display:flex}.om-mood-feedback-content{flex-direction:column;gap:2px;display:flex}.om-mood-feedback-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--om-text-muted);font-size:clamp(.66rem,1.2vw,.72rem)}.om-mood-feedback-label{color:var(--om-text-main);font-weight:700}.om-mood-feedback-quote{font-family:var(--om-font-serif);color:var(--om-text-main);font-size:clamp(.85rem,1.8vw,.92rem);font-weight:400;line-height:1.35}.om-mood-widget{width:100%;max-width:440px}.om-mood-widget-header{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.om-mood-widget-toprow{justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;display:flex}.om-mood-widget-brand{text-transform:uppercase;letter-spacing:.1em;color:var(--om-text-muted);opacity:.75;align-items:center;gap:6px;font-size:clamp(.62rem,1.1vw,.68rem);font-weight:600;display:flex}.om-brand-dot{background-color:var(--om-accent);border-radius:50%;width:5px;height:5px;display:inline-block}.om-settings-btn{width:28px;height:28px;color:var(--om-text-muted);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.om-settings-btn:hover{color:var(--om-text-main)}.om-mood-widget-subtitle{font-family:var(--om-font-serif);color:var(--om-text-muted);letter-spacing:.01em;font-size:clamp(.85rem,1.8vw,.95rem);font-style:italic;font-weight:400}.om-mood-widget-title{font-family:var(--om-font-serif);color:var(--om-text-main);letter-spacing:-.01em;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:500;line-height:1.25}.customize-page-root{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;width:100%;min-height:100vh;padding:1rem 1rem 3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.customize-container{width:100%;max-width:1280px;margin:0 auto;overflow-y:auto}.customize-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.back-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.brand-badge{color:#64748b;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;display:flex}.brand-dot{background:#8b5cf6;border-radius:50%;width:8px;height:8px}.generator-grid{grid-template-columns:1fr;align-items:start;gap:1.75rem;display:grid}@media (width>=1024px){.generator-grid{grid-template-columns:1fr 1fr}}.card-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1rem;display:flex;box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -2px #00000008}.panel-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.panel-title-wrap{align-items:center;gap:.5rem;display:flex}.panel-title-wrap h2{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.icon-purple{color:#8b5cf6}.badge-mono{color:#94a3b8;font-family:monospace;font-size:.72rem}.section-group{flex-direction:column;gap:.75rem;display:flex}.pt-divider{border-top:1px solid #f1f5f9;padding-top:1rem}.section-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.section-title{text-transform:uppercase;letter-spacing:.06em;color:#64748b;align-items:center;gap:.4rem;width:100%;font-size:.75rem;font-weight:800;display:flex}.flex-center{align-items:center;gap:.4rem;display:flex}.justify-between{justify-content:space-between}.tabs-pill{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:3px;padding:3px;display:inline-flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.tab-btn.active{color:#fff;background:#0f172a;box-shadow:0 1px 3px #0000001a}.swatches-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;display:grid}.swatch-btn{text-align:left;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .65rem;transition:all .15s;display:flex}.swatch-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.swatch-btn.selected{background:#8b5cf614;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.swatch-dots{align-items:center;margin-right:-4px;display:flex}.swatch-dots .dot{border:1px solid #0000001a;border-radius:50%;width:12px;height:12px;margin-right:-3px}.swatch-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:600;overflow:hidden}.badge-custom{color:#8b5cf6;font-size:.68rem;font-weight:700}.colors-grid{grid-template-columns:1fr;gap:.65rem;display:grid}@media (width>=480px){.colors-grid{grid-template-columns:1fr 1fr}}.color-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.color-left{align-items:center;gap:.6rem;display:flex}.color-swatch-picker{cursor:pointer;align-items:center;display:flex;position:relative}.color-swatch-picker input[type=color]{opacity:0;width:0;height:0;position:absolute}.swatch-box{border:1px solid #00000026;border-radius:8px;width:28px;height:28px;transition:transform .15s;box-shadow:inset 0 1px 2px #0000001a}.color-swatch-picker:hover .swatch-box{transform:scale(1.1)}.color-label{color:#0f172a;margin:0;font-size:.78rem;font-weight:600}.color-key{color:#94a3b8;margin:0;font-family:monospace;font-size:.65rem}.color-hex-tag{color:#334155;background:#e2e8f0;border-radius:6px;padding:.2rem .45rem;font-family:monospace;font-size:.75rem;font-weight:700}.url-section{border-top:1px solid #f1f5f9;flex-direction:column;gap:.6rem;padding-top:1rem;display:flex}.url-header-row{justify-content:space-between;align-items:center;display:flex}.url-label{color:#0f172a;font-size:.78rem;font-weight:700}.ready-tag{color:#059669;align-items:center;gap:.25rem;font-size:.68rem;font-weight:700;display:inline-flex}.url-input-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:.5rem .75rem;display:flex}.url-input-text{color:#334155;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:monospace;font-size:.74rem}.url-ext-link{color:#94a3b8;align-items:center;padding:.2rem;transition:color .15s;display:flex}.url-ext-link:hover{color:#0f172a}.btn-copy-url{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.25rem;font-size:.88rem;font-weight:700;transition:transform .15s,background-color .15s;display:inline-flex;box-shadow:0 4px 12px #0f172a26}.btn-copy-url:hover{background:#1e293b;transform:translateY(-1px)}.text-emerald{color:#34d399}.preview-col{flex-direction:column;gap:1.25rem;display:flex}.preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 10px 15px -3px #0000000d}.notion-window-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.window-dots-wrap{align-items:center;gap:.5rem;display:flex}.dots{align-items:center;gap:.3rem;display:flex}.dots .dot{border-radius:50%;width:8px;height:8px}.dot-red{background:#f87171}.dot-yellow{background:#facc15}.dot-green{background:#4ade80}.window-title{color:#64748b;align-items:center;gap:.35rem;margin-left:.3rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn-reload-iframe{color:#94a3b8;border-radius:6px;padding:.2rem;transition:all .15s}.btn-reload-iframe:hover{color:#0f172a;background:#e2e8f0}.iframe-stage{background:#f8fafc;justify-content:center;align-items:center;width:100%;padding:1.25rem;display:flex}.iframe-wrapper{border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:100%;overflow:hidden;box-shadow:0 4px 6px -1px #0000000f}.preview-iframe{border:none;width:100%;height:420px;display:block}.instructions-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -2px #00000008}.instructions-header{align-items:center;gap:.5rem;display:flex}.instructions-icon{color:#8b5cf6;flex-shrink:0}.instructions-header h3{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:.88rem;font-weight:700}.steps-grid{grid-template-columns:1fr;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.steps-grid{grid-template-columns:1fr 1fr}}.step-item{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:.65rem;padding:.75rem .85rem;font-size:.78rem;transition:all .2s;display:flex}.step-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.step-item.step-bg-1{background:#3b82f60a;border-color:#3b82f62e}.step-item.step-bg-1:hover{background:#3b82f614}.step-item.step-bg-2{background:#8b5cf60a;border-color:#8b5cf62e}.step-item.step-bg-2:hover{background:#8b5cf614}.step-item.step-bg-3{background:#ec48990a;border-color:#ec48992e}.step-item.step-bg-3:hover{background:#ec489914}.step-item.step-bg-4{background:#10b9810a;border-color:#10b9812e}.step-item.step-bg-4:hover{background:#10b98114}.step-num{color:#fff;background:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:.68rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0f172a26}.step-text{color:#475569;line-height:1.45}.step-text strong{color:#0f172a;font-weight:600}.step-text code{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;margin:0 .15rem;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;font-weight:600}.om-app-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}