:root{font-family:Inter,Noto Sans KR,system-ui,sans-serif;color:#243a35;background:#f4f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #cad2c8;background:#fff;color:#243a35;border-radius:10px;padding:10px 14px;min-height:42px;font-weight:650}button:hover{background:#e9eee5}button:disabled{opacity:.4;cursor:default}button.active,.primary{background:#264d40;color:#fff;border-color:#264d40}a{color:inherit}header{max-width:1400px;margin:auto;padding:23px 35px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9dfd3}.brand{font-size:21px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.logo{display:inline-grid;place-items:center;width:35px;height:35px;border:2px solid #294d40;border-radius:9px;color:#ce734f}header .tag{margin-left:18px;font-size:12px;letter-spacing:.04em;color:#6b7b70;font-weight:500}main{max-width:1400px;padding:34px 35px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:750;color:#608273}h1{font-size:clamp(26px,3.3vw,44px);margin:10px 0;letter-spacing:-1.8px;font-weight:750}.intro p{font-size:14px;margin:0;color:#66766b}.private{font-size:12px;padding:9px 12px;border-radius:20px;background:#e6ecdf;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.board-panel{border:1px solid #d4ddce;border-radius:20px;background:#eaf0e4;overflow:hidden}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:17px 20px;border-bottom:1px solid #d2dccd;background:#f9faf6}.toolbar span{font-size:13px;font-weight:650;margin-right:5px}.toolbar button{padding:7px 13px;min-height:35px}.toolbar .spacer{flex:1}.canvas-wrap{padding:20px 15px 0;position:relative}svg#desk{width:100%;display:block;touch-action:none;overflow:visible;outline-offset:0}.desk-object{cursor:grab;outline:none}.desk-object:focus .shape{stroke:#1b3029;stroke-width:1.2;stroke-dasharray:2 1}.desk-object text{pointer-events:none;-webkit-user-select:none;user-select:none}.desk-object:active{cursor:grabbing}.board-foot{display:flex;justify-content:space-between;gap:12px;padding:8px 23px 20px;color:#676;font-size:12px}.legend{display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;background:#2d6550;border-radius:50%;display:inline-block}.inspector{border:1px solid #d9dfd3;border-radius:18px;background:#fff;padding:21px;height:fit-content}.section-label{font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#748274;margin:0 0 16px}.inspector h2{font-size:21px;margin:0 0 6px;letter-spacing:-.5px}.hint{font-size:12px;line-height:1.7;color:#738073}.fields{display:flex;gap:10px;margin:17px 0}.fields label{flex:1;min-width:0;font-size:12px;color:#637063}input,select{width:100%;border:1px solid #cdd6c7;border-radius:8px;background:#f8faf5;padding:10px;color:#243a35;margin-top:6px;min-height:41px}input:focus,button:focus-visible,select:focus{outline:3px solid #c58a46;outline-offset:2px}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button{flex:1;font-size:13px}.divider{border:0;border-top:1px solid #e5e9e1;margin:22px 0}.move{display:flex;gap:5px;margin-top:12px}.move button{flex:1;padding:8px}.add-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.add-menu button{padding:13px 6px;background:#fbfcf8;font-size:11px;font-weight:600}.add-menu .mini{display:block;width:32px;height:21px;border:1.5px solid currentColor;border-radius:3px;margin:0 auto 8px;background:#e8ede3}.add-menu button:nth-child(2) .mini{height:13px;margin-top:8px}.status{padding:17px 20px;background:#fff;border:1px solid #d9dfd3;border-radius:14px;margin-top:14px;font-size:13px;line-height:1.7}.status.good{border-left:4px solid #487858}.status.warn{border-left:4px solid #c9724c}.status strong{display:block}.tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tools button{font-size:13px}.local-note{font-size:11px;color:#71806f;line-height:1.7;margin-top:12px}.guide{margin-top:48px;border-top:1px solid #dce2d6;padding-top:28px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:32px}.guide h2{font-size:24px;letter-spacing:-.6px;margin-top:0}.guide h3{font-size:14px;margin-top:0}.guide p{font-size:13px;line-height:1.9;color:#6a796c}.num{font-size:11px;color:#a57555;font-weight:800}.foot{display:flex;justify-content:space-between;gap:12px;padding:27px 0;margin-top:23px;font-size:12px;color:#798572}.foot nav{display:flex;gap:20px}.notice{margin:10px 0;font-size:12px;min-height:18px;color:#8e4e2b}#share-output{overflow-wrap:anywhere;font-size:12px}#share-output input{font-size:12px}details{margin-top:16px;font-size:12px}summary{cursor:pointer}body>noscript{display:block;padding:20px}.page{max-width:760px;margin:50px auto;padding:25px;line-height:1.9}.page h1{font-size:34px}.page h2{font-size:21px}.page p{color:#5d6d63}@media(max-width:850px){header{padding:17px 20px}.tag,.private{display:none!important}main{padding:25px 18px}.workspace{grid-template-columns:1fr}.inspector{padding:18px}.add-menu{grid-template-columns:repeat(6,1fr)}.guide{gap:20px}.canvas-wrap{padding:10px 0 0}.intro{margin-bottom:20px}.inspector .fields{max-width:500px}.board-foot{padding:5px 15px 15px}.toolbar{padding:12px}.tools button{flex:1}.guide{grid-template-columns:1fr}.guide h2{margin-bottom:0}.foot{flex-direction:column}h1{letter-spacing:-1px}.intro p{font-size:13px}.add-menu button{font-size:10px;padding:10px 2px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}header .actions button{white-space:nowrap;flex:none}.inspector .actions button{padding-left:7px;padding-right:7px;white-space:nowrap}.workspace>section,.inspector{min-width:0}@media(max-width:850px){.workspace{grid-template-columns:minmax(0,1fr)}.tools{display:grid;grid-template-columns:1fr 1fr}.tools button{min-width:0}.board-foot{font-size:10px}.add-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){header{padding:15px 16px}.brand{font-size:18px;gap:6px}header .actions button{padding:9px}.toolbar{gap:6px}.toolbar button{padding:7px 10px}}