:root{--yellow:#dae4d7;--ink:#233f36;--muted:#87948b;--line:#e1e8df;--bg:#f5f6f1}body{font-size:13px;color:#34483e;background:#f5f6f1}header{height:84px;padding:0 32px;background:#203e33;color:#f2f1e8;gap:32px}.brand{font-size:22px;font-weight:500;letter-spacing:2px}.brand small{letter-spacing:2px;font-size:8px;color:#bacabc}.logo{width:43px;height:43px;font-size:24px;border:1px solid #829882;border-radius:4px;color:#ede9ce;background:transparent;font-family:serif}nav{gap:21px}nav button{color:#c4d0c1;font-size:12px}nav button.active{color:#fff}nav button.active:after{background:#cbbf88}nav span{color:#d7ddcd;background:#ffffff15}.tools span{color:#a3b99f;font-size:10px}.tools button{color:#d1dac9;border:1px solid #607662;background:transparent;border-radius:4px;padding:4px 8px}main{max-width:1500px;margin:auto;padding:0 32px}h1{color:#294639;font-size:30px;letter-spacing:1px;font-weight:500}.heading{margin:34px 0 26px}.heading p:last-child{color:#899482;font-size:12px}.eyebrow{letter-spacing:3px;font-size:9px;color:#9a946d}.btn.dark{background:#315540;border-color:#315540;color:white}.btn.yellow{background:#e9dfac;border-color:#d7ca8f;color:#4e542c}.btn{font-size:11px;border-radius:5px}.hz-layout{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:24px;align-items:start}.main-column{min-width:0}.panel{border:1px solid #e0e6db;box-shadow:0 3px 15px #243e2a02;border-radius:9px;overflow:hidden}.panelhead{padding:20px 24px;border-color:#edf0e7}.panelhead h2{color:#415640;font-size:15px;font-weight:500}.panelhead h2 span{color:#8c9c78;background:#eff2e7}.panelhead small{font-size:10px;color:#9aa48e}.panelbody{padding:20px 24px 24px}.panelbody>.box-library-head{margin:0 0 16px}.photo-shapes .shape span{font-size:12px;letter-spacing:.5px}.shapes.photo-shapes{max-height:540px;grid-template-columns:repeat(3,minmax(0,1fr))}.photo-shapes .shape{border-color:#e1e7db}.photo-shapes .shape small{font-size:10px}.photo-shapes .shape.active:before{display:none}.photo-shapes .shape.active:after{font-size:11px}.quote-aside{display:block;position:sticky;top:18px;min-width:0}.quote-aside>section{margin-bottom:20px}.preview-artwork{width:100%;padding:0;position:relative;display:block;border:0;background:#f6f3eb;cursor:zoom-in}.preview-artwork img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:contain}.preview-artwork span{position:absolute;right:9px;bottom:9px;background:#fffd;padding:4px 8px;border-radius:4px;font-size:9px;color:#6f7e62}.preview{padding:20px}.preview .asidehead{margin-bottom:15px}.asidehead small{color:#9fa790}.caption{margin:17px 0 8px}.caption b{color:#4b5f40}.caption span{color:#9ca58b}.result{border-top-color:#3d6046;background:#fff;padding:20px}.result .bigprice strong{font-size:37px}.result .total{background:#f3f0de;padding:13px 12px}.result .total b{font-size:16px}.summary div{gap:12px}.summary b{max-width:185px;text-align:right;font-weight:500;color:#5b6b53}.tip{background:#edf2e6;padding:20px;border-radius:8px;font-size:11px;color:#748363}.tip p{margin:9px 0 5px;line-height:1.9}.fields.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 18px}.fields.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}.fields label,.block{font-size:11px;color:#7c8a72}.fields label input,.fields label select{display:block;margin-top:7px}input,select,textarea{font-size:12px;padding:10px;background:#fff;border:1px solid #dce4d5;color:#46563d;border-radius:4px}input:focus,select:focus,textarea:focus{outline:2px solid #c8d6b7;border-color:#8ca57a}.spaced{margin-top:16px}.block textarea{margin-top:7px}.spec-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:15px}.spec-top>b{font-size:19px;font-weight:500;color:#4c643f}.pill{font-size:9px;background:#eff3e8;color:#7c8d70;border-radius:4px;padding:3px 6px}.pill.warning{color:#9a702b;background:#fbf1db}.hint{color:#9aa58e;font-size:10px;line-height:1.9}.cost-intro{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:20px}.cost-intro p{font-size:11px;line-height:1.9;color:#929d83;margin:0;max-width:430px}.cost-intro>div{flex:none;display:flex;flex-direction:column;align-items:flex-end}.textbtn{font-size:11px;color:#617b4b}.cost-detail{border-top:1px solid #e5ebdd;margin-top:26px;padding-top:16px}.cost-detail summary{cursor:pointer;font-size:12px;color:#506b42;list-style:none}.cost-detail summary:after{content:' ＋';float:right;color:#a7b49a}.cost-detail[open] summary:after{content:' −'}.cost-lines{margin:15px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.cost-lines>div{display:flex;justify-content:space-between;font-size:11px;color:#89967c;gap:10px}.cost-lines b{font-weight:500;color:#62744f}.cost-lines .cost-total{grid-column:1/-1;border-top:1px solid #e1e7d8;padding-top:10px;margin-top:5px;font-size:13px;color:#3f5a33}.check{font-size:11px;color:#71825f;line-height:1.9}.check input{accent-color:#5c7b47}#quoteError{font-size:10px;line-height:1.8;color:#a27b3c;margin:16px 0}.manual-blanks{padding:14px;background:#faf5e5;margin-top:15px;border:1px solid #e9dec0;border-radius:5px}.manual-blanks b{font-size:11px;color:#9c7737}.manual-blanks p{font-size:10px;color:#a18c63;margin:7px 0 12px}.manual-blanks>div{display:flex;align-items:center;gap:7px;margin-top:8px}.manual-blanks>div>span:first-child{min-width:90px;font-size:10px;color:#9c865a}.manual-blanks input{width:110px;font-size:10px;padding:7px}.tablewrap{margin-top:16px}table{width:100%;font-size:10px}table th{font-size:10px;color:#8f9d7f}table td{padding:10px 8px;color:#6c7d59}.die-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}.die-controls .panelbody{padding:22px}.die-controls .fields{gap:13px}.die-controls .block{display:block}.die-controls select{margin-top:7px}.die-notes{background:#f8f5e8;padding:14px;margin:20px 0 18px;border-radius:5px;border:1px solid #e9e2c9}.die-notes>b{font-size:11px;color:#96783d}.die-notes ul{padding-left:14px;margin:7px 0 0;font-size:10px;color:#a18f66;line-height:1.9}.legend{display:flex;flex-wrap:wrap;gap:8px 15px;margin:17px 0;font-size:10px}.legend span:nth-child(1){color:#30383b}.legend span:nth-child(2){color:#c75a5a}.legend span:nth-child(3){color:#559064}.export-actions{display:grid;gap:8px;margin:18px 0}.die-canvas{padding:28px;min-height:450px;max-height:950px;overflow:auto;background-color:#fafbf7;background-image:linear-gradient(#e8eddf66 1px,transparent 1px),linear-gradient(90deg,#e8eddf66 1px,transparent 1px);background-size:20px 20px}.die-canvas>svg{display:block;background:#fff;box-shadow:0 3px 20px #2b4a2610;min-width:100px}.die-canvas-panel{min-width:0}.die-canvas-panel .panelhead{gap:16px}.zoom-controls{display:flex;gap:5px;align-items:center;color:#9aa58c;font-size:10px}.zoom-controls button{border:1px solid #dfe6d7;background:white;color:#6b7e55;border-radius:3px;padding:2px 8px}.zoom-controls span{min-width:37px;text-align:center}.die-stats{padding:15px 22px;display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#89987a;border-top:1px solid #e7ecdf}.die-stats span{display:block}.die-stats b{font-weight:500;color:#61744e;margin-left:7px}.guidegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.guidecard{padding:28px}.guidecard h2{font-size:18px;font-weight:500;color:#516d40}.guidecard p{font-size:12px;color:#8b997b;line-height:2}.guidecard a{color:#5b7e41;text-decoration:underline}.guidecard .btn{margin:0 8px 8px 0}#photoDialog{padding:0;max-width:min(1180px,96vw);width:1180px;max-height:95vh;background:#faf8f0}#photoDialog>img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}#photoDialog>div{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;color:#5e7750;gap:15px}#photoDialog b{font-size:12px;font-weight:500}footer{border-color:#e0e7d6;margin-top:35px;color:#8c9b7c}footer>span{font-weight:500;letter-spacing:2px;font-size:16px}#toast{background:#345239;color:#f3f3e9}.empty{color:#89977a}.record .amount b{color:#4b6c38}
@media(max-width:1200px){header{gap:20px;padding:0 25px}nav{gap:14px}.tools span{display:none}.brand{font-size:19px}.hz-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.panelbody{padding:20px}.photo-shapes .shape small{font-size:9px}.fields.three{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-intro{display:block}.cost-intro>div{flex-direction:row;gap:17px;margin-top:10px}.shapes.photo-shapes{grid-template-columns:repeat(2,minmax(0,1fr))}.die-layout{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:900px){header{height:auto;min-height:78px;flex-wrap:wrap;gap:15px;padding:18px 22px 0}.brand{flex:1}nav{order:3;width:100%;height:44px;justify-content:space-between;gap:10px}.tools{margin-left:0}main{padding:0 22px}.heading h1{font-size:25px}.hz-layout{grid-template-columns:1fr}.quote-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.quote-aside .tip{grid-column:1/-1}.quote-aside .result{order:initial}.shapes.photo-shapes{grid-template-columns:repeat(3,minmax(0,1fr))}.die-layout{grid-template-columns:1fr}.die-controls .fields{grid-template-columns:repeat(4,minmax(0,1fr))}.die-canvas{max-height:800px}.export-actions{grid-template-columns:1fr 1fr 1fr}.die-notes{margin-bottom:12px}}
@media(max-width:600px){header{padding:15px 16px 0}.brand{font-size:18px}.brand small{font-size:6px;letter-spacing:1px}.logo{width:35px;height:35px;font-size:20px}.tools button{font-size:9px;padding:3px 6px}nav button{font-size:11px}main{padding:0 15px}.heading{margin:26px 0 20px;display:block}.heading h1{font-size:23px;line-height:1.5;letter-spacing:0}.heading p:last-child{font-size:10px}.heading>.btn{margin-top:12px}.panelhead{padding:16px}.panelhead h2{font-size:13px}.panelhead small{font-size:8px}.panelbody{padding:16px}.shapes.photo-shapes{grid-template-columns:repeat(2,minmax(0,1fr));max-height:490px}.photo-shapes .shape span{font-size:11px}.photo-shapes .shape small{font-size:8px}.fields.three,.fields.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px}.fields label{font-size:9px}.fields input,.fields select{font-size:11px;padding:9px 8px}.spec-top{display:block}.spec-top>b{display:block;margin-bottom:8px}.quote-aside{display:block}.cost-intro p{font-size:10px}.cost-intro>div{gap:10px}.cost-intro .textbtn{font-size:10px}.cost-lines{gap:8px 15px}.cost-lines>div{font-size:10px}.manual-blanks>div{flex-wrap:wrap}.manual-blanks>div>span:first-child{width:100%}.manual-blanks input{width:40%}.die-controls .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.die-canvas{padding:12px;max-height:680px;min-height:300px}.die-canvas-panel .panelhead{flex-wrap:wrap}.export-actions{grid-template-columns:1fr 1fr}.export-actions .btn{padding:9px 5px;font-size:10px}.guidegrid{grid-template-columns:1fr}.guidecard{padding:22px}.guidecard p{font-size:11px}.die-stats{padding:12px;font-size:9px}#photoDialog>div{padding:12px;flex-wrap:wrap}.check{font-size:10px}.box-library-head b{font-size:15px}footer{padding:22px 0}footer p{font-size:8px;letter-spacing:0}footer small{font-size:8px}}
@media print{body>header,body>main,body>dialog,#toast{display:none!important}#printSheet{display:block!important;color:#111}#printSheet table{font-size:11px}#printSheet th,#printSheet td{padding:7px;border:1px solid #ddd;color:#222}#printSheet .print-die svg{max-width:none!important;height:auto!important}#printSheet .print-die{overflow:visible}.print-die~p{font-size:10px}#printSheet h1{font-size:22px;color:#222}}
.part-rates{margin:17px 0;padding:14px;border:1px solid #e1e8d8;border-radius:5px;background:#f8faf4}.part-rates>b{font-size:11px;color:#657d51}.part-rates p{font-size:10px;color:#9aa98a;margin:7px 0 12px}.part-rates label{display:inline-block;font-size:10px;color:#7c9068;margin:0 15px 8px 0;max-width:180px}.part-rates input{display:block;margin-top:5px;width:145px;font-size:11px;padding:8px}
#dieCanvas svg g[font-size] text{font-size:5px}#dieCanvas svg g[id^="CUT-"]{stroke-width:.4}#dieCanvas svg g[id^="CREASE-"]{stroke-width:.35}#dieCanvas svg g[id^="BLEED-"]{stroke-width:.3}