.studio,.request-section,.tracking-section{padding:100px max(6vw,24px);scroll-margin-top:100px}.studio{background:#e8e1d4}.feature-heading h2,.tracking-section h2{font-size:clamp(48px,6vw,86px);line-height:1.02;letter-spacing:-3px;margin:24px 0}.feature-heading h2 em,.tracking-section h2 em{font-family:Georgia,serif;font-weight:normal}.feature-heading p,.tracking-section p{line-height:1.7;max-width:470px}.designer-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:60px}.coffee-preview{background:#27483b;color:#eee8da;min-height:540px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;border-radius:4px}.coffee-preview:before{content:'';position:absolute;inset:25px;border:1px solid #ffffff22}.preview-label,.preview-caption{font-size:10px;letter-spacing:2px;z-index:1}.cup{width:74%;aspect-ratio:1;border:13px solid #f7f2e8;border-radius:50%;margin:38px 0;background:radial-gradient(circle,#f4e5c3 60%,#b58956);box-shadow:0 25px 45px #0004,inset 0 0 15px #54392344;position:relative}.cup:after{content:'';width:19%;height:30%;border:12px solid #f7f2e8;border-left:0;border-radius:0 45% 45% 0;position:absolute;left:100%;top:35%}.cup canvas{width:100%;height:100%;border-radius:50%;position:relative;z-index:1}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 25px}.template-card{border:1px solid #24221c33;background:#f4eee4;padding:20px 10px;cursor:pointer;transition:transform .2s,background .2s}.template-card:hover{transform:translateY(-4px)}.template-card[aria-pressed=true]{background:#fff8ec;border-color:#233d30;box-shadow:inset 0 -3px #233d30}.template-card span{display:block;font-size:32px;height:46px;color:#5e3d24}.template-card small{font-size:10px;letter-spacing:1px}.field{display:flex;flex-direction:column;gap:10px;font-size:11px;letter-spacing:1px;margin:20px 0}.field input,.field textarea,.field select{background:#fffaf3;border:1px solid #24221c33;border-radius:0;padding:15px;font:15px Arial,sans-serif;color:#23221c;width:100%;box-sizing:border-box}.field small{letter-spacing:0;line-height:1.5;opacity:.6}.upload-area{border:1px dashed #24221c66;padding:20px;display:flex;flex-direction:column;gap:9px;font-size:14px;margin:20px 0}.upload-area span{font-size:11px;opacity:.65}.upload-area input{width:100%;font:12px Arial,sans-serif}.designer-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.designer-actions .button{font-size:10px}.check{display:flex;gap:10px;align-items:flex-start;line-height:1.6;font-size:12px;margin:15px 0}.check input{accent-color:#284739;margin-top:4px}.feature-note{font-size:11px;line-height:1.7;opacity:.7;letter-spacing:0}.request-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#f7f3ea}.request-steps{display:flex;flex-direction:column;gap:24px;font-size:10px;letter-spacing:1.4px;margin-top:45px}.request-form{border-top:1px solid #24221c55;padding-top:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request-form .button{width:100%;margin:20px 0 0}.tracking-section{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;background:#ded7c8}.track-form{display:flex;gap:12px;align-items:end}.track-form .field{flex:1}.track-form .button{margin-bottom:20px;padding:17px}.stage-list{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;gap:8px;margin:40px 0 15px}.stage-list li{font-size:10px;line-height:1.5;border-top:3px solid #24221c22;padding-top:15px;opacity:.5}.stage-list li.done{border-color:#284739;opacity:1}.stage-list li.active{font-weight:bold}.receipt{padding:24px;background:#e1eadf;border:1px solid #28473944;margin-top:20px;overflow-wrap:anywhere}.receipt code{display:block;font-size:15px;margin:14px 0;user-select:all}.error{color:#9e342c;font-size:13px}.admin-body{max-width:1100px;padding:40px 24px;margin:auto;background:#f3efe7;color:#24221c;font:15px Arial,sans-serif}.admin-body h1{font-size:40px}.admin-row{border-top:1px solid #bbb;padding:25px 0}.admin-row p{white-space:pre-wrap;overflow-wrap:anywhere}.admin-row select{padding:12px;margin-right:12px}.admin-row button{padding:12px;cursor:pointer}.admin-row a{color:#284739}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a66337;outline-offset:3px}
@media(max-width:800px){.studio,.request-section,.tracking-section{padding:64px 24px}.designer-grid,.request-section,.tracking-section{grid-template-columns:1fr;gap:35px}.coffee-preview{min-height:430px}.field-row{grid-template-columns:1fr;gap:0}.track-form{flex-wrap:wrap}.stage-list{gap:5px}.stage-list li{font-size:9px}.feature-heading h2,.tracking-section h2{letter-spacing:-2px}header nav a{font-size:10px}.designer-actions .button{flex:1}.template-grid{gap:8px}}@media(prefers-reduced-motion:reduce){.template-card{transition:none}}
.admin-brand-heading{display:flex;align-items:center;gap:18px;font:300 25px Arial,sans-serif;letter-spacing:4px}.admin-brand-heading img{width:80px;height:80px;object-fit:contain}.admin-brand-heading small{font-size:15px;letter-spacing:0}