.weather-canvas{position:absolute;left:0;top:0;z-index:20;pointer-events:none!important;max-width:100%}.weather-picker h3{font-size:15px;font-weight:550;margin:0 0 14px}.weather-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.weather-options button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 7px;border:1px solid #dddde2;border-radius:9px;background:#fff;color:#53535a;font-size:14px}.weather-options button.chosen{border-color:#262629;background:#f3f0f4;color:#252328}.weather-density{display:flex;gap:6px;margin-top:12px}.weather-density button{flex:1;padding:9px 5px;font-size:12px;border-radius:6px;background:#f5f5f6;border:1px solid transparent}.weather-density .chosen{border-color:#333;background:white}.weather-setup{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:34px;padding-top:28px;border-top:1px solid #ddd}.weather-demo{position:relative;overflow:hidden;isolation:isolate;min-height:230px;border-radius:12px;background:#f0dfe5;color:#ab3c59;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}.weather-demo>span{font-size:38px;letter-spacing:-1px}.weather-demo>small{font-size:12px}.overall-mood .weather-picker{margin:24px 0}.overall-mood .mood-switcher{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.mood-switcher button{min-width:0;font-size:12px!important;gap:6px!important}.composer-page .mood-grid{gap:22px 20px}.composer-page .mood-surface{min-height:185px}.composer-page .mood-surface>strong{font-size:36px;letter-spacing:-1.4px;margin:30px 0}.mood-demo-garden{background:#e3eacb;color:#496c39}.mood-demo-modern{background:#252728;color:#e4f999}.invitation.composed.blush{--paper:#fff7f8;--ink:#501b30;--accent:#b52150;--tint:#f7d5df}.draft-art.blush,.mood-card.blush .mood-surface,.mood-demo-blush{background:#f7d5df;color:#501b30}.mood-card.blush .mood-colors i,.mood-dot.blush,.mood-switcher button.blush i{background:#b52150}.mood-card.blush .mood-colors i:nth-child(2){background:#501b30}.mood-card.blush .mood-colors i:nth-child(3){background:#fff7f8}.invitation.composed.lavender{--paper:#faf8ff;--ink:#35244e;--accent:#73529c;--tint:#e9dff6}.draft-art.lavender,.mood-card.lavender .mood-surface,.mood-demo-lavender{background:#e9dff6;color:#35244e}.mood-card.lavender .mood-colors i,.mood-dot.lavender,.mood-switcher button.lavender i{background:#73529c}.mood-card.lavender .mood-colors i:nth-child(2){background:#35244e}.mood-card.lavender .mood-colors i:nth-child(3){background:#faf8ff}.invitation.composed.ocean{--paper:#f5faff;--ink:#133858;--accent:#175caa;--tint:#d9eafb}.draft-art.ocean,.mood-card.ocean .mood-surface,.mood-demo-ocean{background:#d9eafb;color:#133858}.mood-card.ocean .mood-colors i,.mood-dot.ocean,.mood-switcher button.ocean i{background:#175caa}.mood-card.ocean .mood-colors i:nth-child(2){background:#133858}.mood-card.ocean .mood-colors i:nth-child(3){background:#f5faff}.invitation.composed.sunset{--paper:#fff8f1;--ink:#522c24;--accent:#aa4a31;--tint:#f8dfca}.draft-art.sunset,.mood-card.sunset .mood-surface,.mood-demo-sunset{background:#f8dfca;color:#522c24}.mood-card.sunset .mood-colors i,.mood-dot.sunset,.mood-switcher button.sunset i{background:#aa4a31}.mood-card.sunset .mood-colors i:nth-child(2){background:#522c24}.mood-card.sunset .mood-colors i:nth-child(3){background:#fff8f1}.invitation.composed.champagne{--paper:#fffcf2;--ink:#493c24;--accent:#856528;--tint:#f0e5c8}.draft-art.champagne,.mood-card.champagne .mood-surface,.mood-demo-champagne{background:#f0e5c8;color:#493c24}.mood-card.champagne .mood-colors i,.mood-dot.champagne,.mood-switcher button.champagne i{background:#856528}.mood-card.champagne .mood-colors i:nth-child(2){background:#493c24}.mood-card.champagne .mood-colors i:nth-child(3){background:#fffcf2}.invitation.composed.midnight{--paper:#f4f6fc;--ink:#1d2b4b;--accent:#344a78;--tint:#dce3f2}.draft-art.midnight,.mood-card.midnight .mood-surface,.mood-demo-midnight{background:#dce3f2;color:#1d2b4b}.mood-card.midnight .mood-colors i,.mood-dot.midnight,.mood-switcher button.midnight i{background:#344a78}.mood-card.midnight .mood-colors i:nth-child(2){background:#1d2b4b}.mood-card.midnight .mood-colors i:nth-child(3){background:#f4f6fc}@media(max-width:750px){.composer-page .mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-page .mood-surface{min-height:165px;padding:15px}.composer-page .mood-surface>strong{font-size:28px;letter-spacing:-1px;margin:30px 0}.weather-setup{grid-template-columns:1fr;gap:20px}.weather-demo{min-height:180px}.mood-caption p{font-size:12px}.composer-page .mood-surface>svg{width:18px}.mood-colors>span{display:none}}@media(max-width:390px){.composer-page .mood-surface>strong{font-size:23px}.mood-caption h3{font-size:14px}.composer-page .mood-grid{gap:18px 12px}}@media(prefers-reduced-motion:reduce){.weather-canvas{display:none}.mood-card .mood-surface{transition:none;transform:none}}