:root{--ink:#171717;--paper:#f4f1e9;--card:#fff;--accent:#ff5a36;--muted:#77736d;--line:#d7d2c7;--soft:#ebe7dd;--green:#217a4d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,241,233,.94);backdrop-filter:blur(12px);z-index:50}.brand{font-size:24px;font-weight:950;letter-spacing:-1.5px}.brand span{color:var(--accent)}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:var(--accent)}.ghost-btn,.secondary-btn{background:transparent;border:1px solid var(--ink);padding:11px 15px;font-weight:750}.hero{min-height:520px;padding:80px 7vw 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.22em;color:var(--accent)}h1{font-size:clamp(52px,7vw,94px);line-height:.9;margin:18px 0 24px;letter-spacing:-.065em}h1 em{font-family:Georgia,serif;font-weight:400}.lead{font-size:18px;line-height:1.6;max-width:630px;color:#5d5954;margin-bottom:32px}.primary-btn,.checkout-btn{display:inline-flex;background:var(--ink);color:#fff;border:0;padding:16px 22px;font-weight:850}.primary-btn:hover,.checkout-btn:hover{background:var(--accent)}.hero-card{justify-self:end;background:var(--ink);color:#fff;padding:28px;width:min(420px,100%);display:flex;gap:20px;align-items:center;transform:rotate(2deg);box-shadow:18px 18px 0 var(--accent)}.mini-shirt{width:72px;height:72px;background:#ece7da;color:var(--ink);display:grid;place-items:center;font:900 34px Georgia,serif;clip-path:polygon(26% 0,39% 8%,61% 8%,74% 0,100% 18%,86% 41%,75% 33%,75% 100%,25% 100%,25% 33%,14% 41%,0 18%)}.hero-card div:last-child{display:flex;flex-direction:column;gap:6px}.hero-card span{font-size:13px;color:#beb8ae}.designer-section{background:#e9e4d9;padding:60px 4vw 80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading>div{display:flex;gap:18px;align-items:baseline}.section-heading span{font-size:12px;color:var(--accent);font-weight:900}.section-heading h2{margin:0;font-size:36px;letter-spacing:-.04em}.section-heading p{font-size:13px;color:var(--muted)}.designer-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(430px,1fr) minmax(280px,340px);gap:18px;align-items:start}.controls-card,.preview-card,.summary-card{background:var(--card);border:1px solid #d5d0c5}.controls-card{padding:22px}.control-block{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ebe7df}.control-block>label,.customer-form>label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;display:block;margin-bottom:9px}.controls-card select,.controls-card input[type=text],.controls-card input[type=number],.customer-form input,.customer-form textarea{width:100%;border:1px solid #cbc6ba;background:#fff;padding:12px;outline:none}.controls-card select:focus,.controls-card input:focus,.customer-form input:focus,.customer-form textarea:focus{border-color:var(--accent)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compact{margin-top:10px}.swatches{display:flex;gap:9px;flex-wrap:wrap}.swatch{width:30px;height:30px;border:2px solid transparent;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}.swatch.active{outline:2px solid var(--ink);outline-offset:2px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink)}.segmented button{border:0;background:#fff;padding:11px;font-weight:800}.segmented button.active{background:var(--ink);color:#fff}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}.check-grid label{display:flex;gap:8px;align-items:center}.inline-add{display:grid;grid-template-columns:1fr 44px}.inline-add button{border:0;background:var(--ink);color:#fff;font-size:24px}.upload-box{border:1px dashed #aaa49a;padding:18px;text-align:center;text-transform:none!important;letter-spacing:0!important;display:flex!important;flex-direction:column;gap:5px;cursor:pointer;background:#faf9f6}.upload-box strong{font-size:13px}.upload-box span,#fileName{font-size:11px;color:var(--muted)}#fileName{display:block;margin-top:7px}.label-row,.range-label{display:flex;justify-content:space-between;align-items:center}.range-label{text-transform:none!important;letter-spacing:0!important;font-weight:650!important;color:#595550;margin-top:12px!important}.link-btn{background:none;border:0;padding:0;color:var(--accent);font-size:12px;font-weight:800}.control-block input[type=range]{width:100%;accent-color:var(--accent)}.save-row{display:flex;align-items:center;gap:10px}.save-row span{font-size:11px;color:var(--green)}.preview-card{overflow:hidden}.preview-toolbar,.preview-footer{height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e1d7;font-size:11px;font-weight:850;letter-spacing:.08em}.preview-toolbar .print-note,.preview-footer span{font-weight:500;letter-spacing:0;color:var(--muted)}.preview-footer{border-top:1px solid #e6e1d7;border-bottom:0}.canvas-wrap{height:650px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fff 0,#f3f0e9 50%,#e7e2d8 100%)}.shirt-svg{position:absolute;inset:30px 7% 10px;width:86%;height:92%;filter:drop-shadow(0 25px 18px rgba(0,0,0,.12));pointer-events:none}.print-area{position:absolute;left:34%;top:29%;width:32%;height:40%;border:1px dashed rgba(0,0,0,.35);display:grid;place-items:start center;padding-top:8px;pointer-events:none}.print-area span{font-size:8px;letter-spacing:.12em;color:rgba(0,0,0,.35)}.design-layer{position:absolute;inset:0}.design-item{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);transform-origin:center;user-select:none;touch-action:none;cursor:grab;max-width:190px}.design-item.selected{outline:1px dashed var(--accent);outline-offset:5px}.design-item.text{font-weight:900;white-space:nowrap}.design-item.image img{display:block;width:140px;max-height:180px;object-fit:contain}.side-badge{position:absolute;bottom:18px;left:18px;background:var(--ink);color:#fff;padding:8px 10px;font-size:9px;font-weight:900;letter-spacing:.12em}.summary-card{padding:24px;position:sticky;top:94px}.summary-top p{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:900;margin:0}.summary-top h3{font-size:30px;margin:4px 0 24px;letter-spacing:-.04em}.summary-lines{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.summary-lines div,.total-row{display:flex;justify-content:space-between;gap:15px;padding:8px 0;font-size:13px}.summary-lines strong{font-weight:750}.total-row{font-size:17px;padding:18px 0 8px}.total-row strong{font-size:24px}.summary-card>small{color:var(--muted);font-size:10px;line-height:1.4;display:block}.customer-form{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.customer-form>label{margin-top:11px}.customer-form .accept{display:flex;gap:8px;text-transform:none;letter-spacing:0;font-weight:600;line-height:1.35}.customer-form .accept input{width:auto}.checkout-btn{width:100%;justify-content:center;margin-top:18px}.order-result{margin-top:12px;padding:12px;background:#e8f5ec;color:#175f3a;font-size:12px;line-height:1.45}.how{padding:70px 6vw}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article{border-top:2px solid var(--ink);padding:20px 4px}.steps b{color:var(--accent);font-size:12px}.steps h3{font-size:22px;margin:28px 0 8px}.steps p{color:var(--muted);line-height:1.5;font-size:14px}.features{background:var(--ink);color:#fff;padding:34px 6vw;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.features article{display:flex;gap:16px}.features article>span{width:38px;height:38px;border:1px solid #555;display:grid;place-items:center;color:var(--accent);font-weight:900}.features p{color:#aaa49b;font-size:13px;margin:5px 0 0}footer{padding:38px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:12px;color:var(--muted)}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}
@media(max-width:1120px){.designer-grid{grid-template-columns:300px 1fr}.summary-card{grid-column:1/-1;position:static}.summary-card{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.summary-top,.summary-lines,.total-row,.summary-card>small{grid-column:1}.customer-form,.checkout-btn,.order-result{grid-column:2}.customer-form{grid-row:1/5;margin-top:0;padding-top:0;border-top:0}.checkout-btn{align-self:end}.hero{grid-template-columns:1fr}.hero-card{justify-self:start}}
@media(max-width:760px){.topbar nav,.ghost-btn{display:none}.topbar{height:62px}.hero{padding:54px 20px;min-height:auto}.hero-card{box-shadow:8px 8px 0 var(--accent)}.designer-section{padding:42px 12px}.designer-grid{display:block}.controls-card,.preview-card,.summary-card{margin-bottom:14px}.canvas-wrap{height:520px}.summary-card{display:block}.section-heading{align-items:start}.section-heading p{display:none}.steps,.features{grid-template-columns:1fr}.how{padding:50px 20px}.steps article{padding-bottom:3px}.features{gap:22px}.summary-card .customer-form{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}footer{grid-template-columns:1fr;gap:14px;text-align:left}footer p:nth-child(2),footer p:last-child{text-align:left;margin:0}}