:root{color:#831843;font-synthesis:none;text-rendering:optimizelegibility;background:#fdf2f8;font-family:Archivo,Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #06b6d4}.app-shell{gap:24px;max-width:1320px;margin:0 auto;padding:32px 20px 48px;display:grid}.card{background:#ffffffe6;border:1px solid #fbcfe8;border-radius:28px;box-shadow:0 24px 80px #8318431f}.upload-card{gap:24px;padding:32px;display:grid;overflow:hidden}.eyebrow{color:#be185d;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:#500724;letter-spacing:-.07em;max-width:850px;margin-bottom:18px;font-size:clamp(2.4rem,7vw,5.5rem);line-height:.95}h2{color:#500724;letter-spacing:-.04em;margin-bottom:0;font-size:clamp(1.5rem,3vw,2.2rem)}h3{color:#500724;margin-bottom:12px;font-size:1rem}.lede{color:#831843;max-width:760px;font-size:1.08rem}.file-control,.input-grid label{color:#831843;gap:10px;font-weight:700;display:grid}.file-control input,.input-grid input{color:#500724;background:#fff;border:1px solid #f9a8d4;border-radius:16px;min-height:48px;padding:10px 14px}.source-preview{background:#fdf2f8;border:1px solid #f9a8d4;border-radius:20px;align-items:center;gap:16px;padding:12px;display:flex}.source-preview img{aspect-ratio:1;object-fit:cover;border-radius:14px;width:84px;height:84px}.source-preview div{gap:4px;display:grid}.source-preview span{color:#9d174d}.segmented-control{border:0;flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.segmented-control legend{color:#831843;width:100%;margin-bottom:10px;font-weight:800}.segmented-control label{cursor:pointer}.segmented-control input{opacity:0;position:absolute}.segmented-control span{color:#831843;background:#fff;border:1px solid #f9a8d4;border-radius:999px;min-height:44px;padding:10px 16px;font-weight:800;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.segmented-control input:checked+span{color:#fff;background:#831843;border-color:#831843}.segmented-control input:focus-visible+span{outline-offset:3px;outline:3px solid #06b6d4}.primary-button,.secondary-button{border:0;border-radius:16px;min-height:52px;padding:14px 20px;font-weight:900;transition:opacity .18s,transform .18s,box-shadow .18s}.primary-button{color:#062c33;background:#06b6d4;justify-self:start;box-shadow:0 14px 32px #06b6d447}.secondary-button{color:#fff;background:#ec4899}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px #83184333}.primary-button:disabled,.secondary-button:disabled{opacity:.55}.workspace{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.preview-card,.editor-card{gap:20px;padding:24px;display:grid}.preview-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.status-pill{color:#155e75;white-space:nowrap;background:#cffafe;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:900}.pattern-shell,.pattern-empty{background-color:#fff;background-image:linear-gradient(45deg,#fce7f3 25%,#0000 25%),linear-gradient(-45deg,#fce7f3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#fce7f3 75%),linear-gradient(-45deg,#0000 75%,#fce7f3 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #fbcfe8;border-radius:22px;justify-content:center;align-items:center;min-height:360px;padding:20px;display:flex;overflow:auto}.pattern-empty{color:#9d174d;font-weight:800}.pattern-grid{max-width:100%;display:grid}.pattern-cell{aspect-ratio:1;border:1px solid #0f172a26;min-width:6px}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.download-actions{gap:12px;display:grid}.error-message{color:#9f1239;background:#ffe4e6;border:1px solid #fb7185;border-radius:14px;margin:0;padding:12px 14px;font-weight:800}.counts-panel{background:#fff7fb;border:1px solid #fbcfe8;border-radius:20px;padding:16px}.counts-list{gap:8px;display:grid}.count-row{color:#831843;grid-template-columns:18px 58px minmax(78px,1fr) auto;align-items:center;gap:8px;font-size:.9rem;display:grid}.swatch{border:1px solid #0f172a2e;border-radius:999px;width:18px;height:18px}@media (width>=960px){.workspace{grid-template-columns:minmax(0,1fr) 360px}}@media (width<=620px){.upload-card,.preview-card,.editor-card{border-radius:22px;padding:20px}.source-preview,.preview-header{flex-direction:column;align-items:stretch}.input-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}