:root{--bg-primary:#fff;--bg-surface:#fff;--bg-secondary:#fff;--bg-surface-subtle:#f8fafc;--bg-surface-elevated:#fff;--bg-accent-soft:#fff1f2;--bg-input:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#fff;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-focus:#d31027;--primary-accent:#d31027;--primary-accent-hover:#b70e21;--primary-accent-subtle:#fff1f2;--primary-accent-border:#fecdd3;--accent-rose:#f43f5e;--accent-lavender:#8b5cf6;--accent-sky:#0ea5e9;--accent-peach:#fb923c;--badge-emoji-bg:#ecfdf5;--badge-emoji-text:#065f46;--badge-symbol-bg:#ede9fe;--badge-symbol-text:#5b21b6;--badge-combo-bg:#fdf2f8;--badge-combo-text:#9d174d;--badge-kaomoji-bg:#fef3c7;--badge-kaomoji-text:#92400e;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow-sm:0 2px 6px -1px #0f172a0d, 0 1px 4px -1px #0f172a08;--shadow-md:0 10px 25px -4px #0f172a12, 0 4px 10px -3px #0f172a08;--shadow-lg:0 20px 38px -6px #0f172a1a, 0 8px 16px -4px #0f172a0a;--transition-fast:.14s cubic-bezier(.4, 0, .2, 1);--transition-normal:.22s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#090a0f;--bg-surface:#11131a;--bg-secondary:#161822;--bg-surface-subtle:#1c1f2e;--bg-surface-elevated:#222638;--bg-accent-soft:#28141f;--bg-input:#12141d;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#090a0f;--border-subtle:#1e2233;--border-medium:#2e354b;--border-focus:#fb7185;--primary-accent:#fb7185;--primary-accent-hover:#f43f5e;--primary-accent-subtle:#3a1520;--primary-accent-border:#6d1b32;--badge-emoji-bg:#064e3b;--badge-emoji-text:#a7f3d0;--badge-symbol-bg:#3730a3;--badge-symbol-text:#e0e7ff;--badge-combo-bg:#831843;--badge-combo-text:#fbcfe8;--badge-kaomoji-bg:#78350f;--badge-kaomoji-text:#fde68a;--shadow-xs:0 1px 2px #0009;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 24px #000000a6;--shadow-lg:0 16px 40px #000000bf}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background-color:#fff;line-height:1.6}body{background-color:#fff;background-image:radial-gradient(80% 50% at 15% -5%,#f43f5e09 0%,#0000 60%),radial-gradient(70% 50% at 85% 10%,#d3102706 0%,#0000 60%),radial-gradient(70% 50% at 80% 85%,#f43f5e05 0%,#0000 60%);background-attachment:fixed;flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex;position:relative;overflow-x:hidden}[data-theme=dark] body{background-color:var(--bg-primary);background-image:radial-gradient(80% 50% at 15% -5%,#f43f5e1a 0%,#0000 60%),radial-gradient(70% 50% at 85% 12%,#8b5cf617 0%,#0000 60%),radial-gradient(60% 45% at 50% 55%,#0ea5e90b 0%,#0000 60%),radial-gradient(70% 50% at 80% 90%,#f43f5e12 0%,#0000 60%)}.bg-ambient-motif{font-family:var(--font-heading), sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--primary-accent);opacity:.12;z-index:0;transition:opacity var(--transition-normal);font-weight:300;line-height:1;position:absolute}[data-theme=dark] .bg-ambient-motif{opacity:.09}.skip-link{background:var(--primary-accent);color:var(--text-inverse);border-radius:var(--radius-sm);z-index:9999;transition:top var(--transition-fast);padding:.75rem 1.25rem;font-weight:700;text-decoration:none;position:absolute;top:-100px;left:1rem}.skip-link:focus{outline:3px solid #000;top:1rem}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.main-layout{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem 4rem;position:relative}.site-header{z-index:100;background:#d31027;background:-webkit-linear-gradient(to right, #ea384d, #d31027);transition:all var(--transition-normal);background:linear-gradient(90deg,#ea384d,#d31027);position:sticky;top:0;box-shadow:0 4px 18px #d3102747}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.85rem 1.25rem;display:flex}.brand-logo{font-family:var(--font-heading);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex;color:#fff!important}.logo-icon{font-size:1.4rem;line-height:1}.logo-text{color:#fff;font-weight:800}.desktop-nav{gap:.45rem;display:none}@media (min-width:768px){.desktop-nav{align-items:center;display:flex}}.nav-link-btn{color:#fff;font-family:var(--font-sans);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:1px solid #ffffff2e;padding:.45rem .85rem;font-size:.92rem;font-weight:600;text-decoration:none}.nav-link-btn:hover{color:#fff;background:#ffffff3d;border-color:#ffffff61;transform:translateY(-1px)}.header-actions{align-items:center;gap:.6rem;display:flex}.fav-toggle-btn{border-radius:var(--radius-full);font-family:var(--font-sans);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#ffffff24;border:1px solid #ffffff47;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 2px 6px #00000014}.fav-toggle-btn:hover{color:#fff;background:#ffffff42;border-color:#ffffff73;transform:translateY(-1px)}.fav-badge{color:#d31027;border-radius:var(--radius-full);background:#fff;padding:.15rem .45rem;font-size:.75rem;font-weight:800}.mobile-menu-btn{border-radius:var(--radius-sm);cursor:pointer;color:#fff;background:#ffffff24;border:1px solid #ffffff47;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}@media (min-width:768px){.mobile-menu-btn{display:none}}.mobile-nav{background:#c60d21;border-bottom:1px solid #fff3;flex-direction:column;gap:.5rem;padding:.75rem 1.25rem 1.25rem;display:flex}.mobile-nav-link{text-align:left;border-radius:var(--radius-md);font-family:var(--font-sans);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;align-items:center;padding:.85rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.header-subnav-scroll{scrollbar-width:none;-ms-overflow-style:none;background:#00000024;border-top:1px solid #ffffff26;width:100%;padding:.45rem 0;overflow-x:auto}.header-subnav-scroll::-webkit-scrollbar{display:none}.header-subnav-container{white-space:nowrap;align-items:center;gap:.5rem;max-width:1200px;margin:0 auto;padding:0 1.25rem;display:flex}.header-subnav-pill{border-radius:var(--radius-full);color:#fff;transition:all var(--transition-fast);background:#ffffff1f;border:1px solid #ffffff38;align-items:center;gap:.35rem;padding:.35rem .9rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.header-subnav-pill:hover{color:#fff;background:#ffffff47;border-color:#ffffff73;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.hero-section{text-align:center;padding:3.5rem 0 2rem;position:relative;overflow:hidden}@media (max-width:768px){.hero-section{padding:1.75rem 0 1rem}}@media (max-width:480px){.hero-section{padding:1.25rem 0 .75rem}}.hero-ambient-glow{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(#fb718529 0%,#c7d2fe14 40%,#0000 70%);width:750px;height:380px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}@media (max-width:768px){.hero-ambient-glow{filter:blur(35px);width:100%;max-width:420px;height:220px;top:-40px}}.hero-content{z-index:1;max-width:820px;margin:0 auto;position:relative}.hero-badge-container{justify-content:center;margin-bottom:1.35rem;display:flex}@media (max-width:768px){.hero-badge-container{margin-bottom:.75rem}}.hero-pill{color:var(--primary-accent);border-radius:var(--radius-full);letter-spacing:.01em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast);background:#fb718514;border:1px solid #fb718547;align-items:center;gap:.5rem;padding:.42rem 1.15rem;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #fb71851a}@media (max-width:768px){.hero-pill{gap:.35rem;padding:.28rem .85rem;font-size:.78rem}}.hero-pill:hover{background:#fb718524;border-color:#fb718573;transform:translateY(-1px)}.hero-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:1.15rem;font-size:clamp(2.3rem,5.5vw,3.6rem);font-weight:800;line-height:1.12}.hero-title-gradient{background:linear-gradient(135deg,#d31027 0%,#ea384d 50%,#e11d48 100%);-webkit-text-fill-color:transparent;color:#d31027;-webkit-background-clip:text;background-clip:text;font-weight:800;display:inline-block}[data-theme=dark] .hero-title-gradient{background:linear-gradient(135deg,#ff4b60 0%,#fb7185 60%,#fda4af 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-title-sub{color:var(--text-primary)}@media (max-width:768px){.hero-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.85rem,6vw,2.35rem);line-height:1.2}.hero-title-sub{color:var(--text-secondary);letter-spacing:-.01em;margin-top:.35rem;font-size:1.05rem;font-weight:600;display:block}}.hero-subtitle{color:var(--text-secondary);max-width:680px;margin:0 auto 2rem;font-size:clamp(1.05rem,2.2vw,1.2rem);line-height:1.65}@media (max-width:768px){.hero-subtitle{margin:0 auto 1.25rem;padding:0 .5rem;font-size:.92rem;line-height:1.55}}.hero-features-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;margin:0 auto;display:flex}.hero-feature-item{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);align-items:center;gap:.45rem;padding:.4rem .95rem;font-size:.86rem;font-weight:600;display:inline-flex}@media (max-width:640px){.hero-features-row{grid-template-columns:1fr 1fr;gap:.45rem;max-width:320px;margin:0 auto;display:grid}.hero-feature-item{background:#ffffff0a;border-color:#ffffff14;justify-content:center;padding:.35rem .5rem;font-size:.76rem}}.hero-feature-item:hover{color:var(--text-primary);border-color:var(--primary-accent-border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.feature-icon{font-size:.95rem}.category-studio-bar{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:1rem;margin:1.5rem 0 2rem;padding:1.25rem 1.5rem;display:flex}@media (max-width:768px){.category-studio-bar{border-radius:var(--radius-lg);gap:.85rem;margin:1rem 0 1.5rem;padding:1rem}}.category-studio-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.category-studio-title-group{flex-direction:column;gap:.2rem;display:flex}.category-studio-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--primary-accent);font-size:.72rem;font-weight:800}.category-studio-heading{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:800}.category-quick-filter{align-items:center;min-width:260px;display:flex;position:relative}@media (max-width:640px){.category-quick-filter{width:100%;min-width:100%}}.filter-search-icon{color:var(--text-muted);pointer-events:none;font-size:.85rem;position:absolute;left:.85rem}.filter-search-input{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);width:100%;font-family:var(--font-sans);color:var(--text-primary);transition:all var(--transition-fast);padding:.55rem 2rem .55rem 2.25rem;font-size:.88rem}.filter-search-input:focus{border-color:var(--primary-accent);background:#fff;outline:none;box-shadow:0 0 0 3px #d310271f}.filter-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.8rem;position:absolute;right:.75rem}.category-pills-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (max-width:768px){.category-pills-row{gap:.4rem}}.category-nav-pill{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:.35rem;padding:.5rem 1.05rem;font-size:.9rem;font-weight:700;display:inline-flex}.category-nav-pill:hover{border-color:var(--primary-accent);color:var(--primary-accent);box-shadow:var(--shadow-xs);background:#fff;transform:translateY(-1px)}.category-nav-pill.active{color:#fff;background:linear-gradient(90deg,#ea384d,#d31027);border-color:#d31027;transform:translateY(-1px);box-shadow:0 4px 14px #d3102747}.discovery-grid-container{margin-bottom:3.5rem}.grid-count-bar{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:1.1rem;font-size:.9rem;display:flex}@media (max-width:600px){.grid-count-bar{flex-direction:column;align-items:flex-start;gap:.35rem}}.items-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}@media (max-width:480px){.items-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.75rem}}.item-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;justify-content:space-between;align-items:center;min-height:170px;padding:.85rem .75rem .75rem;display:flex;position:relative}.item-card:hover{border-color:var(--primary-accent-border);box-shadow:var(--shadow-md), 0 0 15px #fb71851a;transform:translateY(-3px)}.item-card.copied-highlight{background:#10b98114;border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.card-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:.35rem;display:flex}.type-tag{text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full);padding:.18rem .5rem;font-size:.68rem;font-weight:700}.type-tag.type-emoji{background:var(--badge-emoji-bg);color:var(--badge-emoji-text)}.type-tag.type-symbol{background:var(--badge-symbol-bg);color:var(--badge-symbol-text)}.type-tag.type-combination{background:var(--badge-combo-bg);color:var(--badge-combo-text)}.type-tag.type-kaomoji{background:var(--badge-kaomoji-bg);color:var(--badge-kaomoji-text)}.card-fav-btn{cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;padding:.2rem;font-size:.9rem;line-height:1}.card-fav-btn:hover{transform:scale(1.25)}.card-main-action{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;width:100%;padding:.4rem .25rem;display:flex;position:relative}.card-char-display{min-height:3.2rem;transition:transform var(--transition-fast);-webkit-user-select:all;user-select:all;justify-content:center;align-items:center;margin-bottom:.4rem;font-size:clamp(2rem,4.5vw,2.5rem);line-height:1.2;display:flex}.item-card:hover .card-char-display{transform:scale(1.1)}.card-item-name{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.78rem;font-weight:600;overflow:hidden}.card-copied-indicator{color:#fff;border-radius:var(--radius-full);pointer-events:none;background:#10b981;padding:.4rem .8rem;font-size:.78rem;font-weight:800;animation:.18s cubic-bezier(.175,.885,.32,1.275) popIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #10b98166}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.card-actions-bar{border-top:1px solid var(--border-subtle);width:100%;margin-top:.35rem;padding-top:.45rem}.add-to-combo-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:100%;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.25rem;padding:.35rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.add-to-combo-btn:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.empty-search-card{text-align:center;background:var(--bg-surface);border:1.5px dashed var(--border-medium);border-radius:var(--radius-lg);max-width:580px;margin:1.5rem auto;padding:3.5rem 1.5rem}.empty-icon{margin-bottom:.75rem;font-size:3rem;display:block}.empty-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.empty-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.empty-suggestions{margin-bottom:1.5rem}.suggestions-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.suggestion-chips{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.suggestion-chip-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;padding:.35rem .85rem;font-size:.85rem;font-weight:600}.suggestion-chip-btn:hover{color:var(--primary-accent);border-color:var(--primary-accent-border)}.reset-filters-btn{background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:opacity var(--transition-fast);border:none;padding:.75rem 1.5rem;font-weight:700}.reset-filters-btn:hover{opacity:.9}.combo-tray-container{z-index:90;width:calc(100% - 2rem);max-width:720px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.combo-tray-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:2px solid #d31027;overflow:hidden;box-shadow:0 12px 36px #d3102747}.tray-header{background:linear-gradient(90deg,#ea384d,#d31027);border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.tray-title-group{align-items:center;gap:.5rem;display:flex}.tray-title{font-family:var(--font-heading);color:#fff;font-size:1rem;font-weight:800}.tray-count{color:#ffe4e6;font-size:.85rem;font-weight:700}.tray-controls{align-items:center;gap:.5rem;display:flex}.tray-minimize-btn,.tray-clear-btn{font-family:var(--font-sans);color:#fff;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#ffffff29;border:1px solid #ffffff47;padding:.25rem .6rem;font-size:.82rem;font-weight:700}.tray-minimize-btn:hover,.tray-clear-btn:hover{color:#fff;background:#ffffff4d}.tray-body{padding:1rem 1.25rem}.tray-items-row{border-bottom:1px solid var(--border-subtle);scrollbar-width:thin;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.tray-items-row::-webkit-scrollbar{height:4px}.tray-items-row::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.tray-item-pill{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.35rem .65rem;display:flex}.tray-item-char{font-size:1.25rem;line-height:1}.tray-item-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.1rem;font-size:.75rem}.tray-item-remove:hover{color:#e11d48}.tray-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.tray-preview-box{align-items:center;gap:.5rem;display:flex}.tray-preview-label{color:var(--text-muted);font-size:.85rem;font-weight:700}.tray-preview-string{letter-spacing:.05em;color:var(--text-primary);font-size:1.35rem;font-weight:700}.tray-buttons-group{align-items:center;gap:.5rem;display:flex}.tray-shuffle-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.55rem .95rem;font-size:.88rem;font-weight:700}.tray-format-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.55rem .95rem;font-size:.85rem;font-weight:700}.tray-format-btn:hover{background:var(--bg-surface);border-color:var(--primary-accent)}.tray-format-btn.active{color:#e11d48;background:#fff1f2;border-color:#f43f5e}.tray-copy-btn{background:var(--primary-accent);color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.55rem 1.25rem;font-size:.9rem;font-weight:800}.tray-copy-btn:hover{background:var(--primary-accent-hover);transform:translateY(-1px)}.tray-copy-btn.copied{background:#059669}.browse-aesthetics-section,.popular-combos-section,.mini-generator-section,.symbols-showcase-section,.bio-preview-section,.supporting-content-section,.faq-section{content-visibility:auto;contain-intrinsic-size:auto 300px;margin:4.5rem 0}.section-header{text-align:center;max-width:700px;margin:0 auto 2.5rem}.section-pill{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);margin-bottom:.5rem;font-size:.82rem;font-weight:700;display:inline-block}.section-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.65rem,3.5vw,2.35rem);font-weight:800;line-height:1.2}.section-desc{color:var(--text-secondary);font-size:1rem;line-height:1.6}.aesthetics-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.aesthetic-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;padding:1.5rem;display:flex}.aesthetic-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium);transform:translateY(-3px)}.aesthetic-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.aesthetic-card-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.35rem;font-weight:700}.aesthetic-card-tag{background:var(--bg-surface-subtle);border-radius:var(--radius-sm);color:var(--text-muted);padding:.2rem .5rem;font-size:.75rem;font-weight:700}.aesthetic-card-desc{color:var(--text-secondary);flex:1;margin-bottom:1.25rem;font-size:.9rem}.aesthetic-card-preview{background:var(--bg-surface-subtle);border-radius:var(--radius-md);justify-content:space-around;gap:.6rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.aesthetic-preview-char{font-size:1.5rem;line-height:1}.aesthetic-card-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.aesthetic-card-btn:hover{background:var(--text-primary);color:var(--bg-primary)}.combo-filters-row{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.combo-filter-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;padding:.45rem .95rem;font-size:.88rem;font-weight:600}.combo-filter-chip.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent);font-weight:700}.combos-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.combo-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);flex-direction:column;padding:1.25rem;display:flex}.combo-card:hover{box-shadow:var(--shadow-sm);border-color:var(--primary-accent-border);transform:translateY(-2px)}.combo-card-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.combo-theme-tag{color:var(--primary-accent);font-size:.75rem;font-weight:700}.combo-item-length{color:var(--text-muted);font-size:.75rem}.combo-display-area{text-align:center;flex:1;margin-bottom:1.25rem}.combo-chars{letter-spacing:.1em;-webkit-user-select:all;user-select:all;margin-bottom:.5rem;font-size:1.75rem;display:block}.combo-name{font-family:var(--font-heading);color:var(--text-primary);font-size:1rem;font-weight:700}.combo-card-actions{gap:.5rem;display:flex}.combo-copy-action-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:.55rem .75rem;font-size:.88rem;font-weight:700}.combo-copy-action-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.combo-copy-action-btn.copied{color:#fff;background:#059669;border-color:#059669}.combo-load-builder-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;padding:.55rem .75rem;font-size:.82rem;font-weight:700}.combo-load-builder-btn:hover{background:var(--bg-surface-subtle);color:var(--text-primary)}.generator-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:680px;box-shadow:var(--shadow-md);margin:0 auto;padding:2rem}.generator-controls-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (max-width:600px){.generator-controls-grid{grid-template-columns:1fr}}.control-select{background:var(--bg-surface-subtle);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;padding:.75rem 1rem;font-size:.95rem;font-weight:600}.length-buttons-row{gap:.4rem;display:flex}.len-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:.65rem .25rem;font-size:.9rem;font-weight:700}.len-btn.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.generator-cta-row{text-align:center;margin-bottom:1.5rem}.generate-main-btn{background:var(--primary-accent);width:100%;color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:none;padding:.85rem 1.5rem;font-size:1rem;font-weight:800}.generate-main-btn:hover{background:var(--primary-accent-hover);transform:translateY(-1px)}.generator-output-box{background:var(--bg-surface-subtle);border:1.5px dashed var(--border-medium);border-radius:var(--radius-md);text-align:center;padding:1.5rem}.output-combo-chars{letter-spacing:.15em;-webkit-user-select:all;user-select:all;margin-bottom:.5rem;font-size:2.5rem;display:block}.output-vibe-pill{color:var(--text-muted);margin-bottom:1.25rem;font-size:.82rem;font-weight:700;display:block}.output-actions-row{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.output-copy-btn,.output-add-tray-btn,.output-regen-btn{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);padding:.6rem 1.1rem;font-size:.88rem;font-weight:700}.output-copy-btn{background:var(--text-primary);color:var(--bg-primary);border:none}.output-copy-btn.copied{background:#059669}.output-add-tray-btn{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-primary)}.output-regen-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);background:0 0}.generator-advanced-prompt{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding:.9rem 1.25rem;font-size:.88rem;display:flex}.generator-advanced-link{color:var(--primary-accent);transition:color var(--transition-fast);align-items:center;gap:.35rem;font-weight:700;text-decoration:none;display:inline-flex}.generator-advanced-link:hover{text-decoration:underline}.symbol-categories-row{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.75rem;display:flex}.symbol-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;padding:.45rem .95rem;font-size:.88rem;font-weight:600}.symbol-chip.active{background:var(--text-primary);color:var(--bg-primary);font-weight:700}.symbols-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.9rem;display:grid}.symbol-item-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-xs);transition:all var(--transition-fast);flex-direction:column;align-items:center;padding:.85rem .5rem;display:flex}.symbol-item-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.symbol-char-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;width:100%;padding:.5rem 0;display:flex;position:relative}.symbol-glyph{color:var(--text-primary);-webkit-user-select:all;user-select:all;margin-bottom:.35rem;font-size:1.85rem;line-height:1.2}.symbol-title{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.78rem;font-weight:600;overflow:hidden}.symbol-copied-pill{background:var(--primary-accent);color:var(--text-inverse);border-radius:var(--radius-full);padding:.25rem .5rem;font-size:.75rem;font-weight:800;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.symbol-card-footer{border-top:1px solid var(--border-subtle);width:100%;margin-top:.5rem;padding-top:.4rem}.symbol-add-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;padding:.3rem .4rem;font-size:.72rem;font-weight:700}.symbol-add-btn:hover{background:var(--primary-accent-subtle);color:var(--primary-accent)}.bio-preview-container{grid-template-columns:1fr 1fr;gap:2rem;max-width:960px;margin:0 auto;display:grid}@media (max-width:768px){.bio-preview-container{grid-template-columns:1fr}}.bio-editor-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.editor-card-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700}.editor-field-group{flex-direction:column;gap:.4rem;display:flex}.editor-label{color:var(--text-secondary);font-size:.85rem;font-weight:700}.bio-label-row{justify-content:space-between;align-items:center;display:flex}.insert-combo-btn{background:var(--primary-accent-subtle);border:1px solid var(--primary-accent-border);color:var(--primary-accent);border-radius:var(--radius-sm);cursor:pointer;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.editor-input,.editor-textarea{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-primary);padding:.75rem 1rem;font-size:.95rem}.editor-textarea{resize:vertical;line-height:1.5}.handle-input-wrap{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-md);align-items:center;display:flex}.handle-at{color:var(--text-muted);padding-left:.85rem;font-weight:700}.handle-input{background:0 0;border:none;flex:1}.char-counter{color:var(--text-muted);text-align:right;font-size:.75rem}.copy-bio-btn{background:var(--primary-accent);color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:800}.copy-bio-btn.copied{background:#059669}.bio-simulator-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;padding:1.75rem;display:flex}.sim-header{align-items:center;gap:1.5rem;margin-bottom:1.25rem;display:flex}.sim-avatar{background:var(--primary-accent-subtle);border:2px solid var(--primary-accent-border);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.avatar-emoji{font-size:2rem;line-height:1}.sim-stats{gap:1.5rem;display:flex}.stat-col{text-align:center}.stat-num{font-size:1.1rem;font-weight:800;display:block}.stat-label{color:var(--text-muted);font-size:.78rem}.sim-info{margin-bottom:1.5rem}.sim-display-name{font-family:var(--font-heading);margin-bottom:.15rem;font-size:1.1rem;font-weight:700}.sim-handle{color:var(--text-muted);margin-bottom:.75rem;font-size:.85rem;display:block}.sim-bio-text{white-space:pre-line;color:var(--text-primary);font-size:.95rem;line-height:1.5}.sim-actions-row{gap:.75rem;display:flex}.sim-btn{text-align:center;border-radius:var(--radius-sm);cursor:default;flex:1;padding:.6rem;font-size:.88rem;font-weight:700}.sim-btn-primary{background:var(--primary-accent);color:var(--text-inverse)}.sim-btn-secondary{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);color:var(--text-primary)}.content-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.content-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:1.75rem}.content-card-icon{margin-bottom:1rem;font-size:2rem}.content-card-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.6rem;font-size:1.25rem;font-weight:700}.content-card-text{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.vibe-packs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:3.5rem;display:grid}.vibe-pack-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.vibe-pack-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium);transform:translateY(-2px)}.vibe-pack-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.vibe-pack-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.vibe-pack-copy-all{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:.35rem .75rem;font-size:.78rem;font-weight:700}.vibe-pack-copy-all:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.vibe-pack-copy-all.copied{color:#fff;background:#059669;border-color:#059669}.vibe-pack-emojis{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;gap:.45rem;padding:.65rem;display:flex}.vibe-emoji-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.25rem;transition:transform .15s,border-color .15s,background-color .15s;display:inline-flex;position:relative}.vibe-emoji-btn:hover{border-color:var(--primary-accent);z-index:2;transform:scale(1.18)}.vibe-emoji-btn.copied{background:#ecfdf5;border-color:#059669}.vibe-emoji-check{color:#fff;background:#059669;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.6rem;display:flex;position:absolute;top:-4px;right:-4px}.editorial-guide-container{flex-direction:column;gap:1.5rem;display:flex}.guide-article-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast);padding:2rem}.guide-article-card:hover{border-color:var(--border-medium)}.guide-article-summary{background:linear-gradient(135deg,#e11d4808 0%,#f43f5e0d 100%);border:1px solid #e11d4826}.guide-article-icon{margin-bottom:.85rem;font-size:1.85rem}.guide-article-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.35rem;font-weight:800}.guide-article-text{color:var(--text-secondary);margin-bottom:.85rem;font-size:.95rem;line-height:1.7}.guide-article-text:last-child{margin-bottom:0}.guide-formula-box{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:1rem 0;padding:1rem 1.25rem}.guide-formula-title{text-transform:uppercase;letter-spacing:.04em;color:var(--primary-accent);margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.guide-formula-list,.guide-features-list,.guide-steps-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.guide-formula-list li,.guide-features-list li,.guide-steps-list li{color:var(--text-primary);font-size:.93rem;line-height:1.6}.guide-examples-row{flex-wrap:wrap;gap:.65rem;margin:1rem 0;display:flex}.guide-example-pill{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);align-items:center;padding:.5rem .95rem;font-size:.98rem;display:inline-flex}.guide-example-pill:hover{background:var(--bg-surface);border-color:var(--primary-accent);transform:translateY(-1px)}.editorial-inline-link{color:var(--primary-accent);text-underline-offset:3px;transition:color var(--transition-fast);font-weight:700;text-decoration:underline}.editorial-inline-link:hover{color:var(--primary-accent-hover)}.external-authority-link{color:var(--primary-accent);text-underline-offset:3px;align-items:center;gap:.25rem;font-weight:700;text-decoration:underline;display:inline-flex}kbd{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:4px;padding:.15rem .4rem;font-size:.82rem}.faq-list{flex-direction:column;gap:.85rem;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.faq-item[open]{border-color:var(--border-medium)}.faq-question{font-family:var(--font-heading);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:1.15rem 1.35rem;font-size:1.05rem;font-weight:700;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-chevron{color:var(--text-muted);transition:transform var(--transition-fast);font-size:.9rem}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-answer{color:var(--text-secondary);padding:0 1.35rem 1.25rem;font-size:.95rem;line-height:1.6}.favorites-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.favorites-drawer-card{background:var(--bg-surface);width:100%;max-width:440px;height:100%;box-shadow:var(--shadow-lg);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;display:flex}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.drawer-title-group{align-items:center;gap:.5rem;display:flex}.drawer-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:800}.drawer-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem}.drawer-body{flex-direction:column;gap:2rem;padding:1.5rem;display:flex;overflow-y:auto}.drawer-section-heading{font-family:var(--font-heading);margin-bottom:.85rem;font-size:1rem;font-weight:700}.drawer-empty-hint{color:var(--text-muted);font-size:.9rem;line-height:1.5}.drawer-items-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;display:grid}.drawer-item-box{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;align-items:center;padding:.5rem;display:flex}.drawer-copy-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;width:100%;display:flex}.drawer-item-val{margin-bottom:.2rem;font-size:1.75rem}.drawer-item-lbl{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:.75rem;overflow:hidden}.drawer-box-actions{gap:.3rem;width:100%;margin-top:.4rem;display:flex}.drawer-combo-add,.drawer-unfav-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;border-radius:4px;font-size:.7rem}.drawer-combo-add{flex:1;font-weight:700}.recent-chips-wrap{flex-wrap:wrap;gap:.4rem;display:flex}.recent-chip-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:.2rem;padding:.4rem .75rem;font-size:1.1rem;display:flex}.recent-chip-btn.copied{color:#fff;background:#059669}.toast-container{z-index:300;pointer-events:none;animation:.2s cubic-bezier(.16,1,.3,1) toastFadeIn;position:fixed;top:1.5rem;right:1.5rem}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast-card{background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;display:flex}.toast-icon{color:#fff;background:#059669;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex}.site-footer{background:var(--bg-surface);border-top:1px solid var(--border-subtle);margin-top:auto;padding:3.5rem 1.25rem 2rem}.footer-container{grid-template-columns:1.5fr 2.5fr;gap:3rem;max-width:1200px;margin:0 auto 2.5rem;display:grid}@media (max-width:768px){.footer-container{grid-template-columns:1fr;gap:2rem}}.footer-brand-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.footer-brand-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:800}.footer-brand-desc{color:var(--text-secondary);margin-bottom:.75rem;font-size:.92rem;line-height:1.6}.footer-privacy-note{color:var(--text-muted);font-size:.8rem;font-weight:600}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (max-width:500px){.footer-links-grid{grid-template-columns:1fr 1fr}}.footer-col-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.85rem;font-size:.95rem;font-weight:700}.footer-links-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-links-list a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.88rem;text-decoration:none}.footer-links-list a:hover{color:var(--primary-accent)}.footer-bottom-bar{border-top:1px solid var(--border-subtle);text-align:center;max-width:1200px;margin:0 auto;padding-top:1.5rem}.footer-copy{color:var(--text-muted);font-size:.82rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.combo-breadcrumb{padding:1.25rem 0 .5rem}.breadcrumb-list{align-items:center;gap:.5rem;font-size:.88rem;list-style:none;display:flex}.breadcrumb-link{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.breadcrumb-link:hover{color:var(--primary-accent)}.breadcrumb-separator{color:var(--border-medium)}.breadcrumb-item.current{color:var(--text-primary);font-weight:700}.combo-hero-section{padding-top:.75rem}.combo-search-filter-box{flex-direction:column;gap:1rem;margin:1.25rem 0 2rem;display:flex}.more-cats-dropdown-wrap{position:relative}.more-cats-dropdown-menu{z-index:60;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:.25rem;min-width:150px;padding:.4rem;display:flex;position:absolute;top:calc(100% + .35rem);left:0}.dropdown-menu-item{text-align:left;border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.5rem .85rem;font-size:.88rem;font-weight:600}.dropdown-menu-item:hover,.dropdown-menu-item.active{background:var(--bg-surface-subtle);color:var(--primary-accent)}.combo-subfilter-bar{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.85rem;display:flex}.length-filter-group{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.length-label{color:var(--text-secondary);margin-right:.2rem;font-size:.85rem;font-weight:700}.length-pill-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.35rem .75rem;font-size:.8rem;font-weight:600}.length-pill-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.length-pill-btn.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);font-weight:700}.results-count-display{color:var(--text-muted);font-size:.88rem}.combos-library-section{margin-bottom:3.5rem}.combos-responsive-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}@media (max-width:480px){.combos-responsive-grid{grid-template-columns:1fr;gap:.9rem}}.combo-card-enhanced{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;padding:1.25rem;display:flex;position:relative}.combo-card-enhanced:hover{box-shadow:var(--shadow-sm);border-color:var(--primary-accent-border);transform:translateY(-2px)}.combo-card-top-bar{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.combo-category-pill{color:var(--primary-accent);background:var(--primary-accent-subtle);border-radius:var(--radius-sm);padding:.2rem .6rem;font-size:.75rem;font-weight:700}.combo-characters-hero{text-align:center;cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);padding:.85rem .5rem;position:relative}.combo-characters-hero:hover{background:var(--bg-surface-subtle)}.combo-chars-text{letter-spacing:.08em;-webkit-user-select:all;user-select:all;margin-bottom:.4rem;font-size:2.1rem;line-height:1.25;display:block}.combo-card-name{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.2rem;font-size:1.05rem;font-weight:700}.combo-context-meta{color:var(--text-muted);font-size:.78rem}.combo-card-actions-row{border-top:1px solid var(--border-subtle);gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.combo-primary-copy-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex:1.2;padding:.6rem .85rem;font-size:.88rem;font-weight:700}.combo-primary-copy-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.combo-primary-copy-btn.copied{color:#fff;background:#059669;border-color:#059669}.combo-customize-action-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex:1;padding:.6rem .75rem;font-size:.82rem;font-weight:700}.combo-customize-action-btn:hover{background:var(--bg-surface-subtle);color:var(--text-primary)}.load-more-container{text-align:center;margin:2.5rem 0 1rem}.load-more-btn{background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--transition-fast);padding:.85rem 2.25rem;font-size:.95rem;font-weight:700}.load-more-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent);transform:translateY(-1px)}.customizer-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:250;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.customizer-modal-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow-y:auto}.customizer-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.customizer-title-wrap{align-items:center;gap:.6rem;display:flex}.customizer-icon{font-size:1.5rem}.customizer-modal-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:800}.customizer-modal-subtitle{color:var(--text-muted);font-size:.82rem;display:block}.customizer-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem}.customizer-modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.customizer-output-hero{background:var(--bg-surface-subtle);border:1.5px dashed var(--border-medium);border-radius:var(--radius-md);text-align:center;padding:1.25rem}.customizer-preview-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.82rem;font-weight:700;display:block}.customizer-preview-chars{letter-spacing:.1em;-webkit-user-select:all;user-select:all;min-height:2.75rem;margin-bottom:.35rem;font-size:2.25rem;display:block}.empty-placeholder{color:var(--text-muted);letter-spacing:normal;font-size:1rem;font-style:italic}.customizer-chars-count{color:var(--text-muted);font-size:.78rem}.section-sub-label{color:var(--text-secondary);margin-bottom:.6rem;font-size:.85rem;font-weight:700;display:block}.customizer-items-list{gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.customizer-item-slot{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;align-items:center;min-width:68px;padding:.5rem .4rem;display:flex}.slot-char{margin-bottom:.4rem;font-size:1.75rem;line-height:1.2}.slot-reorder-controls{gap:.2rem;display:flex}.slot-move-btn,.slot-remove-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:.2rem .35rem;font-size:.7rem}.slot-remove-btn:hover{color:#e11d48}.slot-move-btn:disabled{opacity:.3;cursor:not-allowed}.quick-add-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:.4rem;display:grid}.quick-add-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast);padding:.35rem;font-size:1.35rem}.quick-add-btn:hover{border-color:var(--primary-accent-border);transform:scale(1.15)}.customizer-modal-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.footer-left-buttons{gap:.5rem;display:flex}.customizer-sub-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;padding:.55rem .95rem;font-size:.85rem;font-weight:700}.customizer-copy-main-btn{background:var(--primary-accent);color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.65rem 1.5rem;font-size:.92rem;font-weight:800}.customizer-copy-main-btn.copied{background:#059669}.combo-use-cases-section{content-visibility:auto;contain-intrinsic-size:auto 300px;margin:4.5rem 0}.use-cases-container{max-width:900px;margin:0 auto}.use-case-tabs{scrollbar-width:none;gap:.5rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.use-case-tabs::-webkit-scrollbar{display:none}.use-case-tab{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.88rem;font-weight:600;display:flex}.use-case-tab.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);font-weight:700}.use-cases-cards-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:700px){.use-cases-cards-grid{grid-template-columns:1fr}}.use-case-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5rem;display:flex}.use-case-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.use-case-badge{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:700}.use-case-copy-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--primary-accent);cursor:pointer;padding:.35rem .75rem;font-size:.78rem;font-weight:700}.use-case-copy-btn.copied{color:#fff;background:#059669}.simulated-bio-box{align-items:flex-start;gap:1rem;display:flex}.sim-bio-avatar{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.sim-bio-name{font-family:var(--font-heading);margin-bottom:.25rem;font-size:1rem;font-weight:700}.sim-bio-snippet{color:var(--text-secondary);font-size:.92rem;line-height:1.5}.simulated-caption-box{flex-direction:column;gap:.75rem;display:flex}.sim-caption-text{color:var(--text-primary);font-size:.95rem;line-height:1.5}.sim-caption-meta{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.use-case-footer-bar{background:var(--bg-surface-subtle);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.9rem 1.25rem;display:flex}.footer-combo-text{letter-spacing:.05em;margin-left:.4rem;font-size:1.25rem}.combo-direct-copy-btn{background:var(--primary-accent);color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;border:none;padding:.5rem 1.2rem;font-size:.85rem;font-weight:800}.combo-direct-copy-btn.copied{background:#059669}.inline-accent-link{color:var(--primary-accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}.combo-preview-categories-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:3.5rem;display:grid}@media (max-width:640px){.combo-preview-categories-grid{grid-template-columns:1fr;gap:1.1rem}}.combo-preview-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.combo-preview-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-medium);transform:translateY(-2px)}.combo-preview-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.combo-preview-icon{font-size:1.35rem;line-height:1}.combo-preview-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.combo-preview-items-list{flex-direction:column;gap:.45rem;display:flex}.combo-preview-row{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;display:flex}.combo-preview-row:hover{border-color:var(--border-medium);background:var(--bg-surface)}.combo-preview-info{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.combo-preview-chars{letter-spacing:.04em;white-space:nowrap;flex-shrink:0;font-size:1.15rem}.combo-preview-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.combo-preview-copy-btn{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:.35rem .75rem;font-size:.78rem;font-weight:700}.combo-preview-copy-btn:hover{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.combo-preview-copy-btn.copied{color:#fff;background:#059669;border-color:#059669}.combo-preview-more-link{color:var(--text-secondary);margin-top:.25rem;font-size:.85rem;line-height:1.45}.editorial-guide-container{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.editorial-article{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:1.85rem}@media (max-width:640px){.editorial-article{padding:1.35rem}}.editorial-h2{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.85rem;font-size:1.35rem;font-weight:800;line-height:1.3}.editorial-p{color:var(--text-secondary);margin-bottom:.85rem;font-size:.95rem;line-height:1.7}.editorial-p:last-child{margin-bottom:0}.editorial-list{color:var(--text-secondary);margin:.75rem 0 1rem 1.25rem;font-size:.93rem;line-height:1.7}.editorial-steps-list{color:var(--text-secondary);margin:.75rem 0 1rem 1.25rem;font-size:.93rem;line-height:1.75}.editorial-steps-list li{margin-bottom:.65rem}.editorial-steps-list code{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.15rem .4rem;font-size:.95rem}.editorial-example-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.25rem 0;display:grid}.editorial-example-box{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;padding:1rem}.editorial-example-chars{letter-spacing:.08em;margin-bottom:.35rem;font-size:1.75rem;display:block}.editorial-example-desc{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.45}.editorial-transform-card{background:var(--bg-surface-subtle);border:1px dashed var(--border-medium);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin:1.25rem 0;padding:1.25rem;display:flex}.transform-step{flex-direction:column;align-items:center;gap:.25rem;display:flex}.transform-label{color:var(--text-muted);font-size:.8rem;font-weight:700}.transform-value{letter-spacing:.05em;font-size:1.5rem}.transform-arrow{color:var(--primary-accent);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.35rem .75rem;font-size:.85rem;font-weight:700}.editorial-links-box{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:1.25rem;padding:1.25rem}.editorial-links-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.75rem;font-size:1.05rem;font-weight:700}.editorial-links-list{color:var(--text-secondary);flex-direction:column;gap:.5rem;margin:0;padding-left:1.25rem;font-size:.92rem;line-height:1.6;display:flex}.external-link:after{content:" ↗";font-size:.85em}.visual-aesthetic-picker{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.5rem}.picker-header{margin-bottom:1.25rem}.picker-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem;font-weight:800}.picker-hint{color:var(--text-secondary);font-size:.88rem}.aesthetic-chips-container{flex-wrap:wrap;align-items:stretch;gap:.75rem;display:flex}.visual-aesthetic-chip{background:var(--bg-surface-subtle);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;min-width:140px;max-width:240px;transition:all var(--transition-fast);text-align:center;flex-direction:column;flex:calc(20% - .75rem);justify-content:center;align-items:center;gap:.35rem;padding:.85rem .75rem;display:flex}.visual-aesthetic-chip:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.visual-aesthetic-chip.active{background:var(--primary-accent-subtle);border-color:var(--primary-accent);box-shadow:0 0 0 2px #ec489926}.chip-preview-sequence{letter-spacing:.08em;font-size:1.2rem;display:block}.chip-label{font-family:var(--font-sans);color:var(--text-primary);font-size:.82rem;font-weight:700}.visual-aesthetic-chip.active .chip-label{color:var(--primary-accent)}.more-aesthetics-wrapper{align-items:center;display:flex;position:relative}.more-aesthetics-btn{background:var(--bg-surface-subtle);border:1.5px dashed var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;height:100%;padding:.85rem 1rem;font-size:.82rem;font-weight:700;display:flex}.more-aesthetics-btn:hover,.more-aesthetics-btn.active{border-color:var(--primary-accent);color:var(--primary-accent);background:var(--primary-accent-subtle)}.more-aesthetics-dropdown{z-index:50;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;gap:.25rem;min-width:210px;padding:.5rem;display:flex;position:absolute;top:calc(100% + 6px);right:0}.dropdown-aesthetic-item{border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.82rem;font-weight:600;display:flex}.dropdown-aesthetic-item:hover,.dropdown-aesthetic-item.active{background:var(--primary-accent-subtle);color:var(--primary-accent)}.dropdown-preview{font-size:1rem}.aesthetic-filters-section{margin-bottom:2rem}.filter-controls-wrap{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1rem;padding:1rem 1.25rem;display:flex}.filter-group{align-items:center;gap:.6rem;display:flex}.filter-group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);white-space:nowrap;font-size:.82rem;font-weight:800}.segmented-toggle{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:2px;display:inline-flex}.toggle-option{font-family:var(--font-sans);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:.35rem .8rem;font-size:.78rem;font-weight:600}.toggle-option:hover{color:var(--text-primary)}.toggle-option.active{background:var(--bg-surface);color:var(--primary-accent);box-shadow:var(--shadow-sm);font-weight:800}.color-pill-btn{border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.color-dot{border:1px solid #00000026;border-radius:50%;width:10px;height:10px;display:inline-block}.color-pill-btn:hover{border-color:var(--primary-accent);color:var(--text-primary)}.color-pill-btn.active{border-color:var(--primary-accent);background:var(--primary-accent-subtle);color:var(--primary-accent);font-weight:700}.aesthetic-combos-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.aesthetic-combo-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.aesthetic-combo-card:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.combo-style-badge.decorated{color:#6d28d9;background:#ede9fe}[data-theme=dark] .combo-style-badge.decorated{color:#c084fc;background:#3b0764}.combo-style-badge.emoji{color:#0369a1;background:#e0f2fe}[data-theme=dark] .combo-style-badge.emoji{color:#38bdf8;background:#082f49}.make-it-more-section{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:.85rem 0;padding:.85rem 1rem}.make-it-more-chips{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.modifier-chip{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.35rem .8rem;font-size:.82rem;font-weight:700}.modifier-chip:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.modal-spacing-toggle{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.25rem .65rem;font-size:.75rem;font-weight:700}.modal-spacing-toggle.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.aesthetic-matcher-section{margin:3rem 0}.matcher-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2.25rem}.matcher-header{margin-bottom:1.5rem}.matcher-pill{background:var(--primary-accent-subtle);color:var(--primary-accent);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding:.3rem .8rem;font-size:.8rem;font-weight:800;display:inline-block}.matcher-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.35rem;font-size:1.75rem;font-weight:800}.matcher-subtitle{color:var(--text-secondary);font-size:.95rem}.matcher-controls-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.matcher-field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.6rem;font-size:.82rem;font-weight:800;display:block}.matcher-chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.matcher-chip{border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.35rem .85rem;font-size:.82rem;font-weight:600}.matcher-chip:hover{border-color:var(--primary-accent)}.matcher-chip.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent);font-weight:700}.matcher-results-area{border-top:1px solid var(--border-subtle);padding-top:1.75rem}.matcher-results-title{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:700}.matcher-highlight{color:var(--primary-accent)}.matcher-results-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.matcher-result-card{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;display:flex}.matcher-result-card:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.matcher-combo-chars{letter-spacing:.08em;font-size:1.6rem}.matcher-combo-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.matcher-card-actions{gap:.4rem;width:100%;margin-top:.5rem;display:flex}.matcher-copy-btn,.matcher-customize-btn{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex:1;padding:.45rem .6rem;font-size:.78rem;font-weight:700}.matcher-copy-btn{background:var(--primary-accent);color:var(--text-inverse);border:none}.matcher-copy-btn.copied{background:#059669}.matcher-customize-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary)}.matcher-customize-btn:hover{border-color:var(--primary-accent);color:var(--text-primary)}.aesthetic-builder-section{margin:3rem 0}.builder-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2.25rem}.builder-pill{color:#4338ca;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background:#e0e7ff;margin-bottom:.5rem;padding:.3rem .8rem;font-size:.8rem;font-weight:800;display:inline-block}[data-theme=dark] .builder-pill{color:#a5b4fc;background:#1e1b4b}.builder-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.35rem;font-size:1.75rem;font-weight:800}.builder-subtitle{color:var(--text-secondary);font-size:.95rem}.builder-step{margin-bottom:1.25rem}.builder-step-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.82rem;font-weight:800;display:block}.builder-pills-row,.builder-length-row{flex-wrap:wrap;gap:.4rem;display:flex}.builder-theme-btn,.builder-len-btn{border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.4rem .9rem;font-size:.85rem;font-weight:600}.builder-theme-btn:hover,.builder-len-btn:hover{border-color:var(--primary-accent)}.builder-theme-btn.active,.builder-len-btn.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent);font-weight:700}.builder-output-hero{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin:1.75rem 0;padding:1.75rem;display:flex}.builder-output-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.8rem;font-weight:700}.builder-output-chars{letter-spacing:.12em;font-size:2.5rem;display:block}.builder-output-meta{color:var(--text-secondary);font-size:.85rem;font-weight:600}.builder-actions-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.builder-action-btn{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);padding:.65rem 1.4rem;font-size:.88rem;font-weight:700}.builder-action-btn.secondary{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);color:var(--text-primary)}.builder-action-btn.secondary:hover{border-color:var(--primary-accent)}.builder-action-btn.primary{background:var(--primary-accent);color:var(--text-inverse);border:none}.builder-action-btn.primary.copied{background:#059669}.aesthetic-use-cases-section{margin:3rem 0}.simulators-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.simulator-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5rem;display:flex}.simulator-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.simulator-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--primary-accent-subtle);color:var(--primary-accent);border-radius:var(--radius-full);padding:.25rem .6rem;font-size:.78rem;font-weight:800}.simulator-platform-hint{color:var(--text-muted);font-size:.75rem}.simulator-preview-box{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex:1;margin-bottom:1.25rem;padding:1.25rem}.mock-avatar{background:linear-gradient(135deg,#fbcfe8,#c7d2fe);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.75rem;font-size:1.25rem;display:flex}.mock-profile-info{flex-direction:column;gap:.25rem;display:flex}.mock-display-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.mock-handle{color:var(--text-muted);font-size:.8rem}.mock-bio-text{color:var(--text-secondary);margin-top:.35rem;font-size:.92rem;line-height:1.5}.mock-link{color:var(--primary-accent);margin-top:.25rem;font-size:.8rem}.mock-post-image{border-radius:var(--radius-sm);background:linear-gradient(135deg,#fce7f3,#e0e7ff);justify-content:center;align-items:center;height:140px;margin-bottom:.75rem;display:flex}.post-aesthetic-watermark{letter-spacing:.1em;filter:drop-shadow(0 2px 4px #0000001a);font-size:2rem}.mock-caption-text{color:var(--text-primary);margin-bottom:.35rem;font-size:.92rem;line-height:1.5}.mock-timestamp{color:var(--text-muted);font-size:.75rem}.simulator-actions{flex-wrap:wrap;gap:.5rem;display:flex}.simulator-input{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-surface-subtle);min-width:150px;font-family:var(--font-sans);color:var(--text-primary);flex:1;padding:.5rem .85rem;font-size:.85rem}.simulator-copy-btn{border-radius:var(--radius-full);background:var(--primary-accent);color:var(--text-inverse);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.5rem 1.1rem;font-size:.85rem;font-weight:700}.simulator-copy-btn.full-width{width:100%}.simulator-copy-btn.copied{background:#059669}.info-principles-list,.info-style-bullets,.info-use-cases-list{color:var(--text-secondary);flex-direction:column;gap:.5rem;margin-top:.5rem;font-size:.92rem;line-height:1.6;display:flex}.info-principles-list code,.info-style-bullets code{background:var(--bg-surface-subtle);border-radius:var(--radius-sm);padding:.15rem .4rem;font-size:.95em}.combo-cross-link-banner{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:2rem;padding:1.75rem}.combo-cross-link-banner .banner-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.4rem;font-size:1.2rem;font-weight:800}.combo-cross-link-banner .banner-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.inline-text-link{color:var(--primary-accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}.symbols-main-layout{padding-bottom:4rem}.symbols-hero-section{padding-top:.75rem}.hero-symbols-showcase{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.hero-symbol-badge{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:2.75rem;height:2.75rem;color:var(--text-primary);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex}.hero-symbol-badge:hover{border-color:var(--primary-accent);transform:translateY(-2px)scale(1.1)}.symbol-breadcrumb{padding:1.25rem 0 .5rem}.symbol-vibe-filter-row{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.vibe-filter-label{color:var(--text-secondary);font-size:.85rem;font-weight:800}.vibe-chips-wrapper{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.symbol-vibe-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.symbol-vibe-chip:hover{border-color:var(--border-medium);color:var(--text-primary)}.symbol-vibe-chip.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent);font-weight:700}.symbols-studio-container{flex-direction:column;gap:2.25rem;margin:1.5rem 0 3rem;display:flex}.symbol-search-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.symbol-search-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.symbol-search-icon{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;left:1rem}.symbol-search-input{background:var(--bg-surface-subtle);border:1.5px solid var(--border-subtle);border-radius:var(--radius-full);width:100%;font-family:var(--font-sans);color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:.85rem 2.75rem .85rem 2.85rem;font-size:.95rem}.symbol-search-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px var(--primary-accent-subtle)}.symbol-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.35rem .6rem;font-size:1.1rem;display:flex;position:absolute;right:.85rem}.symbol-clear-btn:hover{color:var(--text-primary);background:var(--border-subtle)}.symbol-category-filter-section{flex-direction:column;gap:.5rem;display:flex}.symbol-category-scroll-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.symbol-category-chip{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);min-height:42px;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.88rem;font-weight:600;display:inline-flex}.symbol-category-chip:hover{border-color:var(--primary-accent);color:var(--text-primary)}.symbol-category-chip.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent);font-weight:700}.symbol-chip-preview{font-size:1.05rem;line-height:1}.symbol-chip-count{opacity:.85;font-size:.75rem}.symbol-more-categories-btn{background:var(--bg-surface-subtle);border:1px dashed var(--border-medium);border-radius:var(--radius-full);min-height:42px;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.85rem;font-weight:700;display:inline-flex}.symbol-more-categories-btn:hover,.symbol-more-categories-btn.active{border-color:var(--primary-accent);color:var(--primary-accent)}.symbol-categories-dropdown{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-md);flex-wrap:wrap;gap:.4rem;margin-top:.35rem;padding:.85rem;display:flex}.symbol-dropdown-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.symbol-dropdown-chip:hover,.symbol-dropdown-chip.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.symbol-type-and-actions-bar{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;display:flex}.symbol-type-toggles{flex-wrap:wrap;gap:.35rem;display:flex}.symbol-type-toggle-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.35rem .75rem;font-size:.8rem;font-weight:600}.symbol-type-toggle-btn:hover{border-color:var(--primary-accent)}.symbol-type-toggle-btn.active{background:var(--primary-accent-subtle);border-color:var(--primary-accent);color:var(--primary-accent);font-weight:700}.symbol-actions-group{align-items:center;gap:.75rem;display:flex}.symbol-surprise-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.symbol-surprise-btn:hover{background:var(--primary-accent-subtle);border-color:var(--primary-accent);color:var(--primary-accent)}.symbol-results-count{color:var(--text-muted);font-size:.82rem;font-weight:700}.symbol-builder-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.symbol-builder-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.symbol-builder-title-group{flex-direction:column;gap:.25rem;display:flex}.symbol-builder-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);background:var(--primary-accent-subtle);border-radius:var(--radius-full);align-items:center;gap:.35rem;width:fit-content;padding:.2rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.symbol-builder-badge-dot{background:var(--primary-accent);border-radius:50%;width:6px;height:6px}.symbol-builder-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:1.25rem;font-weight:800}.symbol-builder-sub{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.symbol-builder-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.symbol-builder-toggle-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.4rem .85rem;font-size:.82rem;font-weight:700}.symbol-builder-toggle-btn.active,.symbol-builder-toggle-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.symbol-builder-clear-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.4rem .85rem;font-size:.82rem;font-weight:600}.symbol-builder-clear-btn:hover{color:#ef4444;border-color:#ef4444}.symbol-builder-empty{background:var(--bg-surface-subtle);border:1.5px dashed var(--border-medium);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;display:flex}.symbol-builder-empty-icon{letter-spacing:.3em;color:var(--primary-accent);opacity:.75;font-size:2rem}.symbol-builder-empty-text{color:var(--text-secondary);max-width:500px;font-size:.92rem;line-height:1.5}.symbol-builder-content{flex-direction:column;gap:1rem;display:flex}.symbol-builder-tray{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;overflow-x:auto}.symbol-builder-chips{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.symbol-builder-item-chip{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);align-items:center;gap:.5rem;padding:.35rem .65rem;display:inline-flex}.symbol-builder-chip-glyph{font-size:1.35rem;line-height:1}.symbol-builder-chip-actions{align-items:center;gap:.15rem;display:flex}.symbol-builder-chip-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.15rem .25rem;font-size:.85rem;line-height:1}.symbol-builder-chip-nav-btn:disabled{opacity:.3;cursor:not-allowed}.symbol-builder-chip-nav-btn:not(:disabled):hover{color:var(--primary-accent);background:var(--bg-surface-subtle)}.symbol-builder-chip-del-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.15rem .25rem;font-size:1.1rem;line-height:1}.symbol-builder-chip-del-btn:hover{color:#ef4444;background:#fef2f2}.symbol-builder-preview-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.symbol-builder-preview-display{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.symbol-builder-preview-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.82rem;font-weight:700}.symbol-builder-preview-text{color:var(--text-primary);background:var(--bg-surface-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);letter-spacing:.04em;padding:.35rem .85rem;font-size:1.4rem;font-weight:700}.symbol-builder-copy-btn{background:var(--primary-accent);min-height:44px;color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:.45rem;padding:.6rem 1.4rem;font-size:.92rem;font-weight:800;display:inline-flex}.symbol-builder-copy-btn.copied{background:#059669}.text-decorator-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.text-decorator-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.text-decorator-title-group{flex-direction:column;gap:.25rem;display:flex}.text-decorator-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);background:var(--primary-accent-subtle);border-radius:var(--radius-full);align-items:center;gap:.35rem;width:fit-content;padding:.2rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.text-decorator-badge-dot{background:var(--primary-accent);border-radius:50%;width:6px;height:6px}.text-decorator-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:1.25rem;font-weight:800}.text-decorator-sub{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.text-decorator-privacy-pill{color:#059669;border-radius:var(--radius-full);background:#0596691a;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.text-decorator-input-wrapper{flex-direction:column;gap:.35rem;display:flex}.text-decorator-input-label{color:var(--text-secondary);font-size:.85rem;font-weight:700}.text-decorator-input-row{align-items:center;display:flex;position:relative}.text-decorator-input{background:var(--bg-surface-subtle);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:.85rem 4rem .85rem 1rem;font-size:1rem}.text-decorator-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px var(--primary-accent-subtle)}.text-decorator-clear-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem;font-size:.82rem;font-weight:700;position:absolute;right:.75rem}.text-decorator-clear-btn:hover{color:var(--text-primary);background:var(--border-subtle)}.text-decorator-input-hint{color:var(--text-muted);font-size:.78rem}.text-decorator-templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem;display:grid}.text-decorator-template-card{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;gap:.5rem;padding:.85rem 1rem;display:flex}.text-decorator-template-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-xs)}.text-decorator-template-meta{justify-content:space-between;align-items:center;display:flex}.text-decorator-template-name{color:var(--text-primary);font-size:.82rem;font-weight:700}.text-decorator-template-category{color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-full);padding:.15rem .45rem;font-size:.72rem;font-weight:600}.text-decorator-template-preview{color:var(--text-primary);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);white-space:nowrap;padding:.5rem .6rem;font-size:1.15rem;font-weight:600;overflow-x:auto}.text-decorator-copy-btn{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-full);min-height:38px;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.85rem;font-weight:700;display:inline-flex}.text-decorator-copy-btn:hover{background:var(--primary-accent-subtle);border-color:var(--primary-accent);color:var(--primary-accent)}.text-decorator-copy-btn.copied{color:#fff;background:#059669;border-color:#059669}.custom-framing-box{background:var(--bg-surface-subtle);border:1.5px dashed var(--border-medium);border-radius:var(--radius-md);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.custom-framing-header{flex-direction:column;gap:.15rem;display:flex}.framing-box-title{color:var(--text-primary);font-size:.92rem;font-weight:800}.framing-box-subtitle{color:var(--text-muted);font-size:.8rem}.framing-symbols-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.framing-sym-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;width:2.35rem;height:2.35rem;color:var(--text-primary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.15rem;display:inline-flex}.framing-sym-pill:hover{border-color:var(--primary-accent);transform:scale(1.08)}.framing-sym-pill.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.framing-actions-row{flex-wrap:wrap;gap:.5rem;display:flex}.framing-action-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:140px;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex:1;padding:.55rem .75rem;font-size:.82rem;font-weight:700}.framing-action-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.framing-action-btn.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.custom-framed-output-row{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.custom-framed-preview-text{color:var(--text-primary);-webkit-user-select:all;user-select:all;letter-spacing:.03em;font-size:1.35rem;font-weight:700}.custom-framed-copy-btn{background:var(--primary-accent);color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.6rem 1.25rem;font-size:.88rem;font-weight:800}.custom-framed-copy-btn:hover{background:var(--primary-accent-hover)}.custom-framed-copy-btn.copied{background:#059669}.decorator-section-divider{text-align:center;color:var(--text-muted);align-items:center;margin:1rem 0 .5rem;font-size:.82rem;font-weight:700;display:flex}.decorator-section-divider:before,.decorator-section-divider:after{content:"";border-bottom:1px solid var(--border-subtle);flex:1}.decorator-section-divider span{padding:0 .75rem}.symbols-grid-section{flex-direction:column;gap:1.25rem;display:flex}.symbols-grid-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.symbols-grid-heading-group{flex-direction:column;gap:.25rem;display:flex}.symbols-grid-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:1.4rem;font-weight:800}.symbols-grid-sub{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.symbols-grid-container{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem;display:grid}@media (max-width:640px){.symbols-grid-container{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.65rem}}.symbol-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);flex-direction:column;align-items:center;padding:.65rem .5rem;display:flex;position:relative}.symbol-card:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.symbol-card.is-wide,.symbol-card.divider-card{grid-column:span 2}@media (max-width:480px){.symbol-card.is-wide,.symbol-card.divider-card{grid-column:span 1}}.symbol-card-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:.35rem;display:flex}.symbol-type-tag,.symbol-type-badge{text-transform:uppercase;color:var(--text-muted);background:var(--bg-surface-subtle);border-radius:var(--radius-xs);letter-spacing:.02em;padding:.12rem .4rem;font-size:.68rem;font-weight:700}.symbol-type-badge.divider{color:#9333ea;background:#a855f71f}.symbol-type-badge.kaomoji{color:#d97706;background:#f59e0b1f}.symbol-type-badge.symbol{background:var(--bg-surface-subtle);color:var(--text-secondary)}.symbol-card-header-actions{align-items:center;gap:.25rem;display:flex}.symbol-info-trigger-btn{cursor:pointer;opacity:.75;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:.2rem;font-size:.85rem;line-height:1}.symbol-info-trigger-btn:hover{opacity:1;background:var(--bg-surface-subtle);transform:scale(1.15)}.symbol-fav-btn{color:var(--text-muted);cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;padding:.2rem;font-size:.9rem;line-height:1}.symbol-fav-btn:hover{transform:scale(1.15)}.symbol-fav-btn.active,.symbol-fav-btn.favorited{color:#ef4444}.symbol-card-glyph-container,.symbol-visual-target{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;min-height:70px;padding:.75rem .25rem;display:flex;position:relative}.symbol-card-glyph,.symbol-glyph{color:var(--text-primary);transition:transform var(--transition-fast);word-break:break-all;font-size:2.1rem;line-height:1}.symbol-card:hover .symbol-card-glyph,.symbol-card:hover .symbol-glyph{transform:scale(1.1)}.symbol-card-glyph.type-divider,.divider-card .symbol-glyph{letter-spacing:.05em;font-size:1.15rem}.symbol-card-glyph.type-kaomoji,.kaomoji-card .symbol-glyph{font-size:1.25rem}.symbol-card-glyph.type-decoration{font-size:1.4rem}.card-copied-indicator{color:#fff;border-radius:var(--radius-full);pointer-events:none;white-space:nowrap;background:#059669;padding:.25rem .6rem;font-size:.75rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #05966959}.symbol-card-footer,.symbol-meta-details{border-top:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:.4rem;width:100%;margin-top:.25rem;padding-top:.45rem;display:flex}.symbol-card-name,.symbol-name-title{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:.75rem;font-weight:600;overflow:hidden}.symbol-card-actions{gap:.35rem;width:100%;display:flex}.symbol-copy-btn,.symbol-copy-action-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-sm);min-height:38px;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:.25rem;font-size:.78rem;font-weight:700;display:inline-flex}.symbol-copy-btn:hover,.symbol-copy-action-btn:hover{background:var(--primary-accent-subtle);border-color:var(--primary-accent);color:var(--primary-accent)}.symbol-copy-btn.copied,.symbol-copy-action-btn.copied{color:#fff;background:#059669;border-color:#059669}.symbol-card.copied-highlight{border-color:#059669;box-shadow:0 0 16px #05966933}.symbol-add-builder-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:38px;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.2rem;padding:0 .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.symbol-add-builder-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.char-info-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.char-info-card{background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;gap:1.15rem;width:100%;max-width:440px;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) scaleIn;display:flex}.char-info-header{justify-content:space-between;align-items:center;display:flex}.char-info-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);background:var(--primary-accent-subtle);border-radius:var(--radius-full);padding:.2rem .6rem;font-size:.75rem;font-weight:800}.char-info-close-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;padding:.25rem .5rem;font-size:1.15rem}.char-info-close-btn:hover{background:var(--bg-surface-subtle);color:var(--text-primary)}.char-info-glyph-display{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:center;align-items:center;padding:1.25rem;display:flex}.char-info-hero-glyph{color:var(--text-primary);-webkit-user-select:all;user-select:all;font-family:serif,sans-serif;font-size:3.5rem;line-height:1}.char-info-name{font-family:var(--font-heading);color:var(--text-primary);text-align:center;margin:0;font-size:1.2rem;font-weight:800}.char-info-specs-table{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.65rem;padding:.85rem 1rem;display:flex}.char-spec-row{justify-content:space-between;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.char-spec-label{color:var(--text-secondary);font-weight:700}.char-spec-value{color:var(--text-primary);text-align:right;word-break:break-word;font-weight:600}.char-spec-value.mono{font-family:var(--font-mono,monospace);font-size:.8rem}.char-spec-codepoint-group{align-items:center;gap:.5rem;display:flex}.char-spec-codepoint{font-family:var(--font-mono,monospace);color:var(--primary-accent);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:.15rem .45rem;font-size:.85rem;font-weight:700}.char-spec-copy-cp-btn{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.15rem .5rem;font-size:.75rem;font-weight:700}.char-spec-copy-cp-btn:hover{color:var(--primary-accent);border-color:var(--primary-accent)}.char-spec-copy-cp-btn.copied{color:#fff;background:#059669;border-color:#059669}.char-info-actions-row{gap:.75rem;display:flex}.char-info-copy-btn{background:var(--primary-accent);min-height:44px;color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;font-size:.92rem;font-weight:800}.char-info-copy-btn:hover{background:var(--primary-accent-hover)}.char-info-add-btn{background:var(--bg-surface-subtle);border:1.5px solid var(--border-medium);border-radius:var(--radius-full);min-height:44px;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex:1;font-size:.92rem;font-weight:700}.char-info-add-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.symbols-load-more-wrapper{flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.symbols-load-more-btn{background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:var(--radius-full);min-height:44px;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.65rem 1.75rem;font-size:.92rem;font-weight:700}.symbols-load-more-btn:hover{border-color:var(--primary-accent);background:var(--bg-surface-subtle)}.symbols-count-hint{color:var(--text-muted);font-size:.82rem}.symbol-preview-section{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.symbol-preview-header{flex-direction:column;gap:.25rem;display:flex}.symbol-preview-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);font-size:.78rem;font-weight:800}.symbol-preview-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:1.35rem;font-weight:800}.symbol-preview-sub{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.symbol-preview-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;display:grid}.symbol-preview-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5rem;display:flex}.symbol-preview-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.symbol-preview-type-pill{background:var(--primary-accent-subtle);color:var(--primary-accent);border-radius:var(--radius-full);padding:.2rem .55rem;font-size:.75rem;font-weight:700}.symbol-preview-context{color:var(--text-muted);font-size:.75rem}.symbol-preview-card-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.symbol-preview-card-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem;line-height:1.5}.symbol-preview-mockup-box{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex:1;margin-bottom:1.25rem;padding:1.25rem}.mockup-profile{align-items:center;gap:.85rem;display:flex}.mockup-avatar{width:44px;height:44px;color:var(--primary-accent);background:linear-gradient(135deg,#fce7f3,#e0e7ff);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.mockup-profile-info{flex-direction:column;gap:.15rem;display:flex}.mockup-profile-name{color:var(--text-primary);font-size:1.05rem;font-weight:700}.mockup-profile-handle{color:var(--text-muted);font-size:.8rem}.mockup-profile-bio{color:var(--text-secondary);margin-top:.15rem;font-size:.82rem}.mockup-bio-text{font-family:var(--font-sans);color:var(--text-primary);white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.6}.mockup-divider-box{text-align:center;flex-direction:column;gap:.5rem;display:flex}.mockup-divider-context{color:var(--text-muted);font-size:.8rem;font-style:italic}.mockup-divider-sample{color:var(--primary-accent);padding:.35rem 0;font-size:1.05rem;font-weight:600}.symbol-preview-card-footer{margin-top:auto}.symbol-preview-copy-btn{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-full);width:100%;min-height:40px;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;display:inline-flex}.symbol-preview-copy-btn:hover{background:var(--primary-accent-subtle);border-color:var(--primary-accent);color:var(--primary-accent)}.symbol-preview-copy-btn.copied{color:#fff;background:#059669;border-color:#059669}.symbol-info-section{flex-direction:column;gap:2rem;margin:2.5rem 0;display:flex}.symbol-info-card,.symbol-tofu-card,.symbol-crosslinks-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem}.symbol-info-header{flex-direction:column;gap:.35rem;margin-bottom:1.5rem;display:flex}.symbol-info-badge,.tofu-card-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);width:fit-content;font-size:.78rem;font-weight:800}.symbol-info-heading,.tofu-card-heading,.crosslinks-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:1.35rem;font-weight:800}.symbol-info-sub,.crosslinks-sub{color:var(--text-secondary);font-size:.92rem;line-height:1.5}.symbol-principles-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.symbol-principle-item{flex-direction:column;gap:.4rem;display:flex}.principle-number{color:var(--primary-accent);font-size:1.25rem;font-weight:900;font-family:var(--font-heading)}.symbol-tofu-card{border-left:4px solid var(--primary-accent)}.tofu-card-content{color:var(--text-secondary);flex-direction:column;gap:.85rem;margin-top:.75rem;font-size:.92rem;line-height:1.6;display:flex}.tofu-card-content code{background:var(--bg-surface-subtle);border-radius:var(--radius-sm);padding:.15rem .35rem;font-size:.95em}.tofu-recommendation-box{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);margin-top:.5rem;padding:1rem 1.25rem;font-size:.9rem}.crosslinks-header{flex-direction:column;gap:.35rem;margin-bottom:1.25rem;display:flex}.crosslinks-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.crosslink-item{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:1rem;padding:1.25rem;text-decoration:none;display:flex}.crosslink-item:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.crosslink-icon{font-size:1.8rem;line-height:1}.crosslink-content{flex-direction:column;flex:1;gap:.2rem;display:flex}.crosslink-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1rem;font-weight:700}.crosslink-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.crosslink-arrow{color:var(--primary-accent);transition:transform var(--transition-fast);font-size:1.1rem}.crosslink-item:hover .crosslink-arrow{transform:translate(3px)}.symbol-faq-section{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.symbol-faq-header{flex-direction:column;gap:.35rem;display:flex}.symbol-faq-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);font-size:.78rem;font-weight:800}.symbol-faq-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:1.35rem;font-weight:800}.symbol-faq-sub{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.symbol-faq-list{flex-direction:column;gap:.75rem;display:flex}.symbol-faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.symbol-faq-item[open]{border-color:var(--border-medium)}.symbol-faq-summary{font-family:var(--font-heading);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:1.15rem 1.35rem;font-size:1.02rem;font-weight:700;list-style:none;display:flex}.symbol-faq-summary::-webkit-details-marker{display:none}.symbol-faq-icon{color:var(--text-muted);transition:transform var(--transition-fast);font-size:1.25rem;line-height:1}.symbol-faq-item[open] .symbol-faq-icon{transform:rotate(45deg)}.symbol-faq-answer{color:var(--text-secondary);padding:0 1.35rem 1.25rem;font-size:.92rem;line-height:1.6}.symbol-toast{z-index:500;background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-family:var(--font-sans);pointer-events:none;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;animation:.2s cubic-bezier(.16,1,.3,1) toastSlideUp;display:flex;position:fixed;bottom:2rem;right:2rem}@media (max-width:640px){.symbol-toast{justify-content:center;bottom:1.25rem;left:1.25rem;right:1.25rem}}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.symbol-toast-icon{color:#fff;background:#059669;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex}.generator-main-layout{padding-bottom:4rem}.generator-hero-section{padding-top:.75rem}.generator-smartmag-sub{color:var(--text-primary);margin-top:.5rem;font-size:1.12rem;font-weight:600}.generator-pas-intro{max-width:760px;color:var(--text-secondary);margin:.75rem auto 0;font-size:.96rem;line-height:1.6}.generator-breadcrumb{padding:1.25rem 0 .5rem}.generator-studio-container{flex-direction:column;gap:2rem;margin:1.5rem 0 3rem;display:flex}.vibe-selector-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.vibe-selector-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.vibe-selector-title-group{flex-direction:column;gap:.25rem;display:flex}.vibe-selector-step-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);background:var(--primary-accent-subtle);border-radius:var(--radius-full);align-self:flex-start;align-items:center;padding:.15rem .55rem;font-size:.75rem;font-weight:800;display:inline-flex}.vibe-selector-label{font-family:var(--font-heading);color:var(--text-primary);font-size:1.15rem;font-weight:800}.vibe-selector-hint{color:var(--text-secondary);font-size:.85rem}.vibe-surprise-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);min-height:40px;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.4rem .95rem;font-size:.85rem;font-weight:700;display:inline-flex}.vibe-surprise-btn:hover{background:var(--primary-accent-subtle);border-color:var(--primary-accent);color:var(--primary-accent)}.vibe-chips-grid{flex-wrap:wrap;gap:.5rem;display:flex}.vibe-chip-btn{background:var(--bg-surface-subtle);border:1.5px solid var(--border-subtle);border-radius:var(--radius-full);min-height:42px;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.88rem;font-weight:700;display:inline-flex}.vibe-chip-btn:hover{border-color:var(--primary-accent);background:var(--primary-accent-subtle);transform:translateY(-1px)}.vibe-chip-btn.active{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff;box-shadow:0 2px 8px #e11d484d}.vibe-chip-emoji{font-size:1.15rem;line-height:1}.vibe-chip-label{font-weight:700}.vibe-chip-check{margin-left:.2rem;font-size:.8rem;font-weight:900}.generator-options-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:flex-start;gap:1.5rem;margin-top:1rem;padding-top:1.25rem;display:flex}.gen-option-col{flex-direction:column;gap:.45rem;display:flex}.gen-option-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.78rem;font-weight:800}.gen-pill-group{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);flex-wrap:wrap;gap:.2rem;padding:.2rem;display:inline-flex}.gen-pill-btn{border-radius:var(--radius-full);min-height:34px;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.3rem .85rem;font-size:.82rem;font-weight:700}.gen-pill-btn:hover{color:var(--text-primary)}.gen-pill-btn.active{background:var(--primary-accent);color:#fff;box-shadow:0 2px 6px #e11d4840}.generator-seed-row{border-top:1px dashed var(--border-subtle);flex-direction:column;gap:.45rem;margin-top:.75rem;padding-top:.85rem;display:flex}.gen-seed-label{color:var(--text-muted);font-size:.8rem;font-weight:700}.gen-seed-chips{flex-wrap:wrap;gap:.4rem;display:flex}.gen-seed-chip{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);min-height:32px;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.82rem;font-weight:600;display:inline-flex}.gen-seed-chip:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.gen-seed-chip.active{background:var(--primary-accent-subtle);border-color:var(--primary-accent);color:var(--primary-accent);font-weight:800}.generator-result-hero-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:relative}.result-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.result-badge-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.result-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);background:var(--primary-accent-subtle);border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.result-badge-dot{background:var(--primary-accent);border-radius:50%;width:6px;height:6px}.result-context-tag{color:var(--text-muted);font-size:.82rem;font-weight:700}.result-header-actions{align-items:center;gap:.5rem;display:flex}.result-header-reset-btn{border:1px solid var(--border-medium);border-radius:var(--radius-full);min-height:32px;font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.result-header-reset-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:var(--primary-accent-subtle)}.result-fav-btn{cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;padding:.35rem;font-size:1.25rem;line-height:1}.result-fav-btn:hover{transform:scale(1.15)}.generator-slots-tray{flex-direction:column;align-items:center;gap:.75rem;width:100%;margin:.5rem 0;display:flex}.slots-tray-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.85rem;font-weight:700}.slots-grid{flex-wrap:wrap;justify-content:center;gap:.65rem;width:100%;display:flex}.char-slot-card{background:var(--bg-surface-subtle);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);min-width:86px;min-height:102px;transition:all var(--transition-fast);flex-direction:column;justify-content:space-between;align-items:center;padding:.65rem .6rem;display:flex}.char-slot-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.char-slot-card.locked{border-color:var(--primary-accent);box-shadow:0 0 0 1px var(--primary-accent);background:#e11d4812}.char-slot-glyph{-webkit-user-select:all;user-select:all;margin-bottom:.45rem;font-size:2.2rem;line-height:1.2}.char-slot-actions{justify-content:center;gap:.35rem;width:100%;display:flex}.slot-action-btn{border-radius:var(--radius-sm);min-height:30px;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.2rem;padding:.2rem .45rem;font-size:.74rem;font-weight:700;display:inline-flex}.slot-action-btn.lock-btn{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-secondary)}.slot-action-btn.lock-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.slot-action-btn.lock-btn.active{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.slot-action-btn.swap-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted)}.slot-action-btn.swap-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:var(--primary-accent-subtle)}.slot-action-text{font-size:.72rem}.result-combo-display-box{background:var(--bg-surface-subtle);border:2px dashed var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;width:100%;max-width:620px;min-height:120px;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1rem;display:flex}.result-combo-display-box:hover{border-color:var(--primary-accent);background:var(--primary-accent-subtle)}.result-combo-glyphs{letter-spacing:.15em;color:var(--text-primary);word-break:break-all;-webkit-user-select:all;user-select:all;font-size:3rem;line-height:1.2;display:block}@media (max-width:640px){.result-combo-glyphs{letter-spacing:.1em;font-size:2.35rem}}.result-tap-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.5rem;font-size:.78rem;font-weight:600}.result-actions-toolbar{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.result-btn-generate,.result-btn-copy,.result-btn-customize{border-radius:var(--radius-full);min-height:48px;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.6rem;font-size:.95rem;font-weight:800;display:inline-flex}.result-btn-generate{background:var(--primary-accent);color:var(--text-inverse);border:none;box-shadow:0 4px 12px #e11d4840}.result-btn-generate:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e11d4859}.result-btn-copy{background:var(--bg-surface-subtle);border:1.5px solid var(--border-medium);color:var(--text-primary)}.result-btn-copy:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.result-btn-copy.copied{color:#fff;background:#059669;border-color:#059669}.result-btn-customize{border:1px solid var(--border-subtle);color:var(--text-secondary);background:0 0;font-weight:700}.result-btn-customize:hover,.result-btn-customize.active{background:var(--bg-surface-subtle);border-color:var(--border-medium);color:var(--text-primary)}.instant-alternatives-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.instant-alt-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.instant-alt-title-group{flex-direction:column;gap:.25rem;display:flex}.instant-alt-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);background:var(--primary-accent-subtle);border-radius:var(--radius-full);align-self:flex-start;align-items:center;padding:.15rem .55rem;font-size:.75rem;font-weight:800;display:inline-flex}.instant-alt-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:1.15rem;font-weight:800}.instant-alt-sub{color:var(--text-secondary);font-size:.85rem}.instant-alt-reroll-btn{border-radius:var(--radius-full);background:var(--bg-surface-subtle);border:1px solid var(--border-medium);min-height:38px;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.instant-alt-reroll-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:var(--primary-accent-subtle)}.instant-alt-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.instant-alt-item{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.instant-alt-item:hover{border-color:var(--primary-accent)}.instant-alt-glyphs{letter-spacing:.08em;cursor:pointer;-webkit-user-select:all;user-select:all;font-size:1.45rem}.instant-alt-actions{align-items:center;gap:.35rem;display:flex}.instant-alt-btn{border-radius:var(--radius-sm);min-height:32px;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.25rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.instant-alt-btn.edit-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);background:0 0}.instant-alt-btn.edit-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.instant-alt-btn.copy-btn{background:var(--primary-accent-subtle);border:1px solid var(--primary-accent);color:var(--primary-accent)}.instant-alt-btn.copy-btn:hover{background:var(--primary-accent);color:#fff}.instant-alt-btn.copy-btn.copied{color:#fff;background:#059669;border-color:#059669}.customizer-panel-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.5rem;padding:1.75rem;animation:.2s cubic-bezier(.16,1,.3,1) slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.customizer-panel-header{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.25rem;padding-bottom:.85rem;display:flex}.customizer-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.2rem;font-weight:800}.customizer-sub{color:var(--text-secondary);font-size:.85rem}.customizer-grid-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.customizer-control-col{flex-direction:column;gap:.4rem;display:flex}.customizer-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.82rem;font-weight:700}.customizer-btn-group{flex-wrap:wrap;gap:.35rem;display:flex}.customizer-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:38px;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.4rem .85rem;font-size:.82rem;font-weight:700}.customizer-btn:hover{border-color:var(--primary-accent);color:var(--text-primary)}.customizer-btn.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.customizer-select{background:var(--bg-surface-subtle);border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);min-height:40px;font-family:var(--font-sans);color:var(--text-primary);outline:none;padding:.45rem .85rem;font-size:.88rem;font-weight:600}.customizer-select:focus{border-color:var(--primary-accent)}.customizer-items-section{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.customizer-items-header{flex-direction:column;gap:.2rem;display:flex}.customizer-items-hint{color:var(--text-muted);font-size:.8rem}.customizer-items-list{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.customizer-item-chip{background:var(--bg-surface-subtle);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:.45rem;padding:.35rem .65rem;display:inline-flex}.customizer-item-chip.is-locked{border-color:var(--primary-accent);background:var(--primary-accent-subtle)}.customizer-item-glyph{font-size:1.4rem;line-height:1}.customizer-item-actions{align-items:center;gap:.15rem;display:flex}.customizer-item-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.15rem .25rem;font-size:.85rem;line-height:1}.customizer-item-btn:hover{color:var(--text-primary);background:var(--bg-surface)}.customizer-item-btn.lock-btn.locked{color:var(--primary-accent)}.customizer-item-btn:disabled{opacity:.25;cursor:not-allowed}.customizer-item-btn.del-btn:hover{color:#ef4444;background:#fef2f2}.customizer-add-item-btn{background:var(--bg-surface-subtle);border:1.5px dashed var(--border-medium);border-radius:var(--radius-md);min-height:42px;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.4rem .85rem;font-size:.82rem;font-weight:700}.customizer-add-item-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.customizer-transform-section{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.customizer-transform-buttons{flex-wrap:wrap;gap:.45rem;display:flex}.transform-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);min-height:38px;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.4rem .9rem;font-size:.82rem;font-weight:700}.transform-btn:hover{background:var(--primary-accent-subtle);border-color:var(--primary-accent);color:var(--primary-accent)}.vibe-matcher-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.vibe-matcher-header{flex-direction:column;gap:.25rem;display:flex}.vibe-matcher-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);background:var(--primary-accent-subtle);border-radius:var(--radius-full);align-items:center;gap:.35rem;width:fit-content;padding:.15rem .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.vibe-matcher-badge-dot{background:var(--primary-accent);border-radius:50%;width:6px;height:6px}.vibe-matcher-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:1.15rem;font-weight:800}.vibe-matcher-sub{color:var(--text-secondary);font-size:.85rem}.vibe-matcher-form{width:100%}.vibe-matcher-input-row{flex-wrap:wrap;gap:.5rem;display:flex}.vibe-matcher-input{background:var(--bg-surface-subtle);border:1.5px solid var(--border-medium);border-radius:var(--radius-full);min-width:200px;min-height:44px;font-family:var(--font-sans);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;flex:1;padding:.5rem 1rem;font-size:.92rem}.vibe-matcher-input:focus{border-color:var(--primary-accent)}.vibe-matcher-btn{background:var(--primary-accent);min-height:44px;color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.5rem 1.4rem;font-size:.88rem;font-weight:800}.vibe-matcher-btn:hover{transform:translateY(-1px)}.vibe-matcher-samples{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.vibe-samples-label{color:var(--text-muted);font-size:.78rem;font-weight:700}.vibe-samples-chips{flex-wrap:wrap;gap:.35rem;display:flex}.vibe-sample-chip{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.2rem .6rem;font-size:.78rem}.vibe-sample-chip:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.vibe-matcher-feedback{margin-top:.25rem}.vibe-match-success{border-radius:var(--radius-md);color:#065f46;background:#05966914;border:1px solid #05966933;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.88rem;display:flex}.vibe-match-icon{font-size:1rem;font-weight:800}.vibe-match-terms{color:#047857;margin-top:.15rem;font-size:.78rem;display:block}.vibe-match-empty{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);padding:.75rem 1rem;font-size:.85rem}.bulk-generator-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.bulk-generator-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.bulk-title-group{flex-direction:column;gap:.25rem;display:flex}.bulk-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);background:var(--primary-accent-subtle);border-radius:var(--radius-full);width:fit-content;padding:.15rem .5rem;font-size:.72rem;font-weight:800}.bulk-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:1.15rem;font-weight:800}.bulk-sub{color:var(--text-secondary);font-size:.85rem}.bulk-action-buttons{gap:.4rem;display:flex}.bulk-count-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);min-height:38px;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.4rem .95rem;font-size:.82rem;font-weight:700}.bulk-count-btn:hover,.bulk-count-btn.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.bulk-results-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;display:grid}.bulk-result-item{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.bulk-result-glyphs{letter-spacing:.08em;font-size:1.5rem;line-height:1}.bulk-item-actions{gap:.35rem;display:flex}.bulk-item-select-btn,.bulk-item-copy-btn{border-radius:var(--radius-sm);min-height:32px;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);padding:.25rem .65rem;font-size:.78rem;font-weight:700}.bulk-item-select-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary)}.bulk-item-select-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.bulk-item-copy-btn{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-primary)}.bulk-item-copy-btn:hover{background:var(--primary-accent-subtle);border-color:var(--primary-accent);color:var(--primary-accent)}.bulk-item-copy-btn.copied{color:#fff;background:#059669;border-color:#059669}.generator-preview-section{flex-direction:column;gap:1.25rem;display:flex}.generator-preview-header{flex-direction:column;gap:.25rem;display:flex}.generator-preview-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);font-size:.75rem;font-weight:800}.generator-preview-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:1.25rem;font-weight:800}.generator-preview-sub{color:var(--text-secondary);font-size:.88rem}.generator-preview-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;display:grid}.generator-mockup-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5rem;display:flex}.mockup-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.mockup-type-pill{background:var(--primary-accent-subtle);color:var(--primary-accent);border-radius:var(--radius-full);padding:.2rem .55rem;font-size:.75rem;font-weight:700}.mockup-meta{color:var(--text-muted);font-size:.75rem}.mockup-content-box{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex:1;margin-bottom:1.25rem;padding:1.25rem}.mockup-profile-avatar{width:40px;height:40px;color:var(--primary-accent);background:linear-gradient(135deg,#fce7f3,#e0e7ff);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;font-size:1.2rem;display:flex}.mockup-profile-details{flex-direction:column;gap:.15rem;display:flex}.mockup-user-name{color:var(--text-primary);font-size:1rem;font-weight:700}.mockup-user-handle{color:var(--text-muted);font-size:.78rem}.mockup-bio-text{font-family:var(--font-sans);color:var(--text-primary);white-space:pre-wrap;margin-top:.35rem;font-size:.85rem;line-height:1.5}.mockup-caption-img{border-radius:var(--radius-sm);background:linear-gradient(135deg,#fce7f3,#fed7aa);justify-content:center;align-items:center;height:120px;margin-bottom:.75rem;display:flex}.caption-img-watermark{letter-spacing:.1em;filter:drop-shadow(0 2px 4px #0000001a);font-size:1.8rem}.mockup-caption-text{color:var(--text-primary);font-size:.88rem;line-height:1.5}.mockup-copy-btn{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-full);width:100%;min-height:38px;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.mockup-copy-btn:hover{background:var(--primary-accent-subtle);border-color:var(--primary-accent);color:var(--primary-accent)}.mockup-copy-btn.copied{color:#fff;background:#059669;border-color:#059669}.generator-history-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.history-title-group{flex-direction:column;gap:.2rem;display:flex}.history-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.72rem;font-weight:800}.history-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:1.15rem;font-weight:800}.history-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.78rem;font-weight:600}.history-clear-btn:hover{color:#ef4444}.history-items-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;display:grid}.history-item-row{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.4rem .65rem;display:flex}.history-item-glyph-btn{letter-spacing:.05em;cursor:pointer;background:0 0;border:none;font-size:1.25rem}.history-item-copy-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.history-item-copy-btn:hover{color:var(--primary-accent);border-color:var(--primary-accent)}.history-item-copy-btn.copied{color:#fff;background:#059669;border-color:#059669}.generator-info-section{flex-direction:column;gap:2rem;margin:2.5rem 0;display:flex}.generator-info-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem}.info-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);margin-bottom:.35rem;font-size:.75rem;font-weight:800}.info-heading{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.4rem;font-size:1.35rem;font-weight:800}.info-sub{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.92rem;line-height:1.5}.generator-principles-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.generator-principle-item{flex-direction:column;gap:.35rem;display:flex}.principle-num{color:var(--primary-accent);font-size:1.25rem;font-weight:900;font-family:var(--font-heading)}.principle-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.05rem;font-weight:700}.principle-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.principle-desc code{background:var(--bg-surface-subtle);border-radius:var(--radius-sm);color:var(--primary-accent);padding:.15rem .35rem;font-size:.95em}.info-guide-body{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.device-diff-card{border-left:4px solid var(--primary-accent)}.device-tip{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);margin-top:1rem;padding:.85rem 1.15rem}.generator-faq-section{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.generator-faq-header{flex-direction:column;gap:.35rem;display:flex}.faq-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);font-size:.78rem;font-weight:800}.faq-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:1.35rem;font-weight:800}.faq-sub{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.generator-faq-list{flex-direction:column;gap:.75rem;display:flex}.generator-faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.generator-faq-item[open]{border-color:var(--border-medium)}.generator-faq-summary{font-family:var(--font-heading);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:1.15rem 1.35rem;font-size:1.02rem;font-weight:700;list-style:none;display:flex}.generator-faq-summary::-webkit-details-marker{display:none}.generator-faq-icon{color:var(--text-muted);transition:transform var(--transition-fast);font-size:1.25rem;line-height:1}.generator-faq-item[open] .generator-faq-icon{transform:rotate(45deg)}.generator-faq-answer{color:var(--text-secondary);padding:0 1.35rem 1.25rem;font-size:.92rem;line-height:1.6}.generator-toast{z-index:500;background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-family:var(--font-sans);pointer-events:none;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;animation:.2s cubic-bezier(.16,1,.3,1) toastSlideUp;display:flex;position:fixed;bottom:2rem;right:2rem}@media (max-width:640px){.generator-toast{justify-content:center;bottom:1.25rem;left:1.25rem;right:1.25rem}}.generator-toast-icon{color:#fff;background:#059669;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex}.generator-studio-container{flex-direction:column;gap:2.25rem;width:100%;max-width:1200px;margin:0 auto 3rem;display:flex}.generator-layout-grid{grid-template-columns:1fr 1fr 1fr;align-items:stretch;gap:1.5rem;display:grid}@media (max-width:1024px){.generator-layout-grid{grid-template-columns:1fr;gap:1.5rem}}.step-badge{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:800;display:inline-flex}.anchor-picker-card,.theme-selector-card,.generator-controls-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;padding:1.5rem;display:flex}.anchor-picker-card:hover,.theme-selector-card:hover,.generator-controls-card:hover{border-color:var(--border-medium)}.anchor-picker-header,.theme-selector-header,.controls-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.anchor-header-title-group,.theme-header-title-group,.controls-header-title-group{align-items:center;gap:.6rem;display:flex}.anchor-picker-title,.theme-selector-title,.controls-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:800}.optional-tag{color:var(--text-muted);font-size:.75rem;font-weight:600}.clear-anchor-btn{border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.clear-anchor-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--primary-accent)}.anchor-picker-subtitle,.theme-selector-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:.88rem;line-height:1.5}.active-anchor-banner{background:var(--bg-secondary);border:1.5px solid var(--border-medium);border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:.9rem 1rem;display:flex}.active-anchor-preview{align-items:center;gap:.9rem;display:flex}.active-anchor-glyph{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:48px;height:48px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:2rem;line-height:1;display:flex}.active-anchor-text{flex-direction:column;gap:.15rem;display:flex}.active-anchor-label{text-transform:uppercase;letter-spacing:.04em;color:var(--primary-accent);font-size:.75rem;font-weight:800}.active-anchor-desc{color:var(--text-secondary);margin:0;font-size:.85rem}.smart-theme-suggestions{border-top:1px dashed var(--border-subtle);flex-direction:column;gap:.4rem;padding-top:.6rem;display:flex}.suggestions-label{color:var(--text-muted);font-size:.78rem;font-weight:700}.suggestions-pills{flex-wrap:wrap;gap:.4rem;display:flex}.suggestion-pill{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.suggestion-pill:hover{border-color:var(--primary-accent);background:var(--bg-secondary)}.suggestion-pill-active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.anchor-quick-picks-section{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.quick-picks-label{color:var(--text-muted);font-size:.8rem;font-weight:700}.quick-picks-grid{flex-wrap:wrap;gap:.4rem;display:flex}.quick-pick-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.quick-pick-btn:hover{border-color:var(--border-medium);transform:translateY(-1px)}.quick-pick-btn-selected{background:var(--bg-surface);border-color:var(--primary-accent);box-shadow:0 0 0 2px var(--primary-accent)}.quick-pick-no-anchor{width:auto;color:var(--text-secondary);padding:0 .75rem;font-size:.82rem;font-weight:700}.anchor-browser-toggle{margin-top:auto;padding-top:.5rem}.toggle-browser-btn{background:var(--bg-secondary);border:1px dashed var(--border-medium);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.6rem .85rem;font-size:.82rem;font-weight:700}.toggle-browser-btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--primary-accent)}.anchor-browser-panel{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.75rem;margin-top:.85rem;padding-top:.75rem;display:flex}.anchor-search-wrapper{align-items:center;display:flex;position:relative}.anchor-search-input{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--text-primary);padding:.55rem 2rem .55rem .75rem;font-size:.85rem}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.8rem;position:absolute;right:.5rem}.anchor-cat-tabs{flex-wrap:wrap;gap:.35rem;display:flex}.cat-tab-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.cat-tab-btn-active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.anchor-results-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:.4rem;max-height:220px;padding-right:.25rem;display:grid;overflow-y:auto}.anchor-grid-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .25rem;display:flex}.anchor-grid-item:hover{border-color:var(--border-medium);background:var(--bg-surface)}.anchor-grid-item-selected{background:var(--bg-surface);border-color:var(--primary-accent);box-shadow:0 0 0 1.5px var(--primary-accent)}.anchor-glyph{font-size:1.4rem;line-height:1}.anchor-name{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.65rem;overflow:hidden}.anchor-no-results{text-align:center;color:var(--text-muted);padding:1.5rem .5rem;font-size:.85rem}.current-theme-badge{color:var(--text-secondary);font-size:.82rem}.themes-chips-grid,.additional-themes-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.45rem;margin-bottom:.85rem;display:grid}.theme-chip-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;align-items:center;gap:.4rem;padding:.55rem .65rem;font-size:.85rem;font-weight:700;display:flex}.theme-chip-btn:hover{border-color:var(--border-medium);background:var(--bg-surface)}.theme-chip-btn-active{background:var(--bg-surface);border-color:var(--primary-accent);box-shadow:0 0 0 2px var(--primary-accent)}.theme-chip-icon{font-size:1.15rem;line-height:1}.more-themes-toggle-wrapper{margin-top:auto;padding-top:.5rem}.toggle-more-themes-btn{background:var(--bg-secondary);border:1px dashed var(--border-medium);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.55rem .85rem;font-size:.82rem;font-weight:700}.toggle-more-themes-btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--primary-accent)}.surprise-me-btn{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.35rem .75rem;font-size:.8rem;font-weight:700}.surprise-me-btn:hover{background:var(--bg-surface);border-color:var(--primary-accent)}.main-options-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.control-group{flex-direction:column;gap:.45rem;display:flex}.control-label{color:var(--text-muted);font-size:.82rem;font-weight:700}.segmented-control{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:.2rem;padding:.2rem;display:flex}.segmented-btn{border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;flex:1;padding:.45rem 0;font-size:.85rem;font-weight:700}.segmented-btn:hover{color:var(--text-primary)}.segmented-btn-active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.presets-row{flex-direction:column;gap:.45rem;margin-bottom:1rem;display:flex}.presets-label{color:var(--text-muted);font-size:.8rem;font-weight:700}.presets-pills{flex-wrap:wrap;gap:.4rem;display:flex}.preset-pill{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.35rem .65rem;font-size:.78rem;font-weight:700}.preset-pill:hover{border-color:var(--border-medium);color:var(--text-primary)}.preset-pill-active{background:var(--bg-surface);border-color:var(--primary-accent);color:var(--primary-accent);box-shadow:var(--shadow-sm)}.advanced-settings-wrapper{margin-bottom:1.25rem}.advanced-toggle-btn{color:var(--primary-accent);cursor:pointer;text-align:left;background:0 0;border:none;padding:.4rem 0;font-size:.82rem;font-weight:700}.advanced-settings-panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:.85rem;margin-top:.4rem;padding:1rem;display:flex}.advanced-option-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.advanced-option-info{flex-direction:column;gap:.15rem;display:flex}.option-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.option-desc{color:var(--text-muted);font-size:.75rem;line-height:1.4}.toggle-switch{background:var(--border-medium);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background var(--transition-fast);border:none;flex-shrink:0;padding:2px;position:relative}.toggle-switch-on{background:var(--primary-accent)}.toggle-slider{width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);background:#fff;border-radius:50%;display:block}.toggle-switch-on .toggle-slider{transform:translate(20px)}.spacing-segmented{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.2rem;display:flex}.spacing-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.3rem .65rem;font-size:.78rem;font-weight:700}.spacing-btn-active{background:var(--bg-secondary);color:var(--text-primary)}.generate-cta-section{flex-direction:column;align-items:center;gap:.6rem;margin-top:auto;display:flex}.primary-generate-btn{background:var(--primary-accent);width:100%;color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.5rem;font-size:1.05rem;font-weight:800;display:flex}.primary-generate-btn:hover{box-shadow:var(--shadow-lg);filter:brightness(1.05);transform:translateY(-2px)}.generate-btn-icon{font-size:1.25rem}.state-summary-text{color:var(--text-muted);text-align:center;font-size:.8rem;font-weight:600}.results-grid-section{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.results-header-bar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.results-title-group{align-items:center;gap:.75rem;display:flex}.results-heading{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:800}.results-theme-tag{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--primary-accent);align-items:center;padding:.25rem .65rem;font-size:.78rem;font-weight:800;display:inline-flex}.results-actions-group{align-items:center;gap:.6rem;display:flex}.copy-all-btn,.generate-again-btn{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);padding:.55rem 1rem;font-size:.85rem;font-weight:700}.copy-all-btn{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary)}.copy-all-btn:hover{background:var(--bg-surface);border-color:var(--primary-accent)}.generate-again-btn{background:var(--primary-accent);border:1px solid var(--primary-accent);color:var(--text-inverse)}.generate-again-btn:hover{filter:brightness(1.08)}.combo-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.generated-combo-card{background:var(--bg-secondary);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;display:flex}.generated-combo-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.combo-display-area{justify-content:center;align-items:center;width:100%;min-height:64px;display:flex}.combo-glyphs{letter-spacing:.15em;text-align:center;-webkit-user-select:all;user-select:all;font-size:2.1rem;line-height:1.2}.combo-card-actions{align-items:center;gap:.5rem;width:100%;display:flex}.combo-action-btn{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.copy-card-btn{background:var(--primary-accent);color:var(--text-inverse);flex:1}.copy-card-btn:hover{filter:brightness(1.08)}.copy-card-btn-copied{background:#059669}.edit-card-btn{background:var(--bg-surface);border-color:var(--border-medium);color:var(--text-primary)}.edit-card-btn:hover{border-color:var(--primary-accent)}.fav-card-btn{background:var(--bg-surface);border-color:var(--border-subtle);width:38px;height:38px;padding:0;font-size:1rem}.fav-card-btn:hover{border-color:var(--border-medium)}.fav-card-btn-active{border-color:#ef4444}.combo-editor-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:600;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.combo-editor-container{background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-xl);flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex;overflow-y:auto}.editor-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.editor-title-group{align-items:center;gap:.75rem;display:flex}.editor-icon{font-size:1.5rem}.editor-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.editor-subtitle{color:var(--text-secondary);font-size:.82rem}.editor-close-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:.95rem;display:flex}.editor-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.editor-preview-card{background:var(--bg-secondary);border:1.5px solid var(--border-medium);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;display:flex}.preview-glyphs{letter-spacing:.15em;-webkit-user-select:all;user-select:all;font-size:2.5rem}.preview-actions-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.preview-spacing-toggle{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.2rem;display:flex}.spacing-mini-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.spacing-mini-btn-active{background:var(--bg-secondary);color:var(--text-primary)}.preview-copy-btn{background:var(--primary-accent);color:var(--text-inverse);border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.preview-copy-btn-copied{background:#059669}.editor-items-section{flex-direction:column;gap:.85rem;display:flex}.editor-section-header{justify-content:space-between;align-items:center;display:flex}.editor-section-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:800}.reroll-unlocked-btn{border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--primary-accent);cursor:pointer;background:0 0;padding:.3rem .75rem;font-size:.78rem;font-weight:700}.reroll-unlocked-btn:hover{background:var(--bg-secondary)}.editor-items-list{flex-direction:column;gap:.5rem;display:flex}.editor-item-row{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}.editor-item-row-locked{background:#f59e0b0d;border-color:#f59e0b}.editor-glyph{font-size:1.6rem;line-height:1}.editor-item-actions{align-items:center;gap:.35rem;display:flex}.item-action-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.25rem;padding:.35rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.item-action-btn:hover:not(:disabled){border-color:var(--border-medium);color:var(--text-primary)}.item-action-btn:disabled{opacity:.4;cursor:not-allowed}.lock-btn-active{color:#d97706;background:#f59e0b1a;border-color:#f59e0b}.move-btn{width:32px;padding:.35rem 0}.remove-btn{color:#ef4444;width:32px;padding:.35rem 0}.remove-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.add-item-wrapper{flex-direction:column;gap:.6rem;display:flex}.add-emoji-btn{background:var(--bg-secondary);border:1.5px dashed var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.65rem;font-size:.85rem;font-weight:700}.add-emoji-btn:hover{background:var(--bg-surface);color:var(--primary-accent);border-color:var(--primary-accent)}.add-emoji-palette{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.palette-label{color:var(--text-muted);font-size:.78rem}.palette-grid{flex-wrap:wrap;gap:.4rem;display:flex}.editor-footer{border-top:1px solid var(--border-subtle);padding-top:1rem}.editor-done-btn{background:var(--primary-accent);width:100%;color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.85rem;font-size:.95rem;font-weight:800}.editor-done-btn:hover{filter:brightness(1.08)}.generator-history-section{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.history-header{justify-content:space-between;align-items:center;display:flex}.history-title-group{align-items:center;gap:.6rem;display:flex}.history-icon{font-size:1.15rem}.history-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:800}.history-count-tag{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;padding:.15rem .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.clear-history-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700}.clear-history-btn:hover{color:#ef4444}.history-chips-grid{flex-wrap:wrap;gap:.6rem;display:flex}.history-combo-chip{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.45rem .75rem;display:inline-flex}.history-combo-chip:hover{border-color:var(--border-medium)}.history-glyphs{cursor:pointer;-webkit-user-select:all;user-select:all;font-size:1.25rem}.history-copy-mini-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:.15rem;font-size:.85rem}.history-copy-mini-btn:hover{color:var(--text-primary)}.history-copy-mini-btn-copied{color:#059669}.generator-informational-section{flex-direction:column;gap:3rem;width:100%;max-width:1200px;margin:0 auto 3rem;display:flex}.theme-examples-showcase{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.75rem;padding:2.25rem;display:flex}.examples-header{flex-direction:column;gap:.4rem;display:flex}.examples-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:800}.examples-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.examples-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;display:grid}.example-theme-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem 1rem;display:flex}.example-theme-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.example-card-glyphs{font-size:1.8rem;line-height:1.2}.example-card-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:800}.example-card-desc{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.4}.examples-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding-top:.5rem;display:flex}.browse-combos-cta,.browse-aesthetic-cta{color:var(--primary-accent);text-underline-offset:4px;transition:opacity var(--transition-fast);font-size:.9rem;font-weight:700;text-decoration:underline}.browse-combos-cta:hover,.browse-aesthetic-cta:hover{opacity:.8}.guide-content-grid{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}@media (max-width:768px){.guide-content-grid{grid-template-columns:1fr}}.guide-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:.85rem;padding:1.75rem;display:flex}.guide-icon-wrapper{border-radius:var(--radius-lg);background:var(--bg-secondary);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.guide-card-title{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:800}.guide-card-text{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.6}.guide-list{color:var(--text-secondary);flex-direction:column;gap:.45rem;margin:0;padding-left:1.25rem;font-size:.9rem;line-height:1.5;display:flex}.inline-code{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:.15rem .4rem;font-family:monospace;font-size:.9em}.coquette-main-layout{padding-bottom:4rem}.coquette-hero-section{text-align:center;margin-bottom:2.5rem}.coquette-pill{color:#db2777;background:#ec48991a;border:1px solid #ec489940}.coquette-studio-container{flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto 3rem;display:flex}.coquette-content-switcher{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:fit-content;margin:0 auto;padding:.35rem .5rem;display:flex}.content-switch-btn{border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.88rem;font-weight:700;display:inline-flex}.content-switch-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.content-switch-btn-active{background:var(--primary-accent);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.content-switch-btn-active:hover{background:var(--primary-accent);color:var(--text-inverse)}.switch-icon{font-size:1rem;line-height:1}.switch-count-badge{border-radius:var(--radius-full);background:#00000014;justify-content:center;align-items:center;padding:.1rem .45rem;font-size:.72rem;display:inline-flex}.content-switch-btn-active .switch-count-badge{color:#fff;background:#ffffff40}.coquette-filters-container{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.coquette-search-wrapper{align-items:center;width:100%;display:flex;position:relative}.coquette-search-wrapper .search-icon{color:var(--text-muted);pointer-events:none;font-size:.95rem;position:absolute;left:.9rem}.coquette-search-input{background:var(--bg-input);border:1.5px solid var(--border-medium);border-radius:var(--radius-full);width:100%;font-family:var(--font-sans);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.7rem 2.2rem .7rem 2.5rem;font-size:.92rem}.coquette-search-input:focus{border-color:var(--primary-accent);outline:none;box-shadow:0 0 0 3px #ec489926}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.95rem;line-height:1;position:absolute;right:.85rem}.search-clear-btn:hover{color:var(--text-primary)}.coquette-tabs-scroll{-webkit-overflow-scrolling:touch;align-items:center;gap:.5rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.coquette-tab-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.84rem;font-weight:700;display:flex}.coquette-tab-btn:hover{color:#db2777;background:#fdf2f8;border-color:#ec4899;transform:translateY(-1px)}.coquette-tab-btn.active{color:#fff;background:#ec4899;border-color:#ec4899;box-shadow:0 2px 8px #ec489940}.coquette-tab-btn.active .coquette-tab-pill-count{color:#fff;background:#ffffff40}.coquette-tab-icon{font-size:1rem;line-height:1}.coquette-tab-label{font-weight:700}.coquette-tab-pill-count{border-radius:var(--radius-full);color:var(--text-muted);background:#0000000f;padding:.1rem .45rem;font-size:.72rem;font-weight:800}.coquette-category-header{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);flex-direction:column;gap:.35rem;padding:1.25rem 1.5rem;display:flex}.coquette-category-title-wrap{align-items:center;gap:.65rem;display:flex}.coquette-category-icon-large{font-size:1.5rem;line-height:1}.coquette-category-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.coquette-category-desc{color:var(--text-secondary);margin:0;font-size:.9rem}.coquette-grid-section{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.section-header-compact,.section-header-with-filter{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.85rem;display:flex}.section-title-compact{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:800}.section-hint-badge{color:var(--text-muted);font-size:.8rem;font-weight:600}.coquette-empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1rem;font-size:.95rem}.coquette-cards-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem;display:grid}.coquette-item-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-xs);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:.75rem;padding:1rem .75rem;display:flex;position:relative}.coquette-item-card:hover{border-color:#ec4899;transform:translateY(-2px);box-shadow:0 4px 16px #ec489926}.coquette-item-card.copied-highlight{background:#0596690f!important;border-color:#059669!important;box-shadow:0 0 16px #05966940!important}.coquette-glyph-display{cursor:pointer;flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex;position:relative}.coquette-glyph{transition:transform var(--transition-fast);font-size:2.5rem;line-height:1.1}.coquette-glyph-display:hover .coquette-glyph{transform:scale(1.12)}.coquette-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.82rem;font-weight:700;overflow:hidden}.coquette-category-tag{text-transform:uppercase;letter-spacing:.04em;color:#db2777;border-radius:var(--radius-full);background:#ec489914;padding:.15rem .45rem;font-size:.68rem;font-weight:800}.coquette-card-actions{align-items:center;gap:.35rem;width:100%;display:flex}.card-copy-btn{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:.45rem .5rem;font-size:.78rem;font-weight:700}.card-copy-btn:hover{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.card-copy-btn-copied{color:#fff!important;background:#059669!important;border-color:#059669!important}.card-add-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.45rem .6rem;font-size:.78rem;font-weight:700}.card-add-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.card-fav-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:.85rem;display:flex}.card-fav-btn:hover{border-color:var(--border-medium)}.coquette-toolbar-actions{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1.25rem 0 1.75rem;padding:.85rem 1.25rem;display:flex}.coquette-toolbar-actions .toolbar-left-stats .results-count-pill{color:var(--text-secondary);font-size:.88rem;font-weight:600}.coquette-toolbar-actions .toolbar-left-stats .results-count-pill strong{color:#db2777;font-weight:800}.coquette-toolbar-actions .toolbar-right-btns{align-items:center;gap:.65rem;display:flex}.coquette-toolbar-actions .toolbar-surprise-btn,.coquette-toolbar-actions .toolbar-batch-copy-btn{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex}.coquette-toolbar-actions .toolbar-surprise-btn{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary)}.coquette-toolbar-actions .toolbar-surprise-btn:hover{background:var(--bg-surface-subtle);color:#db2777;border-color:#ec4899;transform:translateY(-1px)}.coquette-toolbar-actions .toolbar-batch-copy-btn{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary)}.coquette-toolbar-actions .toolbar-batch-copy-btn:hover{color:#fff;background:#ec4899;border-color:#ec4899;transform:translateY(-1px)}.combo-length-filter{align-items:center;gap:.35rem;display:flex}.length-filter-label{color:var(--text-muted);font-size:.8rem;font-weight:700}.length-pill-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.25rem .6rem;font-size:.75rem;font-weight:700}.length-pill-btn-active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.coquette-combos-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;display:grid}.coquette-combo-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:.85rem;padding:1.25rem 1rem;display:flex;position:relative}.coquette-combo-card:hover{border-color:#ec4899;transform:translateY(-2px);box-shadow:0 4px 16px #ec489926}.coquette-combo-card.copied-highlight{background:#0596690f!important;border-color:#059669!important;box-shadow:0 0 16px #05966940!important}.combo-card-main{cursor:pointer;border-radius:var(--radius-md);width:100%;min-height:52px;transition:background var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.25rem;display:flex;position:relative}.combo-card-main:hover{background:var(--bg-surface-subtle)}.coquette-combo-card .combo-glyphs{letter-spacing:.1em;-webkit-user-select:all;user-select:all;text-align:center;font-size:1.9rem}.coquette-combo-card .combo-name{color:var(--text-secondary);font-size:.82rem;font-weight:700}.coquette-symbols-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem;display:grid}.coquette-symbol-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:.75rem;padding:1rem .75rem;display:flex;position:relative}.coquette-symbol-card:hover{border-color:#ec4899;transform:translateY(-2px);box-shadow:0 4px 16px #ec489926}.coquette-symbol-card.copied-highlight{background:#0596690f!important;border-color:#059669!important;box-shadow:0 0 16px #05966940!important}.symbol-glyph-box{cursor:pointer;flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex;position:relative}.symbol-glyph{color:var(--text-primary);transition:transform var(--transition-fast);font-family:serif,sans-serif;font-size:2.2rem;line-height:1.1}.symbol-glyph-box:hover .symbol-glyph{color:#db2777;transform:scale(1.15)}.symbol-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8rem;font-weight:700;overflow:hidden}.symbol-card-actions{align-items:center;gap:.35rem;width:100%;display:flex}.coquette-decorations-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.coquette-decoration-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:.85rem;padding:1.25rem 1rem;display:flex;position:relative}.coquette-decoration-card:hover{border-color:#ec4899;box-shadow:0 4px 16px #ec489926}.coquette-decoration-card.copied-highlight{background:#0596690f!important;border-color:#059669!important;box-shadow:0 0 16px #05966940!important}.decoration-display-area{cursor:pointer;border-radius:var(--radius-md);width:100%;min-height:48px;transition:background var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.4rem;display:flex;position:relative}.decoration-display-area:hover{background:var(--bg-surface-subtle)}.decoration-value{color:var(--text-primary);-webkit-user-select:all;user-select:all;text-align:center;max-width:100%;font-size:1.25rem;font-weight:700;overflow-x:auto}.decoration-name{color:var(--text-muted);font-size:.8rem}.decoration-actions{align-items:center;gap:.5rem;width:100%;display:flex}.coquette-builder-widget{background:var(--bg-surface);border-radius:var(--radius-2xl);border:2px solid #fbcfe8;flex-direction:column;gap:1.75rem;padding:2rem;display:flex;box-shadow:0 10px 30px -5px #ec489914}.coquette-builder-header{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:1.25rem;padding-bottom:1.5rem;display:flex}.builder-pill-tag{border-radius:var(--radius-full);color:#db2777;text-transform:uppercase;letter-spacing:.05em;background:#fdf2f8;border:1px solid #fbcfe8;align-items:center;gap:.35rem;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:800;display:inline-flex}.builder-main-title{color:var(--text-primary);margin:0 0 .4rem;font-size:1.5rem;font-weight:800}.builder-main-desc{color:var(--text-secondary);max-width:720px;margin:0;font-size:.92rem;line-height:1.5}.builder-examples-box{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.builder-examples-label{color:var(--text-muted);font-size:.8rem;font-weight:700}.builder-examples-chips{flex-wrap:wrap;gap:.45rem;display:flex}.builder-example-chip{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.builder-example-chip:hover{color:#db2777;background:#fdf2f8;border-color:#ec4899}.builder-example-chip.active{color:#db2777;background:#fdf2f8;border-color:#ec4899;font-weight:700}.coquette-builder-controls{flex-direction:column;gap:1.25rem;display:flex}.builder-control-row{flex-direction:column;gap:.5rem;display:flex}.builder-field-label{color:var(--text-primary);font-size:.85rem;font-weight:700}.builder-style-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.builder-style-btn{background:var(--bg-secondary);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.88rem;font-weight:700;display:inline-flex}.builder-style-btn:hover{color:#db2777;background:#fdf2f8;border-color:#ec4899;transform:translateY(-1px)}.builder-style-btn.selected{color:#fff;background:#ec4899;border-color:#ec4899;box-shadow:0 4px 12px #ec489940}.builder-subcontrols-split{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.builder-length-group,.builder-toggle-group{flex-wrap:wrap;gap:.4rem;display:flex}.builder-len-btn,.builder-toggle-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.45rem .85rem;font-size:.82rem;font-weight:700}.builder-len-btn:hover,.builder-toggle-btn:hover{color:#db2777;border-color:#ec4899}.builder-len-btn.selected,.builder-toggle-btn.selected{color:#db2777;background:#fdf2f8;border-color:#ec4899;font-weight:800}.coquette-builder-output-card{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#fff5f8 0%,#fff 100%);border:2px dashed #f472b6;flex-direction:column;align-items:center;gap:1.25rem;padding:1.75rem;display:flex}.builder-output-top{justify-content:space-between;align-items:center;width:100%;display:flex}.builder-output-badge{text-transform:uppercase;letter-spacing:.06em;color:#db2777;font-size:.75rem;font-weight:800}.builder-output-reset{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.78rem;font-weight:700}.builder-output-reset:hover{color:#ef4444}.builder-output-string{letter-spacing:.12em;color:var(--text-primary);-webkit-user-select:all;user-select:all;cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast);word-break:break-word;padding:.5rem 1rem;font-size:2.2rem;font-weight:700}.builder-output-string:hover{background:#ec489914;transform:scale(1.02)}.builder-output-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.builder-action-btn{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.6rem 1.4rem;font-size:.88rem;font-weight:800}.builder-action-btn.copy-btn{color:#fff;background:#ec4899;box-shadow:0 4px 12px #ec48994d}.builder-action-btn.copy-btn:hover{background:#db2777;transform:translateY(-1px)}.builder-action-btn.copy-btn.copied{background:#059669;box-shadow:0 4px 12px #0596694d}.builder-action-btn.shuffle-btn{background:var(--bg-surface);color:var(--text-primary);border:1.5px solid var(--border-medium)}.builder-action-btn.shuffle-btn:hover{color:#db2777;border-color:#ec4899}.builder-action-btn.tray-btn{color:#db2777;background:#fdf2f8;border:1.5px solid #fbcfe8}.builder-action-btn.tray-btn:hover{background:#fce7f3;border-color:#ec4899}.item-fav-btn{cursor:pointer;opacity:.6;transition:all var(--transition-fast);background:0 0;border:none;font-size:.85rem;position:absolute;top:.5rem;right:.5rem}.item-fav-btn:hover,.item-fav-btn.active{opacity:1;transform:scale(1.15)}.card-tray-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.45rem .6rem;font-size:.78rem;font-weight:700}.card-tray-btn:hover{color:#db2777;background:#fdf2f8;border-color:#ec4899}.coquette-mini-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;display:grid}.coquette-mini-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.75rem .4rem;display:flex}.coquette-mini-btn:hover{background:#fdf2f8;border-color:#ec4899;transform:translateY(-2px)}.coquette-mini-btn.copied{background:#ecfdf5;border-color:#059669}.coquette-mini-glyph{font-size:1.5rem;line-height:1}.coquette-mini-label{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.65rem;overflow:hidden}.empty-clear-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:#ec4899;border:none;margin-top:.75rem;padding:.45rem 1rem;font-size:.82rem;font-weight:700}.coquette-combos-section,.coquette-decorations-section{flex-direction:column;gap:1.75rem;margin:3rem 0;display:flex}.coquette-mood-tabs-row,.coquette-deco-types-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.coquette-mood-tab,.coquette-deco-tab{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex}.coquette-mood-tab:hover,.coquette-deco-tab:hover{color:#db2777;background:#fdf2f8;border-color:#ec4899;transform:translateY(-1px)}.coquette-mood-tab.active,.coquette-deco-tab.active{color:#fff;background:#ec4899;border-color:#ec4899;box-shadow:0 2px 8px #ec489940}.combo-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.combo-mood-badge{text-transform:uppercase;letter-spacing:.04em;color:#db2777;border-radius:var(--radius-full);background:#fdf2f8;padding:.15rem .5rem;font-size:.72rem;font-weight:800}.combo-fav-btn{cursor:pointer;opacity:.6;transition:all var(--transition-fast);background:0 0;border:none;font-size:.85rem}.combo-fav-btn:hover,.combo-fav-btn.active{opacity:1;transform:scale(1.15)}.combo-actions{align-items:center;gap:.4rem;width:100%;display:flex}.combo-copy-btn,.decoration-copy-btn{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:.45rem .75rem;font-size:.8rem;font-weight:700}.combo-copy-btn:hover,.decoration-copy-btn:hover{color:#fff;background:#ec4899;border-color:#ec4899}.combo-copy-btn.copied,.decoration-copy-btn.copied{color:#fff!important;background:#059669!important;border-color:#059669!important}.combo-tray-btn,.decoration-tray-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.45rem .65rem;font-size:.8rem;font-weight:700}.combo-tray-btn:hover,.decoration-tray-btn:hover{color:#db2777;background:#fdf2f8;border-color:#ec4899}.guide-ext-link{color:#db2777;text-underline-offset:3px;transition:color var(--transition-fast);font-weight:700;text-decoration:underline}.guide-ext-link:hover{color:#be185d}.cross-links-subtitle{text-align:center;color:var(--text-secondary);margin:-.5rem 0 1rem;font-size:.9rem}.coquette-informational-section{flex-direction:column;gap:3rem;width:100%;max-width:1200px;margin:0 auto 3rem;display:flex}.guide-card-subtext{color:var(--text-muted);margin:.5rem 0 0;font-size:.8rem;line-height:1.4}.coquette-cross-links-box{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.5rem;padding:2.25rem;display:flex}.cross-links-title{color:var(--text-primary);text-align:center;margin:0;font-size:1.35rem;font-weight:800}.cross-links-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.cross-link-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;gap:.9rem;padding:1rem 1.25rem;text-decoration:none;display:flex}.cross-link-card:hover{box-shadow:var(--shadow-sm);background:#fdf2f8;border-color:#ec4899;transform:translateY(-2px)}.cross-link-icon{font-size:1.75rem;line-height:1}.cross-link-name{color:var(--text-primary);font-size:.95rem;font-weight:800;display:block}.cross-link-desc{color:var(--text-muted);font-size:.78rem;line-height:1.4;display:block}.coquette-faq-section{width:100%;max-width:1200px;margin:0 auto}.global-search-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0d0c10a6;justify-content:center;align-items:flex-start;padding:3.5rem 1rem 1.5rem;animation:.18s cubic-bezier(.16,1,.3,1) searchFadeIn;display:flex;position:fixed;inset:0}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}.global-search-dialog{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);width:100%;max-width:680px;max-height:82vh;box-shadow:var(--shadow-2xl);flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) searchSlideUp;display:flex;overflow:hidden}@keyframes searchSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.global-search-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.search-dialog-icon{opacity:.6;font-size:1.15rem}.global-search-input{font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1.05rem;font-weight:500}.global-search-input::placeholder{color:var(--text-muted);font-size:.95rem}.search-clear-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.75rem;display:flex}.search-clear-btn:hover{background:var(--border-medium);color:var(--text-primary)}.search-esc-badge{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.global-search-results{flex-direction:column;flex:1;gap:1.5rem;padding:1.25rem;display:flex;overflow-y:auto}.search-result-group{flex-direction:column;gap:.75rem;display:flex}.search-group-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.78rem;font-weight:800}.search-tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.65rem;display:grid}.search-tool-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;gap:.85rem;padding:.75rem 1rem;text-decoration:none;display:flex}.search-tool-card:hover{background:var(--bg-surface-subtle);border-color:var(--primary-accent);transform:translateY(-1px)}.search-tool-icon{font-size:1.4rem;line-height:1}.search-tool-info{flex:1;min-width:0}.search-tool-title{color:var(--text-primary);font-size:.9rem;font-weight:700;display:block}.search-tool-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.search-tool-arrow{color:var(--text-muted);transition:transform var(--transition-fast);font-size:.95rem}.search-tool-card:hover .search-tool-arrow{color:var(--primary-accent);transform:translate(3px)}.search-glyphs-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:.5rem;display:grid}.search-glyph-tile{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;padding:.65rem .4rem;display:flex;position:relative}.search-glyph-tile:hover{border-color:var(--primary-accent);background:var(--bg-surface-subtle);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.search-glyph-tile.copied{background:#0596691a;border-color:#059669}.search-glyph-char{margin-bottom:.2rem;font-size:1.6rem;line-height:1.2}.search-glyph-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.65rem;font-weight:600;overflow:hidden}.search-glyph-copied-tag{color:var(--primary-accent);margin-top:.2rem;font-size:.6rem;font-weight:700}.search-glyph-tile.copied .search-glyph-copied-tag{color:#059669}.search-combos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.65rem;display:grid}.search-combo-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.search-combo-text{flex-direction:column;min-width:0;display:flex}.search-combo-glyphs{font-size:1.15rem;line-height:1.3}.search-combo-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.search-combo-copy-btn{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-primary);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);padding:.35rem .65rem;font-size:.75rem;font-weight:700}.search-combo-copy-btn:hover{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.search-combo-copy-btn.copied{color:#fff;background:#059669;border-color:#059669}.global-search-empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1.5rem;display:flex}.search-empty-icon{margin-bottom:.25rem;font-size:2.5rem}.search-empty-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:800}.search-empty-desc{color:var(--text-muted);max-width:380px;margin:0 0 1rem;font-size:.88rem}.search-empty-reset-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;padding:.5rem 1.15rem;font-size:.85rem;font-weight:700}.global-search-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:.78rem;display:flex}.search-trigger-btn{border-radius:var(--radius-full);font-family:var(--font-sans);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#ffffff24;border:1px solid #ffffff47;align-items:center;gap:.5rem;padding:.42rem .85rem;font-size:.82rem;font-weight:600;display:flex;box-shadow:0 2px 6px #00000014}.search-trigger-btn:hover{color:#fff;background:#ffffff42;border-color:#ffffff73;transform:translateY(-1px)}.search-trigger-icon{color:#fff;font-size:.85rem}.search-trigger-kbd{border-radius:var(--radius-sm);color:#fff;background:#ffffff38;border:1px solid #ffffff4d;padding:.15rem .4rem;font-size:.68rem;font-weight:700}.nav-dropdown-wrapper{display:inline-block;position:relative}.nav-dropdown-trigger{cursor:pointer;align-items:center;gap:.3rem;display:flex}.dropdown-caret{opacity:.7;font-size:.75rem}.nav-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:100;min-width:440px;margin-top:.5rem;padding:1.25rem;animation:.18s cubic-bezier(.16,1,.3,1) dropdownFade;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes dropdownFade{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.nav-dropdown-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.nav-dropdown-col{flex-direction:column;gap:.45rem;display:flex}.nav-dropdown-col-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;font-size:.72rem;font-weight:800}.nav-dropdown-item{border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:flex-start;gap:.65rem;padding:.55rem .65rem;text-decoration:none;display:flex}.nav-dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item-icon{margin-top:.1rem;font-size:1.2rem;line-height:1}.dropdown-item-title{color:var(--text-primary);font-size:.84rem;font-weight:700;display:block}.dropdown-item-desc{color:var(--text-muted);font-size:.72rem;line-height:1.3;display:block}.mobile-search-trigger{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:700;display:flex}.mobile-search-trigger kbd{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);padding:.15rem .45rem;font-size:.75rem}.aesthetic-selector-section{width:100%;max-width:1200px;margin:1.5rem auto 3rem}.aesthetic-selector-header{text-align:center;margin-bottom:1.75rem}.aesthetic-selector-pill{text-transform:uppercase;letter-spacing:.06em;color:var(--primary-accent);margin-bottom:.4rem;font-size:.78rem;font-weight:800;display:inline-block}.aesthetic-selector-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:800}.aesthetic-selector-sub{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:.92rem;line-height:1.5}.aesthetic-selector-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.aesthetic-selector-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);flex-direction:column;gap:.65rem;padding:1.15rem 1.25rem;display:flex;position:relative;overflow:hidden}.aesthetic-selector-card:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.aesthetic-selector-card.active{border-color:var(--primary-accent);background:var(--bg-surface-subtle);box-shadow:0 0 0 2px var(--primary-accent-subtle)}.aesthetic-card-top{justify-content:space-between;align-items:center;display:flex}.aesthetic-card-name{color:var(--text-primary);font-size:.95rem;font-weight:800}.aesthetic-card-hub-badge{color:var(--primary-accent);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);transition:all var(--transition-fast);padding:.2rem .5rem;font-size:.72rem;font-weight:700;text-decoration:none}.aesthetic-card-hub-badge:hover{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.aesthetic-card-preview{letter-spacing:.1em;padding:.4rem 0;font-size:1.45rem;line-height:1.3}.aesthetic-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;display:flex}.aesthetic-card-tagline{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:.74rem;overflow:hidden}.aesthetic-card-action{color:var(--primary-accent);font-size:.74rem;font-weight:800}.aesthetic-selector-card.active .aesthetic-card-action{color:#059669}.hero-previews-container{flex-direction:column;align-items:center;gap:.6rem;width:100%;margin:1.5rem 0 1.25rem;display:flex}.hero-previews-hint{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.78rem;font-weight:700}.hero-previews-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.hero-preview-chip{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);align-items:center;gap:.65rem;padding:.5rem .9rem;display:flex}.hero-preview-chip:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero-preview-chip.copied{background:#059669;border-color:#059669}.hero-preview-chip.copied *{color:#fff!important}.hero-preview-value{font-size:1.1rem;line-height:1}.hero-preview-label{color:var(--text-primary);font-size:.8rem;font-weight:700}.hero-preview-status{color:var(--primary-accent);border-left:1px solid var(--border-subtle);padding-left:.35rem;font-size:.72rem;font-weight:700}.footer-privacy-badge{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:.45rem;margin-top:.5rem;padding:.4rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.footer-privacy-icon{font-size:.8rem}.footer-shortcut-hint{color:var(--text-muted);font-size:.82rem}.footer-shortcut-hint kbd{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.15rem .4rem;font-size:.72rem;font-weight:700}.footer-back-to-top{color:var(--primary-accent);font-weight:700}.colored-studio-section{width:100%;max-width:1200px;margin:0 auto 4rem}.colored-controls-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;margin-bottom:2rem;padding:1.25rem 1.5rem;display:flex}.colored-search-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.colored-search-input-wrapper{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.colored-search-input-wrapper .search-icon{opacity:.5;pointer-events:none;font-size:.95rem;position:absolute;left:1rem}.colored-search-input{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-full);width:100%;font-family:var(--font-sans);color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:.75rem 2.5rem .75rem 2.6rem;font-size:.92rem}.colored-search-input:focus{border-color:var(--primary-accent);background:var(--bg-surface);box-shadow:0 0 0 3px var(--primary-accent-subtle)}.colored-clear-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:22px;height:22px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;right:.85rem}.colored-count-badge{color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);padding:.4rem .85rem;font-size:.8rem;font-weight:700}.colored-tabs-scroll{-webkit-overflow-scrolling:touch;align-items:center;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.colored-tab-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.84rem;font-weight:700;display:flex}.colored-tab-btn:hover{background:var(--bg-surface-subtle);border-color:var(--primary-accent);color:var(--text-primary);transform:translateY(-1px)}.colored-tab-btn.active{background:var(--primary-accent);border-color:var(--primary-accent);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.colored-tab-btn.active .colored-tab-icon{filter:drop-shadow(0 1px 2px #0003)}.colored-symbols-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.15rem;display:grid}.colored-symbol-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);flex-direction:column;gap:.85rem;padding:1.15rem;display:flex;position:relative;overflow:hidden}.colored-symbol-card:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.colored-symbol-card.copied-highlight{background:#0596690a;border-color:#059669}.colored-card-top{justify-content:space-between;align-items:center;display:flex}.colored-card-category-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-muted);padding:.2rem .55rem;font-size:.68rem;font-weight:800}.colored-card-fav-btn{cursor:pointer;opacity:.7;transition:transform var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;font-size:.95rem}.colored-card-fav-btn:hover{opacity:1;transform:scale(1.15)}.colored-card-glyph-box{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;min-height:80px;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:1.15rem .75rem;display:flex}.colored-card-glyph-box:hover{background:var(--bg-surface-subtle);border-color:var(--primary-accent);transform:scale(1.02)}.colored-card-glyph{text-align:center;word-break:break-word;-webkit-user-select:all;user-select:all;font-size:1.55rem;line-height:1.35}.colored-card-meta{flex-direction:column;gap:.2rem;display:flex}.colored-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:800;overflow:hidden}.colored-card-desc{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.4;display:-webkit-box;overflow:hidden}.colored-card-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:auto;padding-top:.4rem;display:grid}.colored-card-copy-btn{background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:center;padding:.5rem;font-size:.8rem;font-weight:700}.colored-card-copy-btn:hover{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.colored-card-copy-btn.copied{color:#fff;background:#059669;border-color:#059669}.colored-card-combo-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center;padding:.5rem;font-size:.8rem;font-weight:700}.colored-card-combo-btn:hover{background:var(--border-medium);color:var(--text-primary)}.colored-empty-state{text-align:center;background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-2xl);flex-direction:column;align-items:center;gap:.75rem;padding:4rem 1.5rem;display:flex}.colored-empty-state .empty-icon{font-size:2.75rem}.colored-empty-state h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.colored-empty-state p{color:var(--text-muted);max-width:420px;margin:0;font-size:.92rem}.colored-reset-btn{background:var(--primary-accent);color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;border:none;margin-top:.75rem;padding:.6rem 1.25rem;font-size:.88rem;font-weight:700}.colored-actions-toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.colored-action-btn{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.8rem;font-weight:700;display:flex}.colored-action-btn:hover{background:var(--bg-surface-subtle);border-color:var(--primary-accent);transform:translateY(-1px)}.colored-action-btn.surprise-btn{color:var(--primary-accent);background:linear-gradient(135deg,#ec48991f,#c084fc1f);border-color:#ec489959}.colored-action-btn.surprise-btn:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.colored-view-mode-toggle{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;padding:.2rem;display:flex}.view-mode-btn{border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.35rem .75rem;font-size:.78rem;font-weight:700}.view-mode-btn:hover{color:var(--text-primary)}.view-mode-btn.active{background:var(--bg-surface);color:var(--primary-accent);box-shadow:var(--shadow-sm)}.colored-swatch-dot{border-radius:var(--radius-full);width:10px;height:10px;display:inline-block;box-shadow:0 0 6px}.colored-swatch-dot.mini{width:8px;height:8px}.colored-card-tag-wrapper{align-items:center;gap:.4rem;display:flex}.colored-tab-pill-count{opacity:.7;border-radius:var(--radius-full);background:#00000014;padding:.1rem .4rem;font-size:.68rem}.colored-tab-btn.active .colored-tab-pill-count{color:#fff;background:#ffffff40}.colored-compact-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.65rem;display:grid}.colored-compact-tile{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);flex-direction:column;justify-content:center;align-items:center;padding:.85rem .5rem;display:flex;position:relative}.colored-compact-tile:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-sm);background:var(--bg-surface-subtle);transform:translateY(-2px)}.colored-compact-tile.copied{background:#0596691a;border-color:#059669}.compact-glyph{text-align:center;word-break:break-all;margin-bottom:.25rem;font-size:1.65rem;line-height:1.25}.compact-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.65rem;font-weight:700;overflow:hidden}.compact-tag{color:var(--primary-accent);margin-top:.2rem;font-size:.62rem;font-weight:700}.colored-compact-tile.copied .compact-tag{color:#059669}.colored-dividers-stack{flex-direction:column;gap:1rem;display:flex}.colored-divider-strip-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.colored-divider-strip-card:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-md)}.divider-strip-info{flex-direction:column;min-width:160px;display:flex}.divider-strip-name{color:var(--text-primary);font-size:.92rem;font-weight:800}.divider-strip-cat{text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.divider-strip-content{text-align:center;cursor:pointer;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px dashed var(--border-medium);transition:all var(--transition-fast);flex:1;padding:.75rem;font-size:1.5rem;line-height:1.3}.divider-strip-content:hover{border-color:var(--primary-accent);background:var(--bg-surface-subtle)}.divider-strip-actions{align-items:center;gap:.5rem;display:flex}.colored-styler-widget{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:2rem;position:relative;overflow:hidden}.colored-styler-widget:before{content:"";background:linear-gradient(90deg,#f472b6,#38bdf8,#c084fc,#4ade80,#fbbf24,#f87171);height:4px;position:absolute;top:0;left:0;right:0}.colored-styler-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.colored-styler-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--primary-accent);margin-bottom:.25rem;font-size:.78rem;font-weight:800;display:block}.colored-styler-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .35rem;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800}.colored-styler-desc{color:var(--text-secondary);max-width:650px;margin:0;font-size:.92rem;line-height:1.5}.colored-styler-privacy-pill{color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);padding:.35rem .75rem;font-size:.75rem;font-weight:700}.colored-styler-input-box{margin-bottom:1.5rem}.colored-styler-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.colored-styler-input-row{align-items:center;display:flex;position:relative}.colored-styler-input{background:var(--bg-secondary);border:1.5px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;font-family:var(--font-sans);color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:.9rem 1.25rem;font-size:1.05rem}.colored-styler-input:focus{border-color:var(--primary-accent);background:var(--bg-surface);box-shadow:0 0 0 3px var(--primary-accent-subtle)}.colored-styler-clear{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;padding:.3rem .7rem;font-size:.75rem;font-weight:700;position:absolute;right:1rem}.colored-styler-examples-row{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.65rem;display:flex}.styler-examples-label{color:var(--text-muted);font-size:.78rem;font-weight:700}.styler-example-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.25rem .65rem;font-size:.75rem;font-weight:700}.styler-example-btn:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent);transform:translateY(-1px)}.colored-styler-pills-row{align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.colored-styler-pill{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);padding:.45rem .9rem;font-size:.8rem;font-weight:700}.colored-styler-pill:hover{background:var(--bg-surface-subtle);border-color:var(--primary-accent);color:var(--text-primary)}.colored-styler-pill.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.colored-styler-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.colored-styler-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-fast);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.colored-styler-card:hover{border-color:var(--primary-accent);background:var(--bg-surface);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.colored-styler-card-top{justify-content:space-between;align-items:center;display:flex}.colored-styler-card-name{color:var(--text-primary);font-size:.84rem;font-weight:800}.colored-styler-card-tag{text-transform:uppercase;color:var(--primary-accent);font-size:.68rem;font-weight:700}.colored-styler-card-preview{background:var(--bg-surface);border:1px dashed var(--border-medium);border-radius:var(--radius-lg);text-align:center;word-break:break-all;cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);padding:.85rem;font-size:1.05rem;font-weight:600}.colored-styler-card-preview:hover{border-color:var(--primary-accent)}.colored-styler-card-btn{background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:var(--radius-full);width:100%;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.5rem;font-size:.8rem;font-weight:700}.colored-styler-card-btn:hover{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.colored-styler-card-btn.copied{color:#fff;background:#059669;border-color:#059669}.hero-color-selector-box{flex-direction:column;align-items:center;gap:.65rem;margin:1.5rem 0 1rem;display:flex}.hero-color-selector-label{color:var(--text-secondary);font-size:.85rem;font-weight:700}.hero-color-chips-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:900px;display:flex}.hero-color-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.84rem;font-weight:700;display:inline-flex}.hero-color-chip:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-sm);background:var(--bg-surface-subtle);transform:translateY(-2px)}.hero-chip-swatch{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 1px #0000001a}.hero-chip-icon{font-size:.95rem;line-height:1}.hero-chip-text{font-size:.82rem}.colored-category-header{border-bottom:1px solid var(--border-subtle);margin:2.25rem 0 1.5rem;padding-bottom:1rem}.colored-category-title-wrap{align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.colored-category-indicator{border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px}.colored-category-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:800}.colored-category-desc{color:var(--text-secondary);margin:0;font-size:.92rem}.curated-combos-container{background:var(--bg-surface-subtle);border:1.5px solid var(--border-subtle);border-radius:var(--radius-2xl);margin:2rem 0 3.5rem;padding:1.75rem 2rem}.curated-combos-header{margin-bottom:1.5rem}.curated-combos-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--primary-accent);margin-bottom:.25rem;font-size:.75rem;font-weight:800;display:block}.curated-combos-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 .3rem;font-size:1.35rem;font-weight:800}.curated-combos-desc{color:var(--text-secondary);margin:0;font-size:.88rem}.curated-combos-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.curated-combo-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.curated-combo-card:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.curated-combo-meta{justify-content:space-between;align-items:center;display:flex}.curated-combo-name{color:var(--text-primary);font-size:.82rem;font-weight:800}.curated-combo-tag{text-transform:uppercase;color:var(--primary-accent);background:var(--primary-accent-subtle);border-radius:var(--radius-full);padding:.15rem .5rem;font-size:.68rem;font-weight:700}.curated-combo-preview{background:var(--bg-secondary);border:1px dashed var(--border-medium);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:all;user-select:all;padding:.9rem;font-size:1.25rem;line-height:1.25}.curated-combo-preview:hover{border-color:var(--primary-accent);background:var(--bg-surface-subtle)}.curated-combo-actions{align-items:center;gap:.5rem;display:flex}.curated-combo-copy-btn{background:var(--primary-accent);color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;padding:.5rem .75rem;font-size:.8rem;font-weight:700}.curated-combo-copy-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.curated-combo-copy-btn.copied{background:#059669}.curated-combo-tray-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);padding:.5rem .85rem;font-size:.8rem;font-weight:700}.curated-combo-tray-btn:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-surface)}.symbols-collection-wrapper{margin-top:1rem}.symbols-collection-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.symbols-collection-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.symbols-collection-count{color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-full);border:1px solid var(--border-subtle);padding:.25rem .65rem;font-size:.8rem;font-weight:700}.palette-builder-widget{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:2.25rem;position:relative;overflow:hidden}.palette-builder-widget:before{content:"";background:linear-gradient(90deg,#f472b6,#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#a855f7);height:4px;position:absolute;top:0;left:0;right:0}.palette-builder-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.palette-builder-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--primary-accent);margin-bottom:.35rem;font-size:.78rem;font-weight:800;display:block}.palette-builder-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .4rem;font-size:clamp(1.4rem,2.5vw,1.95rem);font-weight:800}.palette-builder-desc{color:var(--text-secondary);max-width:650px;margin:0;font-size:.94rem;line-height:1.5}.palette-presets-container{flex-direction:column;gap:.45rem;display:flex}.palette-presets-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.palette-presets-chips{flex-wrap:wrap;gap:.4rem;display:flex}.palette-preset-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.3rem .65rem;font-size:.75rem;font-weight:700}.palette-preset-btn:hover{border-color:var(--primary-accent);color:var(--text-primary);transform:translateY(-1px)}.palette-preset-btn.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.palette-controls-grid{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:1.5rem;margin-bottom:1.75rem;padding:1.5rem;display:flex}.palette-control-group{flex-direction:column;gap:.65rem;display:flex}.palette-group-label{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.86rem;font-weight:800;display:flex}.palette-group-label .label-num{background:var(--primary-accent);width:20px;height:20px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.palette-swatch-row{align-items:center;gap:.45rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.palette-swatch-btn{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.8rem;font-weight:700;display:inline-flex}.palette-swatch-btn:hover{border-color:var(--border-medium);color:var(--text-primary);transform:translateY(-1px)}.palette-swatch-btn.selected{border-color:var(--primary-accent);background:var(--primary-accent-subtle);color:var(--primary-accent);box-shadow:0 0 0 1px var(--primary-accent)}.palette-swatch-color{border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:0 0 0 1px #0000001a}.palette-options-split{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.palette-options-split{grid-template-columns:1fr}}.palette-vibe-pills{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.palette-vibe-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.palette-vibe-btn:hover{border-color:var(--primary-accent);color:var(--text-primary)}.palette-vibe-btn.selected{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.palette-length-buttons{align-items:center;gap:.4rem;display:flex}.palette-len-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex:1;padding:.4rem .5rem;font-size:.78rem;font-weight:700}.palette-len-btn:hover{border-color:var(--primary-accent);color:var(--text-primary)}.palette-len-btn.selected{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.palette-actions-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.palette-actions-left{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.palette-action-btn{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.84rem;font-weight:700;display:inline-flex}.palette-action-btn.primary{background:var(--primary-accent);color:var(--text-inverse);border:none}.palette-action-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.palette-action-btn.secondary,.palette-action-btn.tertiary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle)}.palette-action-btn.secondary:hover,.palette-action-btn.tertiary:hover{border-color:var(--border-medium);background:var(--bg-surface)}.palette-reset-btn{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700;text-decoration:underline}.palette-reset-btn:hover{color:var(--text-primary)}.palette-results-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.palette-result-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-fast);flex-direction:column;gap:.9rem;padding:1.25rem;display:flex}.palette-result-card:hover{border-color:var(--primary-accent);background:var(--bg-surface);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.palette-result-preview{background:var(--bg-surface);border:1px dashed var(--border-medium);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:all;user-select:all;padding:1rem;font-size:1.35rem;line-height:1.3}.palette-result-preview:hover{border-color:var(--primary-accent)}.palette-result-actions{align-items:center;gap:.5rem;display:flex}.palette-card-copy-btn{background:var(--primary-accent);color:var(--text-inverse);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;padding:.45rem .75rem;font-size:.8rem;font-weight:700}.palette-card-copy-btn:hover{filter:brightness(1.1)}.palette-card-copy-btn.copied{background:#059669}.palette-card-tray-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.45rem .85rem;font-size:.8rem;font-weight:700}.palette-card-tray-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.colored-info-guide{margin:4.5rem 0 3rem}.colored-guide-body{flex-direction:column;gap:2.5rem;margin-top:2rem;display:flex}.colored-guide-block{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);color:var(--text-secondary);padding:2rem 2.25rem;line-height:1.7}.guide-block-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;margin:0 0 1rem;font-size:1.35rem;font-weight:800}.colored-guide-block p{margin:0 0 1rem;font-size:.95rem}.colored-guide-block p:last-child{margin-bottom:0}.guide-visual-example{background:var(--bg-surface-subtle);border:1px dashed var(--border-medium);border-radius:var(--radius-xl);margin:1.25rem 0;padding:1.25rem 1.75rem}.example-label{text-transform:uppercase;color:var(--primary-accent);margin-bottom:.75rem;font-size:.76rem;font-weight:800;display:block}.example-row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.example-item{flex-direction:column;gap:.25rem;display:flex}.example-glyphs{font-size:1.4rem;line-height:1.2}.example-caption{color:var(--text-muted);font-size:.78rem;font-weight:700}.example-plus{color:var(--text-muted);font-size:1.2rem;font-weight:800}.guide-callout-box{border-radius:var(--radius-xl);background:#ec489914;border:1px solid #ec489940;align-items:flex-start;gap:1rem;margin:1.25rem 0;padding:1.25rem 1.5rem;display:flex}.callout-icon{font-size:1.35rem;line-height:1}.callout-content strong{color:var(--text-primary);margin-bottom:.35rem;font-size:.9rem;display:block}.callout-content p{margin:0;font-size:.88rem;line-height:1.6}.guide-steps-list{flex-direction:column;gap:.75rem;margin:1rem 0;padding-left:1.25rem;display:flex}.guide-steps-list li{font-size:.94rem;line-height:1.6}.guide-steps-list code{background:var(--bg-surface-subtle);border-radius:var(--radius-sm);padding:.15rem .4rem;font-size:.9em}.vibe-ideas-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.15rem;margin-top:1.25rem;display:grid}.vibe-idea-card{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:.45rem;padding:1.15rem;display:flex}.vibe-idea-name{color:var(--text-primary);font-size:.88rem;font-weight:800}.vibe-idea-combo{margin:.25rem 0;font-size:1.25rem;line-height:1.2}.vibe-idea-note{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.guide-bullets-list{flex-direction:column;gap:.65rem;margin:1rem 0;padding-left:1.25rem;display:flex}.guide-bullets-list li{font-size:.92rem;line-height:1.6}.content-link{color:var(--primary-accent);text-underline-offset:3px;transition:color var(--transition-fast);font-weight:700;text-decoration:underline}.content-link:hover{color:var(--primary-accent-hover,#db2777)}.external-link:after{content:" ↗";opacity:.8;font-size:.8em}.combo-similar-action-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.25rem;padding:.45rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.combo-similar-action-btn:hover{background:var(--primary-accent-subtle);border-color:var(--primary-accent);color:var(--primary-accent)}.similar-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.similar-modal-card{background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;gap:1.25rem;width:100%;max-width:600px;max-height:90vh;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;overflow-y:auto}.similar-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.similar-header-info{flex-direction:column;gap:.35rem;display:flex}.similar-modal-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-accent);background:var(--primary-accent-subtle);border-radius:var(--radius-full);width:fit-content;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.similar-modal-heading{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.similar-origin-display{align-items:center;gap:.65rem;margin-top:.25rem;display:flex}.similar-origin-display .origin-value{background:var(--bg-surface-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:.2rem .5rem;font-size:1.3rem}.similar-origin-display .origin-aesthetics{text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:700}.similar-modal-close-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;padding:.25rem .5rem;font-size:1.15rem}.similar-modal-close-btn:hover{background:var(--bg-surface-subtle);color:var(--text-primary)}.similar-modal-desc{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.similar-combos-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.similar-combo-item{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;gap:.65rem;padding:.85rem;display:flex}.similar-combo-item:hover{border-color:var(--primary-accent)}.similar-combo-visual{background:var(--bg-surface);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;min-height:48px;padding:.5rem;display:flex;position:relative}.similar-chars{font-size:1.45rem;line-height:1}.similar-copied-pill{color:#fff;border-radius:var(--radius-full);background:#059669;padding:.2rem .5rem;font-size:.72rem;font-weight:800;position:absolute}.similar-meta{justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.similar-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-weight:700;overflow:hidden}.similar-style-tag{color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.similar-actions{gap:.35rem;display:flex}.similar-btn{border-radius:var(--radius-xs);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex:1;padding:.35rem .45rem;font-size:.75rem;font-weight:700}.similar-btn.copy-btn{background:var(--primary-accent);color:var(--text-inverse);border:none}.similar-btn.copy-btn.copied{background:#059669}.similar-btn.edit-btn{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-secondary)}.similar-btn.edit-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.similar-btn.explore-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted)}.similar-btn.explore-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.similar-modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;padding-top:.85rem;display:flex}.similar-close-action-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.5rem 1.5rem;font-size:.85rem;font-weight:700}.similar-close-action-btn:hover{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.builder-selected-tray{background:var(--bg-surface-subtle);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.builder-tray-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.builder-tray-label{color:var(--text-primary);font-size:.88rem;font-weight:800}.builder-style-toggle{align-items:center;gap:.45rem;display:flex}.builder-style-toggle .toggle-label{color:var(--text-muted);font-size:.78rem;font-weight:700}.style-toggle-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.25rem .65rem;font-size:.75rem;font-weight:700}.style-toggle-chip.active{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.builder-chips-row{background:var(--bg-surface);border:1px dashed var(--border-medium);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:.65rem;min-height:75px;padding:.85rem;display:flex}.builder-chip{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:.35rem;padding:.35rem .5rem;display:inline-flex}.builder-chip-glyph{font-size:1.75rem;line-height:1}.builder-chip-controls{align-items:center;gap:.2rem;display:flex}.builder-chip-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:.1rem .25rem;font-size:.75rem;line-height:1}.builder-chip-btn:disabled{opacity:.3;cursor:not-allowed}.builder-chip-btn:not(:disabled):hover{background:var(--bg-surface);color:var(--primary-accent)}.builder-chip-btn.del:hover{color:#ef4444}.builder-variations-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.variations-label{color:var(--text-secondary);font-size:.8rem;font-weight:700}.variations-chips{flex-wrap:wrap;gap:.4rem;display:flex}.variation-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:.3rem .6rem;font-size:.95rem}.variation-chip:hover{border-color:var(--primary-accent);transform:translateY(-1px)}.variation-chip.active{background:var(--primary-accent-subtle);border-color:var(--primary-accent)}.builder-add-palette{flex-direction:column;gap:.4rem;display:flex}.palette-label{color:var(--text-muted);font-size:.78rem;font-weight:700}.palette-glyphs{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.palette-glyph-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;width:2.35rem;height:2.35rem;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.palette-glyph-btn:hover{border-color:var(--primary-accent);transform:scale(1.1)}.builder-footer-cta{border-top:1px solid var(--border-subtle);margin-top:.5rem;padding-top:.85rem}.builder-footer-text{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.aesthetic-descriptors-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;margin-top:1rem;display:grid}.descriptor-card{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem}.descriptor-name{color:var(--text-primary);margin-bottom:.35rem;font-size:.95rem;font-weight:800}.descriptor-text{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.short-combos-columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.25rem 0;display:grid}.short-column-card{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.85rem;padding:1.15rem;display:flex}.short-column-title{color:var(--text-primary);border-bottom:1.5px solid var(--border-medium);margin:0;padding-bottom:.45rem;font-size:.95rem;font-weight:800}.short-list{flex-direction:column;gap:.45rem;display:flex}.short-row{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);justify-content:space-between;align-items:center;padding:.45rem .65rem;display:flex}.short-chars{font-size:1.2rem;line-height:1}.short-copy-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.25rem .65rem;font-size:.75rem;font-weight:700}.short-copy-btn:hover{background:var(--primary-accent-subtle);border-color:var(--primary-accent);color:var(--primary-accent)}.short-copy-btn.copied{color:#fff;background:#059669;border-color:#059669}.bio-samples-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem;margin:1.25rem 0;display:grid}.bio-sample-card{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.65rem;padding:1rem;display:flex}.bio-sample-badge{text-transform:uppercase;color:var(--primary-accent);letter-spacing:.04em;font-size:.72rem;font-weight:800}.bio-sample-text{font-family:var(--font-sans);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);-webkit-user-select:all;user-select:all;padding:.5rem .75rem;font-size:1.05rem}.bio-sample-copy-btn{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-self:flex-start;padding:.35rem .85rem;font-size:.78rem;font-weight:700}.bio-sample-copy-btn:hover{background:var(--primary-accent);color:var(--text-inverse);border-color:var(--primary-accent)}.bio-sample-copy-btn.copied{color:#fff;background:#059669;border-color:#059669}.framework-steps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin:1.25rem 0;display:grid}.framework-step-card{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.35rem;padding:1rem;display:flex;position:relative}.step-number{background:var(--primary-accent);width:1.65rem;height:1.65rem;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.25rem;font-size:.8rem;font-weight:800;display:inline-flex}.step-title{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:800}.step-text{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.step-example{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);width:fit-content;margin-top:.35rem;padding:.25rem .5rem;font-size:1.25rem}.category-extra-link{color:var(--primary-accent);text-underline-offset:3px;transition:color var(--transition-fast);font-size:.82rem;font-weight:700;text-decoration:underline}.category-extra-link:hover{color:var(--primary-accent-hover,#db2777)}.editorial-example-box{background:var(--bg-surface-subtle);border-left:3px solid var(--primary-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;flex-direction:column;gap:.5rem;margin:1rem 0;padding:.85rem 1.15rem;font-size:.88rem;display:flex}.external-authority-link{color:var(--primary-accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}.external-authority-link:hover{color:var(--primary-accent-hover,#db2777)}