@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#292d28;--muted:#85877f;--line:#e8e9e2;--orange:#c75b30;--ground:#f5f5ef;--paper:#f8f3e4}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px}button,input,select{font:inherit;color:inherit}button,a,select,summary{cursor:pointer}button{background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}header{height:76px;display:flex;align-items:center;padding:0 28px;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:31px;font-weight:650;text-decoration:none;color:var(--ink);letter-spacing:-1.5px}.brand svg{width:31px;height:35px;fill:none;stroke:var(--orange);stroke-width:1.5}.brand span{font-size:12px;font-weight:400;letter-spacing:0;color:#777c72;margin-left:5px}nav{display:flex;align-self:stretch;gap:32px;margin:auto}nav button{font-size:13px;position:relative;color:#84877d}nav button.active{color:var(--ink)}nav button.active:after{content:'';position:absolute;bottom:15px;left:0;right:0;height:2px;background:var(--orange)}nav button span{background:#e8e9e0;padding:2px 6px;border-radius:4px;font-size:10px;margin-left:4px}.help{display:flex;gap:8px;align-items:center;font-size:13px}.avatar{background:#e5e8dd;border:1px solid #d6dacd;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:10px}.workspace{display:grid;grid-template-columns:260px minmax(380px,1fr) 288px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:0 14px;min-height:calc(100vh - 118px);overflow:hidden}.library{padding:25px 18px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column}.section-head{display:flex;align-items:center;gap:8px}h2{font-size:15px;margin:0;font-weight:600}.section-head>span{font-size:10px;color:#777d71;background:#f1f2ec;border-radius:4px;padding:2px 5px}.muted{color:var(--muted);font-size:11px;line-height:1.6;margin:9px 0 20px}.search{border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;padding:9px;gap:7px}.search>span{font-size:21px;line-height:10px;color:#7c8277}.search input{border:0;outline:0;width:100%;min-width:0;font-size:11px;background:none}.search kbd{font-size:10px;background:#f4f5f0;border:1px solid var(--line);padding:1px 4px;color:#95988e}.categories{display:flex;gap:5px;flex-wrap:wrap;margin:17px 0}.categories button{border:1px solid var(--line);border-radius:5px;padding:6px 9px;font-size:10px;color:#72786a}.categories button.selected{background:#30392f;color:white;border-color:#30392f}.list-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin:3px 0 12px}.list-heading select{border:0;background:none;font-size:10px}#templates{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.template{padding:0;text-align:left;border:1px solid var(--line);border-radius:7px;overflow:hidden;position:relative}.template.selected{border-color:#ce754f;outline:1px solid #ce754f}.template.selected:after{content:'✓';position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;background:var(--orange);color:white;text-align:center;font-size:9px}.template .thumb{height:81px;background:#f8f8f4;display:grid;place-items:center}.template svg{width:76px;height:70px;overflow:visible}.template strong{display:block;font-size:10px;line-height:1.4;font-weight:500;padding:9px 7px 2px}.template small{display:block;font-size:8px;color:#909486;padding:0 7px 9px}.library-bottom{display:flex;gap:10px;margin-top:auto;padding-top:24px;font-size:10px;color:#686e61}.library-bottom small{display:block;color:#92978a;font-size:9px;margin-top:4px}.mini-fold{font-size:27px;color:#a4ac99}main{min-width:0;padding:24px 26px 0}.breadcrumbs{font-size:10px;color:#91968a;display:flex;gap:10px}.breadcrumbs span:last-child{color:#686f61}.title-row{display:flex;justify-content:space-between;align-items:center;margin:21px 0 23px}.title-line{display:flex;gap:12px;align-items:center}h1{font-size:25px;letter-spacing:-.85px;font-weight:550;margin:0}.free{font-size:7px;letter-spacing:.7px;background:#eff2e9;color:#69805a;padding:5px 6px;border-radius:3px}.title-row p{font-size:11px;color:var(--muted);margin:9px 0 0}.icon-button{border:1px solid var(--line);border-radius:6px;width:32px;height:32px;font-size:20px}.editor{border:1px solid var(--line);border-radius:9px;overflow:hidden}.canvas-bar{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.tabs{display:flex;align-self:stretch;gap:20px}.tabs button{font-size:13px;color:#8b9084;position:relative;display:flex;align-items:center;gap:7px}.tabs button span{font-size:10px}.tabs .selected{color:var(--ink)}.tabs .selected:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange)}.fit{font-size:17px;color:#7d8576;display:flex;gap:6px;align-items:center}.fit span{font-size:10px}.canvas{position:relative;background:#f8f9f5;height:460px;overflow:hidden;display:grid;place-items:center}.canvas-note{position:absolute;left:20px;top:20px;font-size:8px;letter-spacing:1.1px;color:#949b8c}.canvas-note span{display:block;font-size:7px;letter-spacing:.5px;margin-top:6px;color:#b0b5a8}#drawing{width:100%;height:100%;padding:44px 38px 43px;transition:transform .2s}.canvas-bottom{position:absolute;bottom:15px;left:19px;right:15px;display:flex;align-items:center;justify-content:space-between}.scale-note{font-size:8px;color:#9ba191}.scale-note b{font-weight:400}.zoom{display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;background:#fff;height:29px}.zoom button{font-size:16px;width:28px}.zoom span{font-size:9px;min-width:37px;text-align:center}.legend{display:flex;align-items:center;gap:16px;padding:14px 17px;font-size:8px;color:#858c7c;border-top:1px solid var(--line)}.legend>span{display:flex;align-items:center;gap:6px}.legend i{display:block;width:17px;border-top:1.5px solid}.legend .cut{color:#c5714f}.legend .crease{color:#79887a;border-top-style:dashed}.legend .dimension{color:#a0aaa0;border-top-width:1px}.legend label{margin-left:auto;display:flex;align-items:center;gap:5px}.legend input{width:10px;height:10px;accent-color:#5a6954;margin:0}.under-canvas{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8f9587;margin:20px 0}.under-canvas b{font-weight:500;color:#69755f}.check{color:#758b62;margin-right:7px}.under-canvas button{font-size:9px;color:#707d64;white-space:nowrap}.settings{padding:26px 21px 20px;border-left:1px solid var(--line);display:flex;flex-direction:column}.settings-title{display:flex;justify-content:space-between}.settings-title span{color:#8a9381}.setting-label{display:flex;align-items:center;justify-content:space-between;margin:9px 0 18px}h3{font-size:11px;margin:0;font-weight:550}.unit-toggle{display:flex;background:#f3f4ef;border-radius:5px;padding:3px}.unit-toggle button{font-size:9px;padding:3px 8px;color:#95998c}.unit-toggle .selected{background:white;color:var(--ink);border-radius:3px}.field{display:block;font-size:10px;color:#7b8273;margin:0 0 13px}.field>div{margin-top:7px;display:flex;align-items:center;height:36px;border:1px solid #e3e6dd;border-radius:5px;background:white}.field input{width:100%;min-width:0;border:0;background:none;padding:9px 11px;font-size:12px;outline:0}.field>div:focus-within{border-color:#b7c2a9}.field .unit-label{padding-right:11px;font-size:10px;color:#a1a797}.field select{display:block;width:100%;margin-top:7px;background:white;border:1px solid var(--line);padding:9px;border-radius:5px;font-size:11px}.preset-label{font-size:9px;color:#989f8e;margin:2px 0 9px}.presets{display:flex;gap:6px;margin-bottom:20px}.presets button{border:1px solid var(--line);border-radius:4px;padding:6px 11px;font-size:9px;color:#828b76}details{border-top:1px solid var(--line);padding-top:16px;margin-bottom:16px}summary{font-size:11px;font-weight:500;list-style:none;display:flex;justify-content:space-between;margin-bottom:17px}summary:after{content:'+';color:#949c87}details[open] summary:after{content:'−'}.sheet-info{background:#f6f7f2;border:1px solid #edf0e5;border-radius:5px;padding:12px;display:grid;grid-template-columns:1fr auto;font-size:9px;color:#8c9580}.sheet-info b{font-size:10px;font-weight:500;color:#56624c}.sheet-info small{grid-column:1/-1;font-size:8px;margin-top:7px;color:#a0a793}.export{margin-top:auto;padding-top:24px}.export-label{font-size:10px;color:#767e6b;margin-bottom:10px}.download-row{display:flex;background:var(--orange);border-radius:5px;color:#fff;height:40px}.download-row button{color:white;flex:1;display:flex;justify-content:center;align-items:center;gap:10px;font-size:15px}.download-row button span{font-size:11px}.download-row select{background:none;border:0;border-left:1px solid #d9805c;color:white;font-size:10px;width:58px;padding:0 5px}.download-row option{color:#333}.print{width:100%;border:1px solid var(--line);height:35px;border-radius:5px;font-size:10px;margin-top:8px}.export p{text-align:center;font-size:7px;color:#a3aa98;margin:12px 0 0}footer{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 29px;color:#9ba28f;font-size:9px}footer i{display:inline-block;background:#8d9d78;width:5px;height:5px;border-radius:50%;margin:0 5px 0 16px}dialog{border:1px solid var(--line);border-radius:12px;width:520px;max-width:calc(100% - 32px);padding:30px;color:var(--ink)}dialog::backdrop{background:#27301f66}.close{float:right;font-size:24px}.modal-title{font-size:23px;margin:7px 0 20px}.instruction{line-height:1.8;color:#7a8370}.saved-item{display:flex;width:100%;padding:15px 0;border-bottom:1px solid var(--line);justify-content:space-between}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#303b2b;color:#fff;border-radius:6px;padding:12px 22px;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px}.preview-object{width:200px;height:280px;position:relative;transform:rotate(-8deg);background:var(--paper);border:1px solid #c9bfa4;box-shadow:14px 18px 0 #e8eae0;overflow:hidden}.preview-object:before{content:'';position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 47%);background:#e9dfc8;border-bottom:1px solid #ad9f7e}.preview-object:after{content:'';position:absolute;inset:0;clip-path:polygon(0 100%,0 50%,50% 76%,100% 50%,100% 100%);background:#f1e8d2}.preview-object.box:before{clip-path:polygon(0 0,100% 0,80% 20%,0 20%)}.preview-object.box:after{clip-path:polygon(80% 0,100% 0,100% 100%,80% 100%);background:#ded2b6}[hidden]{display:none!important}.empty{grid-column:1/-1;color:var(--muted);line-height:1.7;padding:20px 0;font-size:11px}@media(min-width:1600px){.workspace{grid-template-columns:285px minmax(380px,1fr) 310px}.canvas{height:570px}.template .thumb{height:105px}}@media(max-width:1150px){.workspace{grid-template-columns:210px minmax(330px,1fr) 250px}main{padding:22px 17px 0}.library{padding:24px 12px}.settings{padding:25px 16px}.title-line{gap:7px}h1{font-size:21px}.free{font-size:6px}.under-canvas div{max-width:60%;line-height:1.6}.legend{gap:10px;padding:12px 10px}.canvas{height:460px}.brand span{display:none}}@media(max-width:850px){header{height:62px;padding:0 17px;gap:15px}nav{gap:18px}.help span{display:none}.workspace{grid-template-columns:180px minmax(0,1fr);margin:0 8px}.settings{grid-column:2;border-top:1px solid var(--line);border-left:0;display:block}.library{grid-row:1/3}.settings #fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings details{margin-top:15px}.canvas{height:410px}.under-canvas{line-height:1.7}.under-canvas div{display:none}.legend label{font-size:0}.legend label input{width:12px;height:12px}.free{display:none}.export{margin-top:12px}footer{font-size:8px;padding:0 15px}}@media(max-width:580px){.brand{font-size:26px}.brand svg{width:25px}nav{margin-left:auto;margin-right:0;gap:12px}nav button{font-size:10px}#savedCount,.help{display:none}.avatar{width:26px;height:26px;font-size:8px}.workspace{display:block}.library{border-right:0;padding:16px}.library .muted,.library-bottom,.list-heading{display:none}.section-head{display:none}.search{float:right;width:48%;height:30px}.categories{margin:0;width:48%;height:31px;overflow:auto;flex-wrap:nowrap}.categories button{white-space:nowrap;padding:5px 8px}#templates{display:flex;overflow:auto;gap:8px;padding-top:13px}.template{min-width:108px}.template .thumb{height:60px}.template svg{height:55px}.template strong{font-size:9px}.template small{font-size:7px}main{border-top:1px solid var(--line);padding:18px 15px 0}.title-row{margin:14px 0 20px}.canvas{height:380px}#drawing{padding:38px 17px}.settings{border-left:0;padding:20px}.canvas-bar{padding:0 10px}.fit span{display:none}.under-canvas{margin:12px 0}.settings>.muted{margin-bottom:14px}footer>span:first-child{display:none}footer{justify-content:center}.canvas-note{font-size:7px}}@media print{body>*{display:none!important}body .workspace{display:block!important;border:0;margin:0}.workspace>*{display:none!important}.workspace main{display:block!important;padding:0}main>*{display:none!important}main .editor{display:block!important;border:0}.editor>*{display:none!important}.editor .canvas{display:block!important;height:auto;background:white;overflow:visible}.canvas>*{display:none!important}.canvas #drawing{display:block!important;padding:0;transform:none!important;width:var(--print-width)!important;height:var(--print-height)!important;max-width:none}@page{margin:0;size:auto}}