@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f5f0;--ink:#252b28;--muted:#788079;--line:#e1e4dc;--accent:#df6245;--green:#335a49}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);padding:10px 15px;font-weight:600;transition:.2s}button:hover,.button:hover{border-color:var(--accent);background:#fff8f4}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4.5vw;background:#fafaf7}.brand{font-weight:800;letter-spacing:3px;color:var(--ink);text-decoration:none;font-size:21px;display:flex;align-items:center;gap:17px}.brand span{font-size:11px;letter-spacing:2px;font-weight:500;border-left:1px solid #aaa;padding-left:17px}.header-note{font-size:10px;letter-spacing:2.2px;color:var(--muted)}main{max-width:1600px;margin:auto;padding:42px 4.5vw}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted)}h1{font:600 clamp(26px,3.3vw,45px)/1.2 'Manrope',sans-serif;letter-spacing:-1.7px;margin:12px 0}h1 span{color:var(--accent)}.intro p{color:var(--muted);margin:0}.primary{background:var(--accent);border-color:var(--accent);color:white;padding:14px 20px;white-space:nowrap}.primary:hover{background:#ca5338;color:white}.workspace{display:grid;grid-template-columns:355px minmax(0,1fr);gap:25px}section{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:18px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h2{font:700 16px 'Manrope',sans-serif;margin:0}h2 b{font-size:11px;color:var(--accent);font-weight:600;margin-right:10px}.pill{font-size:9px;letter-spacing:1px;background:#f3f4ef;padding:5px 8px;border-radius:4px;color:var(--muted)}.material{display:flex;background:#f4f5f0;border-radius:7px;padding:4px;margin-bottom:20px;gap:3px}.material button{width:50%;background:transparent;border-color:transparent;padding:8px}.material .active{background:white;box-shadow:0 2px 5px #00000009;color:var(--green)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:11px;font-weight:600;display:block;position:relative}label small{color:var(--muted);font-weight:400;float:right}input,select{display:block;background:#fafbf8;border:1px solid var(--line);border-radius:6px;width:100%;padding:10px;margin-top:7px;font-size:14px;color:var(--ink)}.help{font-size:11px;line-height:1.6;color:var(--muted)}details{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}summary{cursor:pointer;font-weight:600;font-size:12px;list-style:none;margin-bottom:14px}summary span{float:right;color:var(--muted)}.item{border:1px solid var(--line);border-radius:8px;padding:13px;margin:13px 0;border-left:3px solid var(--piece)}.item-top{display:flex;gap:8px;align-items:center;margin-bottom:10px}.item-top input{margin:0;padding:6px;border:0;background:transparent;font-size:12px;font-weight:600}.remove{padding:3px 7px;border:0;color:var(--muted);font-size:18px}.item-grid{display:grid;grid-template-columns:1fr 1fr 55px;gap:8px}.item-grid input{padding:8px;font-size:13px}.rotation{display:flex;align-items:center;gap:7px;color:var(--muted);margin-top:11px;font-weight:400}.rotation input{width:14px;margin:0;accent-color:var(--green)}.item details{margin-top:10px;padding-top:10px}.item summary{font-size:10px;color:var(--muted)}.add{width:100%;border-style:dashed;color:var(--green);padding:12px}.file-actions{margin-top:13px}.file-actions button,.file-actions .button{font-size:11px;padding:8px;text-align:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--green);color:white;border-radius:12px;padding:25px 0;margin-bottom:20px}.stats>div{padding:0 22px;border-right:1px solid #ffffff22}.stats>div:last-child{border:0}.stats span{font-size:9px;letter-spacing:1px;color:#c2d4c6}.stats strong{display:block;font:600 29px 'Manrope',sans-serif;margin:9px 0 6px;white-space:nowrap}.stats small{font-size:10px;color:#c2d4c6}.preview{padding:0;overflow:hidden}.preview-head{display:flex;align-items:center;justify-content:space-between;padding:22px;gap:12px}.preview-head p{margin:6px 0 0;font-size:11px;color:var(--muted)}.tools{display:flex;gap:10px;align-items:center}.tools button{font-size:11px}.zoom{display:flex;align-items:center;gap:6px;color:var(--muted)}.zoom select{width:75px;font-size:11px;margin:0;padding:8px}.legend{display:flex;gap:18px;font-size:10px;color:var(--muted);padding:0 22px 20px}.legend span{display:flex;align-items:center;gap:6px}.dot{display:block;width:9px;height:9px;background:#c4cbbc;border-radius:2px}.dash{display:block;width:12px;height:9px;border:1px dashed #aeb7a9}.roll-scroll{padding:30px 35px;overflow:auto;max-height:690px;min-height:420px;background-color:#eeefe9;background-image:radial-gradient(#c9cec1 0.7px,transparent 0.7px);background-size:12px 12px}#drawing{margin:auto;width:fit-content}svg{display:block;filter:drop-shadow(0 5px 8px #00000008)}.preview-footer{display:flex;justify-content:space-between;padding:15px 22px;font-size:10px;color:var(--muted);gap:10px}.preview-footer span:last-child{font-size:9px;letter-spacing:.8px}.suggestion{display:flex;align-items:center;gap:15px;padding:19px 22px;border:1px solid #d8dfce;border-radius:10px;background:#f0f3e9}.spark{font-size:32px;color:var(--green)}h3{margin:0 0 6px;font-size:12px}.suggestion p{margin:0;font-size:11px;line-height:1.5;color:#68735f}.suggestion button{margin-left:auto;white-space:nowrap;font-size:10px;background:transparent}.footnote{font-size:10px;color:var(--muted);line-height:1.6;margin:17px 0}.warning{padding:12px 16px;background:#fff0e6;color:#8a4b25;border:1px solid #efd4bf;border-radius:8px;margin-bottom:14px;font-size:12px;line-height:1.6}.error{background:#fff0ee;color:#a13529}.coordinates{background:white;padding:16px;border:1px solid var(--line);border-radius:8px}.coordinates table{width:100%;font-size:11px;border-collapse:collapse}.coordinates td,.coordinates th{text-align:left;padding:7px;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:8px;padding:12px 20px;display:none;z-index:10}@media(max-width:1000px){.workspace{grid-template-columns:310px minmax(0,1fr)}main{padding:30px 24px}.stats>div{padding:0 12px}.stats strong{font-size:23px}.header-note{display:none}.preview-head{flex-wrap:wrap}.legend{flex-wrap:wrap;gap:10px}.suggestion{flex-wrap:wrap}}@media(max-width:760px){header{padding:0 20px;height:70px}.brand{font-size:17px;gap:10px}.brand span{padding-left:10px;font-size:9px}header button{font-size:11px}.intro{display:block}.intro .primary{margin-top:20px;width:100%}.workspace{grid-template-columns:1fr}.stats strong{font-size:22px}.stats span{font-size:8px}.roll-scroll{padding:20px 12px}.preview-footer{flex-wrap:wrap}}@media print{header,aside,.intro,.tools,.suggestion,.footnote,#toast,.legend{display:none}main{padding:0}.workspace{display:block}.stats{background:white;color:black;border:1px solid #ccc}.stats span,.stats small{color:#444}.roll-scroll{max-height:none;overflow:visible;background:white;padding:0}.preview{border:0}.preview-footer{display:none}svg{max-width:100%;height:auto;filter:none}.coordinates{break-before:page}details.coordinates:not([open]){display:none}.warning{color:black}}