:root{color:var(--textPrimary);background:var(--background);font-family:var(--uiFamily);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top, #f4d8d173, transparent 28%), linear-gradient(180deg, #fffdf9 0%, var(--background) 34%, #f8f5ee 100%);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}#root{width:100%}.app-shell{min-height:100vh}.app-screen{width:min(100%, var(--maxWidth));padding:20px 16px calc(var(--bottomNavHeight) + 28px);margin:0 auto}@media (width>=768px){.app-screen{padding:28px 24px calc(var(--bottomNavHeight) + 36px)}}.app-top-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.app-brand{flex-direction:column;gap:4px;display:flex}.app-brand-mark{letter-spacing:.16em;text-transform:lowercase;color:var(--textSecondary);font-size:13px;font-weight:800}.app-brand-title{letter-spacing:-.04em;color:var(--textPrimary);margin:0;font-size:34px;font-weight:760;line-height:40px}.app-brand-subtitle{color:var(--textSecondary);margin:0;font-size:14px;line-height:20px}.app-section,.app-panel,.app-card,.app-empty-state,.app-toolbar{border:1px solid var(--border);border-radius:var(--radiusLg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadowSoft);background:#ffffffeb}.app-panel,.app-card,.app-empty-state,.app-section,.app-toolbar{padding:18px}.app-card{border-radius:var(--radiusXl);box-shadow:var(--shadowCard)}.app-section-title,.app-card-title,.app-page-title{color:var(--textPrimary);margin:0}.app-page-title{font-size:24px;font-weight:720;line-height:30px}.app-section-title,.app-card-title{font-size:18px;font-weight:650;line-height:24px}.app-copy,.app-caption{color:var(--textSecondary);margin:0}.app-copy{font-size:16px;line-height:24px}.app-caption{font-size:13px;font-weight:550;line-height:18px}.app-divider{background:var(--border);height:1px;margin:18px 0}.app-grid{gap:16px;display:grid}.app-grid.two-up{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.board-grid{columns:2;column-gap:12px}@media (width<=440px){.board-grid{columns:1}}@media (width>=1080px){.board-grid{columns:3}}.board-grid>*{break-inside:avoid;margin-bottom:12px}.app-button,.app-icon-button,.app-pill,.app-input,.app-textarea,.app-select{border:1px solid #0000;transition:transform .14s,box-shadow .14s,border-color .14s,background .14s}.app-button:hover,.app-icon-button:hover,.app-pill:hover{transform:translateY(-1px)}.app-button{border-radius:var(--radiusPill);justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 16px;font-size:15px;font-weight:700;line-height:20px;display:inline-flex}.app-button-primary{background:var(--accentPrimary);color:#fff;box-shadow:var(--shadowSoft)}.app-button-secondary,.app-button-pill{background:var(--surface);color:var(--textPrimary);border-color:var(--border)}.app-button-ghost{color:var(--textPrimary);background:#fff9;border-color:#e6e0d8b3}.app-button-danger{background:var(--danger);color:#fff}.app-icon-button{border-radius:var(--radiusPill);border-color:var(--border);min-width:44px;min-height:44px;color:var(--textPrimary);box-shadow:var(--shadowSoft);background:#ffffffe0;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-pill{border-radius:var(--radiusPill);border-color:var(--border);min-height:40px;color:var(--textPrimary);background:#ffffffe0;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.app-pill.is-active{background:var(--accentPrimarySoft);color:var(--accentPrimary);border-color:#b85f4d47}.app-badge{border-radius:var(--radiusPill);background:var(--surfaceSoft);min-height:28px;color:var(--textSecondary);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.app-badge[data-tone=saved]{background:var(--successSoft);color:var(--success)}.app-badge[data-tone=draft]{background:var(--accentPrimarySoft);color:var(--accentPrimary)}.app-badge[data-tone=reminder]{background:var(--warningSoft);color:var(--warning)}.app-badge[data-tone=gift]{background:var(--giftGoldSoft);color:var(--giftGold)}.app-input,.app-textarea,.app-select{border-radius:var(--radiusMd);border-color:var(--border);width:100%;color:var(--textPrimary);background:#fffffff5;padding:12px 14px;box-shadow:inset 0 1px #ffffffb3}.app-textarea{resize:vertical;min-height:120px}.field-label{gap:8px;display:grid}.field-label>span{color:var(--textSecondary);font-size:13px;font-weight:700;line-height:18px}.row,.wrap-row,.meta-row,.actions-row{gap:10px;display:flex}.wrap-row{flex-wrap:wrap}.meta-row,.actions-row{flex-wrap:wrap;align-items:center}.create-step-row,.toolbar-row{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.create-step-row::-webkit-scrollbar{display:none}.toolbar-row::-webkit-scrollbar{display:none}.stack{gap:14px;display:grid}.card-thumbnail{min-height:calc(var(--board-item-height,220px) + 132px);box-shadow:var(--shadowCard);background:linear-gradient(#fffffff5,#f5f2ecdb);border:1px solid #e6e0d8e6;border-radius:30px;gap:14px;padding:16px;display:grid;position:relative;overflow:hidden}.card-thumbnail:after{content:"";pointer-events:none;border:1px solid #ffffffbf;border-radius:22px;position:absolute;inset:12px}.card-thumbnail-header,.card-thumbnail-footer,.card-thumbnail-meta{z-index:1;position:relative}.card-thumbnail-preview-shell{z-index:1;min-height:var(--board-item-height,220px);position:relative}.mini-card-preview{width:100%;min-height:var(--board-item-height,220px);border:1px solid #e6e0d8e6;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9}.mini-card-preview[data-format=twoPage]{min-height:210px}.mini-card-preview[data-format=flyer]{min-height:220px}.mini-card-section{white-space:pre-wrap;line-height:1.25;position:absolute;overflow:hidden}.mini-card-section span{display:block}.card-thumbnail-title{color:var(--textPrimary);margin:0;font-size:22px;font-weight:700;line-height:26px}.card-typography-classic{font-family:Georgia,Times New Roman,serif}.card-typography-elegant{font-family:Cormorant Garamond,Georgia,serif}.card-typography-script{font-family:Segoe Script,Brush Script MT,cursive}.card-thumbnail-body{color:var(--textSecondary);margin:0;font-size:14px;line-height:21px}.card-page-shell{aspect-ratio:4/5;width:100%;min-height:260px;max-height:360px;box-shadow:var(--shadowCard);background:#fff;border:1px solid #e6e0d8e6;border-radius:28px;position:relative;overflow:hidden}.card-page-shell[data-format=flyer]{aspect-ratio:3/4}.card-page-shell[data-format=twoPage]{aspect-ratio:7/5}.card-page-surface{height:100%;min-height:100%;padding:20px;position:relative}.card-page-surface[data-background=warmBlush]{background:linear-gradient(#fff7f4 0%,#f9ebe7 100%)}.card-page-surface[data-background=linen]{background:linear-gradient(#fffdf9 0%,#f5f1e8 100%)}.card-page-surface[data-background=porcelain]{background:linear-gradient(#fff 0%,#faf7f2 100%)}.card-page-surface[data-background=softLavender]{background:linear-gradient(#f6eef5 0%,#eee5f0 100%)}.card-page-surface[data-background=softSage]{background:linear-gradient(#f4f7f0 0%,#edf3e8 100%)}.card-page-surface[data-background=warmGold]{background:linear-gradient(#fffaf0 0%,#f7edd4 100%)}.card-page-surface[data-background=softBlue]{background:linear-gradient(#f1f5fb 0%,#e8eff8 100%)}.card-page-surface[data-background=warmClay]{background:linear-gradient(#fff6ef 0%,#f8ebdf 100%)}.card-page-surface[data-background=warmPeach]{background:linear-gradient(#fff7ef 0%,#f9eee3 100%)}.card-page-surface[data-background=warmHoliday]{background:linear-gradient(#fffaf6 0%,#f2ebe4 100%)}.card-page-surface[data-background=warmBirthday]{background:linear-gradient(#fff9f6 0%,#f5ece7 100%)}.card-page-surface[data-background=warmSun]{background:linear-gradient(#fff8ef 0%,#f8f0df 100%)}.mini-card-preview[data-background=warmBlush]{background:linear-gradient(#fff7f4 0%,#f9ebe7 100%)}.mini-card-preview[data-background=linen]{background:linear-gradient(#fffdf9 0%,#f5f1e8 100%)}.mini-card-preview[data-background=porcelain]{background:linear-gradient(#fff 0%,#faf7f2 100%)}.mini-card-preview[data-background=softLavender]{background:linear-gradient(#f6eef5 0%,#eee5f0 100%)}.mini-card-preview[data-background=softSage]{background:linear-gradient(#f4f7f0 0%,#edf3e8 100%)}.mini-card-preview[data-background=warmGold]{background:linear-gradient(#fffaf0 0%,#f7edd4 100%)}.mini-card-preview[data-background=softBlue]{background:linear-gradient(#f1f5fb 0%,#e8eff8 100%)}.mini-card-preview[data-background=warmClay]{background:linear-gradient(#fff6ef 0%,#f8ebdf 100%)}.mini-card-preview[data-background=warmPeach]{background:linear-gradient(#fff7ef 0%,#f9eee3 100%)}.mini-card-preview[data-background=warmHoliday]{background:linear-gradient(#fffaf6 0%,#f2ebe4 100%)}.mini-card-preview[data-background=warmBirthday]{background:linear-gradient(#fff9f6 0%,#f5ece7 100%)}.mini-card-preview[data-background=warmSun]{background:linear-gradient(#fff8ef 0%,#f8f0df 100%)}.card-section-view{white-space:pre-wrap;position:absolute;overflow:hidden}.card-section-view[data-editable=true]{outline:1px dashed #0000}.card-section-view.is-selected{outline-color:#b85f4d73}.card-section-input,.card-section-content{resize:none;width:100%;height:100%;color:inherit;font:inherit;text-align:inherit;background:0 0;border:none;padding:0}.card-section-input:focus{outline:none}.card-section-chip{border-radius:var(--radiusPill);border:1px solid var(--border);color:var(--textSecondary);background:#ffffffe6;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:-28px;left:0}.editor-layout{gap:18px;display:grid}@media (width>=1100px){.editor-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,380px);align-items:start}}.editor-controls,.live-actions,.family-stat-grid,.template-grid,.type-grid{gap:12px;display:grid}.template-grid,.type-grid,.family-stat-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.compact-option-grid{flex-wrap:wrap;gap:10px;display:flex}.compact-selection-card{border-radius:var(--radiusPill);border:1px solid var(--border);min-height:44px;color:var(--textPrimary);background:#ffffffeb;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.compact-selection-card.is-selected{background:var(--accentPrimarySoft);color:var(--accentPrimary);border-color:#b85f4d66}.compact-template-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.compact-template-card{min-height:0}.selection-card{border-radius:var(--radiusLg);border:1px solid var(--border);background:#ffffffe6;gap:10px;padding:16px;display:grid}.selection-card.is-selected{box-shadow:var(--shadowSoft);background:linear-gradient(#fff8f5 0%,#fff 100%);border-color:#b85f4d66}.bottom-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(100% - 24px,520px);box-shadow:var(--shadowFloating);z-index:20;background:#ffffffeb;border:1px solid #e6e0d8e6;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.bottom-nav-item{border-radius:var(--radiusPill);min-height:56px;color:var(--textSecondary);place-items:center;gap:4px;font-size:12px;font-weight:700;display:grid}.bottom-nav-item.is-active{background:var(--accentPrimarySoft);color:var(--accentPrimary)}.live-view-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.notice-strip{border-radius:var(--radiusMd);background:var(--successSoft);color:var(--success);padding:12px 14px;font-size:13px;font-weight:700;line-height:18px}.app-slider{width:100%;accent-color:var(--accentPrimary)}.move-pad{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;display:grid}.advanced-values{border-top:1px solid var(--border);padding-top:12px}.advanced-values summary{cursor:pointer;color:var(--textSecondary);margin-bottom:12px;font-size:13px;font-weight:700}.ai-suggestion-card{border-radius:var(--radiusLg);border:1px solid var(--border);background:#ffffffd1;padding:14px}.ai-preview-box{border-radius:var(--radiusMd);border:1px solid var(--border);color:var(--textPrimary);white-space:pre-wrap;background:#ffffffe6;min-height:68px;padding:12px 14px}.app-button-success{color:var(--success);border-color:#2687543d}.app-button-reject{color:var(--accentPrimary);border-color:#b85f4d3d}.page-nav-copy{text-align:center;justify-items:center}.wizard-question-list{gap:18px}.placeholder-hero-card{padding:18px}.compact-family-list{gap:12px}.family-row-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}
