body{background:#fbf8ef}.drawer-main{max-width:1220px;margin:0 auto;padding:0 24px}.drawer-title{display:flex;justify-content:space-between;align-items:end;padding:36px 0 27px}.drawer-title h1{font-size:clamp(36px,4.5vw,58px);line-height:1.02;letter-spacing:-.055em;margin:0}.drawer-title>div>p{font-size:15px;color:#766d61;max-width:520px;margin:14px 0 0;line-height:1.5}.autosave{font-size:11px;color:#8e8578}.mode-back{font-size:13px;color:#756c61;text-decoration:none}.drawer-steps{display:flex;max-width:680px;margin:0 auto 22px}.drawer-steps button{position:relative;flex:1;border:0;border-top:1px solid #d5cdc0;background:transparent;padding:16px 5px 4px;color:#8b8277;font:600 13px system-ui;cursor:pointer}.drawer-steps button span{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;margin-right:7px;border-radius:50%;background:#dfdbd3;color:#5d584f}.drawer-steps button[aria-current]{color:#252925}.drawer-steps button[aria-current] span{background:#ff4b16;color:white}.drawer-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;align-items:start}.drawer-controls,.drawer-preview{background:#fffdf8;border:1px solid #dfd5c6;border-radius:21px}.drawer-controls{padding:25px}.drawer-controls h2{font-size:23px;letter-spacing:-.03em;margin:0 0 9px}.drawer-controls h3{font-size:15px;margin:26px 0 13px}.drawer-controls section>p{font-size:13px;line-height:1.55;color:#776e62}.drawer-controls .primary{width:100%;margin-top:21px}.drawer-controls details,.drawer-preview details{border-top:1px solid #e6ded2;margin-top:18px;padding:13px 0}.drawer-controls summary,.drawer-preview summary{font-size:13px;font-weight:650;cursor:pointer;min-height:28px}.drawer-controls details label{margin-top:13px}.helper{font-size:11px!important;color:#7f766a;line-height:1.55!important}.upload{display:block;border:1px dashed #ab9e8c;border-radius:13px;padding:15px;background:#f7f1e8;font-size:13px;cursor:pointer}.upload input{height:auto;border:0;background:transparent;margin:7px 0 0;padding:0;font-size:11px}.marker-box{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0;padding:13px;border-radius:12px;background:#f0e9dd}.marker-box b,.marker-box small{display:block;font-size:12px}.marker-box small{font-size:10px;color:#776e62;margin-top:4px}.marker-box .secondary{padding:10px;min-height:38px;text-decoration:none}.button-stack{display:flex;flex-direction:column;align-items:stretch;gap:4px}.text-button{border:0;background:transparent;color:#7a4f39;text-decoration:underline;text-underline-offset:3px;padding:9px;cursor:pointer;font:inherit;font-size:12px}.tool-row{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.tool{display:flex;align-items:center;gap:6px;border:1px solid #d6cab9;border-radius:8px;padding:10px;margin:0!important}.tool input{width:15px;height:15px;margin:0}.tool-row .secondary{padding:9px 11px;min-height:40px}.shape-size{display:flex;justify-content:space-between;align-items:center;border-radius:11px;background:#eaf4e9;padding:12px 14px;margin-top:15px}.shape-size small{font-size:10px;color:#527059}.shape-size b{font-size:14px}.drawer-preview{position:sticky;top:14px;padding:25px;background:#f1ebdf}.preview-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.preview-heading h2{font-size:23px;margin:0}.preview-heading p{font-size:11px;color:#7a7166;margin:5px 0 0}.canvas-wrap{position:relative;margin:18px 0}.canvas-wrap canvas{display:block;width:100%;height:auto;background:#faf7ef;border-radius:14px;touch-action:none;outline-offset:4px}.canvas-wrap canvas:focus-visible{outline:3px solid #292824}#empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;color:#7d7468}#empty-state span{display:flex;width:45px;height:45px;align-items:center;justify-content:center;border:1px dashed #a99d8d;border-radius:50%;font-size:25px;margin-bottom:12px}#empty-state b{font-size:14px}#empty-state small{font-size:10px;margin-top:5px}#error{padding:13px;border-radius:10px;background:#ffebe4;color:#9e3825;font-size:12px}#status{font-size:12px;color:#3f6947;min-height:18px}.button-stack button:disabled,.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.drawer-controls .apple-switch{font-size:13px}.drawer-controls #export-tools button{width:100%;margin-top:9px}.cell-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(63px,1fr));gap:5px;max-height:220px;overflow:auto}.cell-options label{display:flex;align-items:center;gap:5px;font-size:10px;margin:0}.cell-options input{width:15px;height:15px;margin:0}.plate-list{grid-template-columns:repeat(2,minmax(0,1fr))}.small-upload{margin-top:10px}.drawer-preview>.secondary{margin-top:8px}footer{padding:35px 0}.object-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:7px 0;border-bottom:1px solid #eee5d9}.object-row button{border:0;background:transparent;color:#a44929;cursor:pointer}.manual-point{font-weight:700;color:#fff}@media(max-width:850px){.drawer-workspace{grid-template-columns:310px minmax(0,1fr)}.drawer-preview{padding:19px}.drawer-controls{padding:21px}}@media(max-width:680px){header{height:74px}.drawer-main{padding:0 15px}.drawer-title{padding:27px 0 20px;display:block}.drawer-title h1{font-size:39px}.drawer-title>div>p{font-size:14px}.autosave{display:none}.drawer-steps{margin-bottom:15px}.drawer-steps button{font-size:12px}.drawer-workspace{display:flex;flex-direction:column}.drawer-controls,.drawer-preview{width:100%;position:static}.drawer-controls{order:0}.drawer-preview{order:1}.drawer-preview .canvas-wrap{margin:13px 0}.preview-heading h2{font-size:20px}.plate-list{grid-template-columns:1fr 1fr}.helper{font-size:12px!important}.marker-box{align-items:start}.mode-back{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.print-service{margin-top:22px;padding:22px;border-radius:16px;background:#fffaf1;border:1px solid #ddcbb8}.print-service h3{font-size:24px;margin:4px 0 12px}.print-service .eyebrow{font-size:10px;font-weight:750;letter-spacing:.13em;color:#d84a21;margin:0}.print-service>.secondary{width:100%;margin:10px 0}.print-service details{border-top:1px solid #e2d5c6;padding-top:13px}.print-service form{margin-top:14px}.print-service textarea{width:100%;resize:vertical;border:1px solid #d7cabb;border-radius:10px;background:#fffdf8;padding:11px;font:inherit}.print-service .primary{width:100%;margin-top:14px}.consent{display:flex!important;align-items:flex-start;gap:9px;margin-top:13px!important;font-size:10px!important;line-height:1.45}.consent input{flex:0 0 18px;width:18px!important;height:18px!important;margin:1px 0 0!important}.consent span{font-weight:400}#quote-card{border-radius:13px;background:#eaf4e9;padding:15px;margin:12px 0}#quote-card>div{display:flex;align-items:end;justify-content:space-between}#quote-card small{font-size:10px;color:#527059}#quote-card b{font-size:28px;color:#274b31}#quote-card p{margin:9px 0 0!important}.saved-projects{margin-top:12px}.saved-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #eadfd1}.saved-row button{border:0;background:transparent;color:#7a4f39;cursor:pointer;text-align:left}.saved-row button:first-child{font-weight:700;color:#272622;flex:1}.object-row{gap:8px}.object-row img{width:38px;height:38px;object-fit:cover;border-radius:7px}.object-row span{flex:1}.drawer-preview details>button.secondary{margin:6px 6px 0 0}
.drawer-controls label[hidden],.drawer-controls details[hidden]{display:none}

.measurement-diagram{display:block;width:100%;max-width:300px;height:auto;margin:14px auto;color:#403d38}
#manual-calibration .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#manual-calibration label,.curve-adjust label{min-width:0;font-size:12px;line-height:1.5}
#manual-calibration input,.curve-adjust input{width:100%;min-width:0}
#manual-frame{width:100%;white-space:normal;line-height:1.4}
#measured-editor{padding:16px;border:1px solid #e7d5c4;border-radius:15px;background:#fff6ec;margin:16px 0}
#measured-editor[hidden],.tool-row[hidden]{display:none}
#measured-editor .measured-heading h3{margin:12px 0 8px;font-size:18px;line-height:1.3}
#measured-editor .tool-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
#measured-editor button{white-space:normal;line-height:1.4;min-height:44px}
#measured-editor .helper{font-size:12px!important;line-height:1.55!important}
#measured-editor .curve-adjust{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#measured-editor .curve-adjust label{display:flex;flex-direction:column;justify-content:space-between;gap:8px}
#measured-editor .curve-adjust input{margin-top:auto}
#measured-editor .apple-switch{gap:12px;align-items:center}
#measured-editor input:focus-visible,#manual-calibration input:focus-visible{outline:2px solid #ce6032;outline-offset:2px}
@media(max-width:680px){#measured-editor{padding:14px}}