:root{--paper:#eee9ff;--paper-dim:#d9cff5;--white:#fff;--ink:#150f24;--muted:#5d536f;--purple:#7c3aed;--purple-dark:#5b21b6;--purple-light:#c7b0ff;--blue:#60a5fa;--mint:#34d399;--shadow:6px 6px 0 var(--ink);--shadow-sm:4px 4px 0 var(--ink);--heading:"Space Grotesk", system-ui, sans-serif;--mono:"Space Mono", "IBM Plex Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background-color:var(--paper);font-family:var(--mono);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#150f240e 1px,#0000 1px),linear-gradient(90deg,#150f240e 1px,#0000 1px);background-size:32px 32px;margin:0}button,input{font:inherit}button,a{color:inherit}.hidden{display:none!important}fieldset,figure{margin:0}.site-nav{background:var(--paper);border-bottom:4px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:68px;padding:12px clamp(20px,5vw,72px);display:grid}.brand{width:max-content;font-family:var(--heading);align-items:center;gap:12px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand>span:last-child span{color:var(--purple-dark)}.brand-mark{width:40px;height:40px;color:var(--white);background:var(--purple);border:2px solid var(--ink);box-shadow:var(--shadow-sm);place-items:center;font-size:13px;display:grid}.nav-meta{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.status-dot{background:var(--mint);border:2px solid var(--ink);border-radius:50%;width:9px;height:9px}.nav-link{border:2px solid var(--ink);background:var(--white);box-shadow:var(--shadow-sm);justify-self:end;padding:9px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s}.nav-link:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.ticker{background:var(--ink);color:var(--mint);border-bottom:2px solid var(--ink);white-space:nowrap;overflow:hidden}.ticker-track{padding:7px 0 7px 100%;font-size:11px;animation:26s linear infinite ticker;display:inline-block}@keyframes ticker{to{transform:translate(-100%)}}.hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:clamp(48px,8vw,100px);max-width:1180px;margin:0 auto;padding:clamp(64px,9vw,118px) clamp(22px,5vw,56px);display:grid}.eyebrow,.section-kicker{color:var(--purple-dark);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:12px;font-weight:700}h1,h2{font-family:var(--heading)}h1{letter-spacing:-.055em;max-width:820px;margin:16px 0 0;font-size:clamp(46px,7vw,82px);line-height:.98}h1 span{color:#0000;background:linear-gradient(125deg, var(--purple), #3b82f6, var(--mint));background-clip:text}.subtitle{color:#150f24c7;max-width:700px;margin:28px 0 0;font-size:clamp(15px,1.7vw,18px);line-height:1.75}.hero-badges{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hero-badges span{border:2px solid var(--ink);background:var(--white);text-transform:uppercase;padding:7px 10px;font-size:10px;font-weight:700}.hero-badges span:nth-child(2){background:var(--purple-light)}.hero-badges span:nth-child(3){background:var(--mint)}.hero-art{height:330px;position:relative}.knit-card{aspect-ratio:4/5;border:3px solid var(--ink);width:min(100%,285px);position:absolute}.knit-card-back{background:var(--blue);box-shadow:10px 10px 0 var(--ink);top:0;right:5px;transform:rotate(7deg)}.knit-card-front{background:var(--purple-light);box-shadow:10px 10px 0 var(--ink);place-items:center;display:grid;bottom:0;right:30px;overflow:hidden;transform:rotate(-4deg)}.knit-lines{background:repeating-linear-gradient(0deg, transparent 0 8px, var(--ink) 8px 11px);opacity:.88;position:absolute;inset:0}.knit-card-front:after{content:"";background:var(--paper);clip-path:polygon(50% 0,100% 100%,0 100%);mix-blend-mode:screen;width:62%;height:64%;position:absolute}.knit-card-front span{z-index:2;background:var(--mint);border:2px solid var(--ink);box-shadow:var(--shadow-sm);text-align:center;padding:10px;font-size:11px;font-weight:700;transform:rotate(4deg)}.app-shell{border-top:4px solid var(--ink)}.tool-section{border-bottom:4px solid var(--ink);padding:clamp(54px,7vw,88px) clamp(22px,6vw,80px)}.tool-section:nth-child(odd){background-color:#ffffff47}.tool-section>*{max-width:1120px;margin-left:auto;margin-right:auto}.step-heading{align-items:center;gap:20px;margin-bottom:34px;display:flex}.step-number{border:2px solid var(--ink);background:var(--purple-light);width:54px;height:54px;box-shadow:var(--shadow-sm);flex:none;place-items:center;font-weight:700;display:grid}.step-number.mint{background:var(--mint)}.step-number.blue{background:var(--blue)}h2{letter-spacing:-.035em;margin:3px 0 0;font-size:clamp(28px,4vw,42px);line-height:1}.drop-zone{border:3px dashed var(--ink);background:var(--white);min-height:190px;box-shadow:10px 10px 0 var(--ink);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(18px,4vw,34px);padding:clamp(28px,5vw,52px);transition:transform .15s,background .15s,box-shadow .15s;display:grid}.drop-zone:hover,.drop-zone.dragover{background:var(--purple-light);box-shadow:13px 13px 0 var(--ink);transform:translate(-3px,-3px)}.upload-icon{background:var(--purple);border:2px solid var(--ink);width:72px;height:72px;box-shadow:var(--shadow-sm);place-items:center;display:grid}.upload-icon svg{width:38px;fill:var(--white)}.drop-copy{flex-direction:column;gap:6px;display:flex}.drop-copy strong{font-family:var(--heading);font-size:clamp(20px,3vw,28px)}.drop-copy small{color:var(--muted);font-size:12px}.browse-button{border:2px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-sm);padding:13px 16px;font-size:12px;font-weight:700}#fileInput{display:none}.controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.control-group{border:2px solid var(--ink);background:var(--white);min-width:0;box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:12px;padding:22px;display:flex}.shape-group{grid-column:1/-1}.control-group legend,.control-label,.control-group>label{color:var(--purple-dark);text-transform:uppercase;letter-spacing:.1em;padding:0 6px;font-size:10px;font-weight:700}.shape-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;display:grid}.shape-option{border:2px solid var(--ink);background:var(--paper);min-height:94px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 8px;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.shape-option:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.shape-option.active{background:var(--purple-light);box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.shape-option svg{width:48px;height:27px}.shape-option svg polygon,.shape-option svg rect{stroke:var(--ink)}.shape-option span{text-transform:uppercase;font-size:10px;font-weight:700}input[type=range]{appearance:none;border:2px solid var(--ink);background:var(--paper-dim);cursor:pointer;width:min(180px,100%);height:7px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--purple);cursor:grab;width:20px;height:20px}input[type=range]::-moz-range-thumb{border:2px solid var(--ink);background:var(--purple);cursor:grab;border-radius:0;width:17px;height:17px}output{min-width:50px;font-size:12px;font-weight:700}button{border:2px solid var(--ink);cursor:pointer;border-radius:0;font-size:12px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s}.btn-primary,.btn-secondary{box-shadow:var(--shadow-sm);padding:12px 18px}.btn-primary{background:var(--purple);color:var(--white)}.btn-secondary{background:var(--white)}.btn-primary:hover,.btn-secondary:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.btn-primary:active,.btn-secondary:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-sm{padding:8px 11px;font-size:10px}.segmented-control{display:flex}.det-option{background:var(--paper);box-shadow:none;padding:9px 14px}.det-option+.det-option{border-left:0}.det-option.active{background:var(--mint)}.output-heading{margin-bottom:38px}.preview-area{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.preview-card{border:2px solid var(--ink);background:var(--white);min-width:0;box-shadow:var(--shadow);padding:20px}.preview-card figcaption{text-transform:uppercase;align-items:center;gap:10px;min-height:28px;margin-bottom:16px;font-size:10px;font-weight:700;display:flex}.preview-card figcaption span{border:2px solid var(--ink);background:var(--purple-light);padding:5px 7px}.result-card figcaption span{background:var(--mint)}.media-frame{border:2px solid var(--ink);background:repeating-conic-gradient(var(--paper) 0 25%, var(--paper-dim) 0 50%) 50% / 18px 18px;place-items:center;min-height:280px;padding:18px;display:grid;overflow:hidden}.preview-card canvas,.preview-card img{max-width:100%;display:block}.img-crop-wrap{max-width:100%;line-height:0;display:inline-block;position:relative}#cropCanvas{cursor:crosshair;background:0 0;width:100%;height:100%;display:none;position:absolute;inset:0}#resultCanvas.grabbable{cursor:grab}#resultCanvas.dragging{cursor:grabbing}.info-bar{min-height:18px;color:var(--muted);margin:14px 0 0;font-size:10px}.download-panel{border:2px solid var(--ink);background:var(--mint);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:28px;margin-top:28px;padding:22px;display:flex}.download-panel>div:first-child{flex-direction:column;gap:4px;display:flex}.download-panel strong{font-family:var(--heading);font-size:22px}.download-panel span{font-size:10px}.download-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}footer{background:var(--ink);color:var(--paper);justify-content:space-between;gap:20px;padding:22px clamp(20px,5vw,72px);font-size:10px;display:flex}footer a{color:var(--mint);font-weight:700}@media (width<=800px){.site-nav{grid-template-columns:1fr auto}.nav-meta{display:none}.hero{grid-template-columns:1fr;padding-top:64px}.hero-art{justify-self:center;width:min(100%,340px)}.controls,.preview-area{grid-template-columns:1fr}.shape-options{grid-template-columns:repeat(3,1fr)}.download-panel{flex-direction:column;align-items:flex-start}.download-actions{justify-content:flex-start}}@media (width<=560px){.site-nav{padding:10px 16px}.brand>span:last-child{display:none}.nav-link{font-size:10px}.hero{padding-left:20px;padding-right:20px}h1{font-size:43px}.hero-art{height:285px}.knit-card{width:230px}.tool-section{padding-left:18px;padding-right:18px}.drop-zone{grid-template-columns:1fr;justify-items:start}.browse-button{text-align:center;width:100%}.shape-options{grid-template-columns:repeat(2,1fr)}.control-group{padding:16px}.media-frame{min-height:220px;padding:10px}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}