:root{--ink:#263f35;--muted:#69756b;--paper:#f5f3eb;--line:#d8ddcf;--white:#fffef9;--accent:#a24d34;--error:#983e28}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 'Avenir Next',Avenir,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,label.button{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-underline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:21px 4vw}.wordmark{text-decoration:none;font:32px Georgia,serif;letter-spacing:-1px}.wordmark span{font:14px 'Avenir Next',system-ui,sans-serif;letter-spacing:0;padding-left:13px}.prototype,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650}.prototype{padding:5px 10px;border:1px solid var(--line);border-radius:3px;color:var(--muted)}main{max-width:1580px;margin:auto;padding:0 4vw}.intro{padding:43px 0 32px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.intro .eyebrow{grid-column:1/-1;margin:0 0 15px;color:var(--accent)}h1{font:47px/1.08 Georgia,serif;letter-spacing:-1.8px;margin:0}h1 em{font-weight:400;color:#77836e}.intro>p:last-child{justify-self:end;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 5px}h2,h3,p{margin-top:0}h2{font-size:15px;font-weight:600;margin-bottom:0}.workspace{display:grid;grid-template-columns:312px minmax(0,1fr);border:1px solid var(--line);background:var(--white);min-height:820px}aside{border-right:1px solid var(--line)}.step{padding:23px;border-bottom:1px solid var(--line)}.step:last-child{border:0}.step-title{display:flex;gap:14px;align-items:center;margin-bottom:14px}.step-title>span{color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums}.step p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:15px}.upload-actions{display:grid;gap:8px}.button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:3px;min-height:40px;padding:9px 13px;text-align:center;text-decoration:none;font-size:12px;font-weight:600;width:100%;cursor:pointer}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.primary{justify-content:space-between}.button:hover:not(:disabled){filter:brightness(.94)}.upload-actions input{position:absolute;clip-path:inset(100%);width:1px;height:1px}.upload-actions:focus-within{outline:2px solid var(--accent);outline-offset:4px}.micro{font-size:10px!important;margin:13px 0 0!important;line-height:1.65!important}.text-button{color:var(--ink);border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:3px;font-size:inherit}.step>label{display:block;font-size:11px;margin:12px 0 5px;color:var(--muted)}input,textarea,select{color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:3px;padding:9px 10px;width:100%;font-size:12px;min-height:36px}textarea{resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.export .button+.button{margin-top:8px}.canvas-area{min-width:0;background:#eeefe7}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line);background:var(--white)}.toolbar .eyebrow{font-size:9px;color:var(--muted)}.toolbar h2{font:22px Georgia,serif;margin-top:3px}.segmented{display:flex;padding:3px;background:#eff1e9;border-radius:4px}.segmented button{border:0;background:none;padding:7px 10px;border-radius:3px;font-size:11px;color:var(--muted)}.segmented [aria-pressed=true]{background:var(--white);color:var(--ink);box-shadow:0 1px 3px #263f3510}#status:empty,#notes:empty{display:none}#status{padding:12px 24px;background:#e6ebdb;color:var(--ink);font-size:12px}#status.error{background:#f5e4d8;color:var(--error)}#notes{padding:12px 24px;color:var(--muted);font-size:11px}#notes p{margin:3px 0}.empty{min-height:620px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.paper-icon{display:grid;place-items:center;width:100px;height:130px;background:var(--white);border:1px solid var(--line);box-shadow:8px 8px 0 #dfe3d7;transform:rotate(-5deg);font:43px Georgia,serif;color:#9da790;margin-bottom:32px}.empty h3{font:30px/1.2 Georgia,serif;letter-spacing:-.5px;margin-bottom:15px}.empty p{font-size:12px;color:var(--muted)}.empty button{font-size:12px}.review-summary{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;background:#f8f8f1;font-size:12px;border-bottom:1px solid var(--line)}.filter-button{border:1px solid var(--line);background:var(--white);padding:6px 10px;border-radius:3px;color:var(--ink);font-size:11px}.product-list{max-height:820px;overflow:auto;scrollbar-width:thin}.product-row{padding:17px 22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:64px 1fr;gap:16px}.product-row>img{width:64px;height:80px;object-fit:contain;background:#e3e5da}.no-photo{width:64px;height:80px;display:grid;place-items:center;font-size:10px;color:var(--muted);border:1px dashed #a4ac9e}.product-row h3{margin:0 0 6px;font-size:12px;font-weight:550}.fields{display:grid;grid-template-columns:1.1fr 1fr 1fr .8fr .8fr 1fr;gap:8px}.fields label{font-size:9px;color:var(--muted)}.fields input{padding:6px;font-size:11px;min-height:32px}.fields .wide{grid-column:1/-1}.fields input[aria-invalid=true]{border-color:var(--accent);background:#fff5ed}.field-error{display:block;font-size:9px;line-height:1.4;color:var(--error);margin-top:3px}.photo-error{grid-column:1/-1;color:var(--error);font-size:11px}.page-nav{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;font-size:12px}.page-nav button{background:var(--white);border:1px solid var(--line);border-radius:3px;padding:7px 10px;color:var(--ink)}#page-image{display:block;width:calc(100% - 80px);max-width:612px;margin:0 auto 24px;box-shadow:0 5px 22px #24392b15;border:1px solid #deded4}#page-thumbnails{display:flex;overflow:auto;gap:10px;padding:0 25px 24px}#page-thumbnails button{flex:0 0 47px;border:1px solid var(--line);background:white;padding:3px;color:var(--ink)}#page-thumbnails button[aria-current=true]{border:2px solid var(--ink)}#page-thumbnails img{width:100%;display:block}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;padding:25px 0;color:var(--muted)}footer span{letter-spacing:0} [hidden]{display:none!important}@media(max-width:1080px){.workspace{grid-template-columns:285px minmax(0,1fr)}.fields{grid-template-columns:repeat(3,1fr)}.toolbar{flex-wrap:wrap}.intro>p:last-child{max-width:300px}.desktop{display:none}}@media(max-width:760px){header{padding:16px 5vw}.wordmark{font-size:28px}.wordmark span{font-size:11px;padding-left:7px}.prototype{font-size:8px}main{padding:0 5vw}.intro{display:block;padding:30px 0}h1{font-size:38px}.intro>p:last-child{margin:18px 0 0;max-width:none}.workspace{display:flex;flex-direction:column}aside{border-right:0;display:grid;grid-template-columns:1fr}.step{padding:20px}.canvas-area{min-height:500px}.empty{min-height:410px}#page-image{width:calc(100% - 30px)}.product-row{padding:15px 12px;grid-template-columns:45px 1fr;gap:10px}.product-row>img,.no-photo{width:45px;height:65px}.fields{gap:7px}footer{gap:20px}.toolbar{padding:18px}}