.combos-tool{--bg-primary:#faf9f3;--hero-bg:#f0eee4;--accent-primary:#252520;--accent-highlight:#eac9d1;padding-top:25px;padding-bottom:60px;color:#272822;max-width:1200px}.combos-breadcrumb{display:flex;gap:12px;color:#7a7a70;font-size:12px}.combos-hero{padding:32px 0 26px;max-width:830px}.combos-eyebrow{font-size:10px!important;letter-spacing:.18em;font-weight:700;color:#797b6d}.combos-hero h1{font-size:clamp(29px,3.8vw,46px);line-height:1.17;letter-spacing:-.04em;margin:12px 0 15px}.combos-hero>p:not(.combos-eyebrow){font-size:15px;line-height:1.8;max-width:720px;color:#6d7063}.combos-hero>a{display:inline-block;font-size:12px;margin-top:8px;text-decoration:underline;text-underline-offset:5px}.combos-tool .combos-tray{background:#fffdf8;border:2px solid #292922;border-radius:15px;padding:22px 25px;margin:0 0 30px!important;box-shadow:0 5px #deddd2}.tray-top,.tray-bottom,.tray-actions,.tray-top>div{display:flex;gap:14px}.tray-top{justify-content:space-between;align-items:flex-start}.tray-top>div{display:block}.tray-top h2{font-size:18px;margin:0 0 6px}.tray-top p{font-size:12px;color:#77796c;margin:0}.tray-option{display:flex;gap:7px;align-items:center;font-size:11px;color:#66695c}.tray-option input{accent-color:#282923}.tray-selected{display:flex;flex-wrap:wrap;gap:5px;min-height:58px;align-items:center;margin:16px 0}.tray-selected button{font-family:inherit;font-size:28px;line-height:1.3;position:relative;border:1px solid #e8e4d9;border-radius:9px;background:#f6f3eb;padding:7px;cursor:pointer}.tray-selected button:hover{background:#f2dddd}.tray-selected button:after{content:"×";position:absolute;right:0;top:-4px;font-size:12px;opacity:0}.tray-selected button:hover:after,.tray-selected button:focus-visible:after{opacity:1}.tray-selected .tray-empty{font-size:13px;color:#828477}.tray-bottom{justify-content:space-between;flex-wrap:wrap}.tray-bottom form{display:flex;min-width:0;flex:1;max-width:450px;border:1px solid #d9d8cd;border-radius:8px;overflow:hidden;background:#fff}.tray-bottom input{border:0;background:transparent;min-width:0;flex:1;padding:10px 12px;font-size:13px;outline-offset:-3px}.tray-bottom button{border:0;padding:10px 13px;font-size:12px;background:#eeeade;white-space:nowrap;border-radius:7px;cursor:pointer}.tray-actions{gap:7px}.tray-actions button{background:#f1eee6}.tray-actions .tray-copy{background:#18181b;color:#fff;font-weight:600;padding:10px 20px}.tray-actions button:disabled{opacity:.4;cursor:default}.combos-tool button:focus-visible,.combos-tool a:focus-visible{outline:2px solid #9a686e;outline-offset:4px}.combos-section-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.combos-section-title h2,.combos-featured>h2,.combo-discover h2,.combos-faq h2{font-size:26px;letter-spacing:-.025em;line-height:1.3;margin:7px 0 16px}.combos-search{display:flex;align-items:center;gap:8px;border:1px solid #d8d9ce;border-radius:9px;background:#fff;padding:10px 13px;min-width:290px}.combos-search input{border:0;background:transparent;font-size:13px;width:100%;min-width:0}.combo-filters,.combo-usage,.combo-colors{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.combo-filters button,.combo-usage button,.combo-colors button{font:inherit;font-size:11px;border:1px solid #dcded2;border-radius:8px;padding:10px 12px;background:#fffdfa;color:#565a4d;cursor:pointer}.combo-filters button[aria-pressed=true],.combo-usage button[aria-pressed=true]{background:#292b24;color:#fff;border-color:#292b24}.combo-filters small{font-size:10px;opacity:.7;margin-left:3px}.combo-usage button{border-radius:30px;background:transparent;padding:7px 12px}.combo-colors{margin-top:15px}.combo-colors button{display:flex;gap:5px;align-items:center;padding:5px 8px;background:transparent;border-color:transparent}.combo-colors button i{width:14px;height:14px;border-radius:50%;background:var(--swatch);border:1px solid #0002}.combo-colors button[aria-pressed=true]{background:#fff;border-color:#393b31}.combo-results{display:flex;justify-content:space-between;align-items:center;color:#7c7f70;font-size:12px;margin:15px 0}.combo-results p{margin:0}.combo-results button{font:inherit;border:0;background:transparent;text-decoration:underline;cursor:pointer}.quick-combo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-combo-card{min-width:0;display:flex;align-items:center;gap:5px;background:#fffefa;border:1px solid #dfdfd2;border-radius:11px;padding:13px 10px 13px 14px;transition:border-color .15s,background .15s}.quick-combo-card:hover{border-color:#9a9e8c;background:#fff}.quick-combo-main{display:flex;flex-direction:column;gap:8px;text-align:left;min-width:0;flex:1;border:0;background:none;padding:0;font:inherit;cursor:pointer}.quick-combo-main>span:last-child{font-size:11px;color:#717565;line-height:1.4}.quick-combo-art{font-size:24px;line-height:1.6;overflow-wrap:anywhere;letter-spacing:-1px}.quick-copy{border:0;border-radius:6px;background:#f0f0e6;font-size:10px;white-space:nowrap;padding:7px;cursor:pointer}.combo-empty{padding:40px;text-align:center;background:#f0eee5;border-radius:10px;font-size:14px}.combos-featured{padding-top:65px;scroll-margin-top:20px}.combos-featured>p:not(.combos-eyebrow){color:#797b6e;font-size:14px}.featured-group{margin-top:32px}.featured-group>h3{font-size:18px;font-weight:600;margin:0 0 15px}.combos-tool .combo-card{display:flex;flex-direction:column}.combos-tool .combo-card h4{font-size:18px;line-height:1.4;margin:0 0 9px;font-weight:600}.combos-tool .combo-card>p{font-size:13px;line-height:1.85;color:#696d60;margin:0 0 16px;flex:1}.combos-tool .combo-card .combo-art{letter-spacing:1px;font-size:30px;overflow-wrap:anywhere}.combo-platforms{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 16px}.combo-platforms span{font-size:9px;border:1px solid #0001;padding:4px 7px;border-radius:20px}.combos-tool .combo-copy{font-size:12px;cursor:pointer}.combo-discover{margin-top:50px;background:#eeeedf;border:1px solid #d9dccd;border-radius:15px;padding:28px}.combo-discover>p{font-size:13px;line-height:1.8;color:#737666}.combo-discover>div{display:flex;flex-wrap:wrap;gap:8px}.combo-discover a{font-size:12px;background:#fffdf7;border:1px solid #deded2;padding:10px 14px;border-radius:20px}.combos-faq{margin-top:45px;max-width:850px}.combos-faq details{border-bottom:1px solid #ddded2;padding:17px 0}.combos-faq summary{font-size:14px;font-weight:600;cursor:pointer}.combos-faq details p{font-size:13px;line-height:1.9;color:#717565}.combo-burst{position:fixed;inset:0;pointer-events:none;z-index:99999;overflow:hidden}.combo-particle{position:absolute;font-size:15px;animation:combo-pop .7s ease-out both;will-change:transform,opacity}@keyframes combo-pop{0%{transform:translate(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}.tray-added{animation:tray-pulse .35s ease-out}@keyframes tray-pulse{50%{box-shadow:0 0 0 3px #dbb6c3}}.combos-tool [hidden]{display:none!important}@media(min-width:1000px){.combos-tool .combo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.quick-combo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.combos-tool{padding-top:20px}.combos-hero{padding-top:26px}.combos-section-title{display:block}.combos-search{min-width:0;width:100%;margin-bottom:18px}.quick-combo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tray-top{display:block}.tray-option{margin-top:13px}.combos-tool .combos-tray{padding:18px 15px}.tray-bottom form{max-width:none;flex-basis:100%}.tray-actions{justify-content:flex-end;width:100%}.combo-filters button{padding:8px 10px}.combos-tool .combo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-combo-card{display:block;padding:12px}.quick-copy{margin-top:9px}.combos-tool .combo-card .combo-art{font-size:25px}.combo-discover{padding:22px}}@media(max-width:480px){.combos-tool .combo-grid{grid-template-columns:1fr}.combos-tool .combo-card .combo-art{font-size:30px}.quick-combo-art{font-size:24px}.combos-section-title h2,.combos-featured>h2{font-size:23px}.combo-colors{gap:3px}.combo-colors button{font-size:10px;padding:5px}.tray-actions .tray-copy{padding:10px 16px}}@media(prefers-reduced-motion:reduce){.combo-particle{display:none}.tray-added{animation:none}.quick-combo-card{transition:none}}@media(max-width:760px){.combos-hero h1>span{display:block;margin-top:6px}}.combos-tool .combos-hero h1>span{color:#626b53}.combo-expansion{display:flex;justify-content:center;gap:12px;margin:26px 0 0}.combo-expansion button{background:#282923;color:#fff;border:1px solid #282923;border-radius:9px;padding:14px 24px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 3px #deddd2}.combo-expansion button:hover{background:#45493b}.combo-expansion:has(button:not([hidden])){min-height:48px}.combos-tool .featured-group .combo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.combos-tool .featured-group .combo-grid{grid-template-columns:1fr}.combo-expansion button{padding:13px 18px;font-size:12px}}.holiday-hub.combos-tool.shell{margin-left:auto;margin-right:auto;width:100%;max-width:1200px}.emoji-picker{position:fixed;inset:auto;margin:0;left:var(--picker-left,20px);top:var(--picker-top,120px);width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;border:1px solid #d9d8ca;border-radius:18px;background:#fffdf7;color:#282923;box-shadow:0 16px 60px #25252030;overflow:hidden}.emoji-picker::backdrop{background:#27282218}.picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.picker-heading h3{font-size:17px;margin:0}.picker-heading button{background:#efeee6;border:0;border-radius:50%;width:30px;height:30px;font-size:22px}.picker-search{display:flex;align-items:center;gap:9px;background:#f0eee6;border:1px solid #deddd2;border-radius:9px;padding:10px 12px}.picker-search input{width:100%;min-width:0;border:0;background:transparent;outline-offset:4px;font-size:16px}.picker-categories{display:flex;gap:3px;overflow-x:auto;margin-top:12px;padding:3px 1px 8px;scrollbar-width:thin}.picker-categories button{flex-shrink:0;width:32px;height:33px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:19px}.picker-categories button[aria-pressed=true]{background:#eeeedc;border-color:#b9bba5}.picker-status{font-size:11px;color:#747765;min-height:17px;margin:6px 0}.picker-scroll{height:240px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.picker-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;align-content:start}.picker-grid .picker-emoji{border:0;border-radius:8px;background:transparent;min-width:0;min-height:40px;padding:4px 0;font-size:27px;line-height:1.2}.picker-grid .picker-emoji:hover,.picker-grid .picker-emoji:focus-visible{background:#efeadc}.picker-scroll>[data-picker-more],.emoji-picker>[data-picker-retry]{display:block;margin:12px auto;border:1px solid #d7d9c9;border-radius:8px;background:#f3f1e6;padding:8px 15px;font-size:12px}.picker-hint{font-size:11px;color:#797d6a;margin:12px 0 0;text-align:center}.emoji-picker [hidden]{display:none!important}@media(max-width:600px){.emoji-picker{top:auto!important;left:0!important;bottom:0;width:100%;max-width:none;max-height:80dvh;border-radius:20px 20px 0 0;padding:20px 16px max(20px,env(safe-area-inset-bottom));box-sizing:border-box}.picker-scroll{height:38dvh}.picker-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.picker-grid .picker-emoji{font-size:28px;min-height:42px}}
