@font-face{font-family:Nunito;src:url('/tools/_shared/fonts/Nunito-Regular.ttf')}@font-face{font-family:Nunito;src:url('/tools/_shared/fonts/Nunito-Bold.ttf');font-weight:700}@font-face{font-family:Playfair;src:url('/tools/_shared/fonts/PlayfairDisplay-Bold.ttf');font-weight:700}
:root{--ink:#103948;--pink:#b3506a;--blush:#fce4ec;--paper:#fff9f5;--line:#e8e0dc;--muted:#5d6e73;--mint:#e5f3ed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Nunito,system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2{font-family:Playfair,Georgia,serif}h3{font-size:1rem}button{min-height:44px}select,textarea{width:100%;border:1px solid #b6c1be;border-radius:9px;padding:11px 12px;color:var(--ink);background:#fff;min-height:46px}select{font-size:14px}textarea{resize:vertical}label,legend{font-size:14px;font-weight:700}label:not(.check-label):not(.upload){display:block;margin:16px 0 6px}fieldset{padding:0;border:0;margin:16px 0}legend{margin-bottom:8px}.site-nav{height:76px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1190px)/2))}.logo{font:700 26px Playfair,Georgia,serif;text-decoration:none;white-space:nowrap}.logo span{color:var(--pink)}.site-nav>div{display:flex;gap:30px;font-size:14px;font-weight:700}.site-nav>div a{text-decoration:none;padding:12px 0}.site-nav [aria-current]{color:var(--pink);border-bottom:2px solid #efb3c3}main{max-width:1240px;margin:auto;padding:0 25px}.crumbs{display:flex;gap:12px;color:var(--muted);font-size:12px;margin:27px 0}.crumbs a{text-decoration:none}.intro{text-align:center;margin:43px auto 38px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--pink)}h1{font-size:clamp(36px,4.5vw,57px);line-height:1.12;letter-spacing:-1.7px;margin:14px 0 18px}h1 em{color:var(--pink);font-style:normal}.intro p{font-size:15px;color:var(--muted)}.studio{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:28px;align-items:start}.controls,.result{min-width:0}.panel{border:1px solid var(--line);border-radius:17px;background:#fff;padding:24px;margin-bottom:18px}.step-heading{display:flex;align-items:center;gap:11px}.step-heading h2{font-size:21px;line-height:1.25}.step{border-radius:50%;width:29px;height:29px;display:inline-grid;place-items:center;color:var(--pink);background:var(--blush);font-size:10px;font-weight:700;flex-shrink:0}.optional{font-size:8px;letter-spacing:.1em;color:var(--muted);margin-left:auto}.count-options{display:flex;gap:9px}.count-options button{flex:1;border:1px solid var(--line);background:var(--paper);border-radius:9px;color:var(--ink);font-weight:700}.count-options [aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.palette-label{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.text-button{background:transparent;border:0;padding:5px 8px;color:var(--pink);font-size:12px;text-decoration:underline;text-underline-offset:3px}.palette{display:grid;gap:7px;margin-bottom:12px}.palette-slot{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center}.palette-slot label:not(.check-label){margin:0;position:relative;width:38px;height:38px;border-radius:50%;border:1px solid #0002;display:grid;place-items:center;font-weight:700;text-shadow:0 0 5px #fff}.palette-slot select{min-width:0;font-size:13px}.hint{font-size:12px;color:var(--muted);line-height:1.5;margin:10px 0 0}.hint a{color:var(--pink)}.upload{display:flex;position:relative;align-items:center;flex-direction:column;border:1px dashed #cb9ba7;background:#fff8f9;border-radius:10px;padding:17px;margin-top:19px;cursor:pointer;text-align:center;overflow:hidden}.upload:focus-within{outline:3px solid var(--pink);outline-offset:3px}.upload-symbol{font-size:25px;color:var(--pink);line-height:1}.upload span:last-of-type{font-size:11px;font-weight:400;margin-top:3px;color:var(--muted)}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-details{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:13px}.photo-details img{width:54px;height:54px;object-fit:contain;background:var(--paper);border-radius:8px}.photo-details small{font-size:10px;color:var(--muted)}.photo-details button{margin-left:auto}.quick-moods{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0 14px}.quick-moods button{font-size:11px;padding:4px 12px;background:var(--paper);border:1px solid var(--line);border-radius:30px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:10px 14px;border-radius:9px;border:1px solid var(--ink);font-size:13px;font-weight:700;transition:background .15s}.primary{background:var(--ink);color:#fff}.primary:hover{background:#245568}.primary span{font-size:21px}.secondary{background:#fff;color:var(--ink)}.secondary:hover{background:var(--mint)}#suggest{width:100%}.check-label{display:flex;gap:9px;align-items:center;min-height:44px;margin-top:12px}.check-label input{width:19px;height:19px;accent-color:var(--pink)}.fur-panel{background:var(--mint)}.fur-panel .step{background:#fff}.fur-panel .hint{margin-top:0}.preview-card{position:relative;background:#f2ebe4;border:1px solid #e5dcd2;border-radius:20px;overflow:hidden}.preview-heading{text-align:center;padding:30px 12px 0}.preview-heading h2{font-size:27px;margin-top:7px}#cozy-preview{width:100%;height:auto;max-height:510px;object-fit:contain;display:block;margin:0}.preview-caption{display:flex;justify-content:center;gap:14px;font-size:11px;font-weight:700}.preview-caption span+span{border-left:1px solid #bac4bf;padding-left:14px}.preview-note{font-size:10px;color:var(--muted);text-align:center;margin:9px 14px 23px}.plan{margin-top:20px}.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.plan-heading h2{font-size:23px;margin-top:5px}.pill{font-size:9px;white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:7px 10px;color:var(--muted)}.row-plan{padding:0;margin:0;list-style:none}.row-plan li{display:grid;grid-template-columns:44px 71px 23px 1fr;gap:9px;align-items:center;border-bottom:1px solid #eee9e5;padding:8px 0;font-size:12px;min-height:38px}.row-plan li:last-child{border-bottom:0}.row-plan .row-number{font-size:11px;color:var(--muted)}.row-swatch{width:20px;height:20px;border-radius:50%;border:1px solid #0002}.row-plan small{font-size:10px;color:var(--muted)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.actions .primary{grid-column:1/-1}.prose{max-width:760px;margin:65px auto 35px}.prose h2{font-size:30px;margin:10px 0 17px}.prose h3{margin:24px 0 7px}.prose p{font-size:14px;color:var(--muted);line-height:1.8}.prose a{color:var(--pink)}#ltk-related,#ltk-learn{margin:25px auto}footer{margin-top:55px;background:#fff;border-top:1px solid var(--line);padding:40px 24px;text-align:center}footer p{font-size:12px;color:var(--muted);margin:10px 0}footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;font-size:12px}button:disabled{opacity:.5;cursor:wait}@media(min-width:950px){.preview-card{min-height:530px}}@media(max-width:760px){.site-nav{height:66px;padding:0 18px}.logo{font-size:23px}.site-nav>div{gap:18px;font-size:12px}main{padding:0 16px}.crumbs{font-size:10px;gap:9px}.intro{margin-top:28px}.intro p{font-size:14px}.desktop{display:none}.studio{grid-template-columns:1fr;gap:0}.result{grid-row:2}.controls{grid-row:1}.preview-card{margin-bottom:0}.preview-heading{padding-top:22px}.preview-heading h2{font-size:23px}#cozy-preview{max-height:430px;object-fit:contain}.plan{margin-top:14px}.panel{padding:20px}.row-plan li{grid-template-columns:38px 64px 20px 1fr;gap:8px;font-size:11px}.pill{font-size:8px;padding:5px 7px}.plan-heading h2{font-size:21px}.preview-caption{font-size:9px;gap:10px}.prose{margin-top:35px}.prose h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.site-nav,.crumbs,.intro,.controls,.actions,.prose,footer,#ltk-offer,#ltk-related,#ltk-learn{display:none}.studio{display:block}.preview-card{max-width:350px;margin:auto}.plan{break-inside:avoid}.result{display:block}#cozy-preview{max-height:300px;object-fit:contain}}
