:root{font-family:'맑은 고딕',Arial,sans-serif;color:#24332f;background:#edf0ed;font-size:13px}*{box-sizing:border-box}body{margin:0;min-width:1180px}header{height:66px;background:#fff;border-bottom:1px solid #d9dfda;display:flex;align-items:center;justify-content:space-between;padding:0 24px}header strong{font-size:21px;letter-spacing:-1px}.badge{font-size:11px;color:#667870;margin-left:14px;border:1px solid #d7dfd9;padding:4px 8px;border-radius:4px}nav,.toolbar,.toolbar>div{display:flex;gap:8px;align-items:center}button{background:#fff;border:1px solid #cfd7d1;color:#2c4037;border-radius:5px;padding:8px 11px;cursor:pointer;font:inherit;white-space:nowrap}button:hover{background:#eaf0eb;border-color:#869e8f}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #287b58;outline-offset:2px}button:disabled{opacity:.42;cursor:default}.primary{background:#254b3c;color:#fff;border-color:#254b3c}.primary:hover{background:#32634f}.toolbar{height:54px;padding:8px 20px;background:#f9faf8;border-bottom:1px solid #d7dfd9;gap:22px}.toolbar>div+div{padding-left:20px;border-left:1px solid #d7dfd9}#status{margin-left:auto;color:#5f7066;max-width:390px}main{display:grid;grid-template-columns:218px minmax(570px,1fr) 260px;height:calc(100vh - 120px)}aside{background:#fff;overflow-y:auto;padding:18px 15px}aside.left{border-right:1px solid #d9dfda}aside.right{border-left:1px solid #d9dfda}h2{font-size:13px;margin:4px 0 13px;font-weight:700}h2:not(:first-child){margin-top:25px}.help{font-size:11px;line-height:1.8;color:#728078;margin:10px 0 16px}.grid{display:grid;gap:6px}.two{grid-template-columns:1fr 1fr}.grid button{padding:8px 4px;font-size:11px}label{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:9px 0;color:#596b60;font-size:12px}input,select,textarea{font:inherit;border:1px solid #ccd5ce;background:#fff;color:#23392d;border-radius:4px;padding:6px;min-width:0}label input[type=number]{width:95px}input[type=color]{width:62px;height:30px;padding:3px}label select{width:138px}textarea{width:100%;height:100px;resize:vertical;line-height:1.5}#viewport{overflow:auto;padding:34px;background:#e8ece8;overscroll-behavior:contain}#paper{position:relative;margin:0 auto;width:100%;max-width:860px;box-shadow:0 5px 22px #243c3020}#stage{display:block;width:100%;height:auto;background:white;touch-action:none;user-select:none;outline:none}#stage [data-id]{cursor:move}#stage [data-locked=true]{cursor:default}#overlay{pointer-events:none}#overlay [data-handle]{pointer-events:all;cursor:nwse-resize}#overlay [data-handle=rotate]{cursor:crosshair}#text-editor{position:absolute;z-index:2;padding:0;resize:none;border:2px solid #258462;background:#ffffffed;transform-origin:center;overflow:auto}#text-editor[hidden]{display:none}#layers{margin-bottom:14px;max-height:330px;overflow-y:auto}.layer{display:block;text-align:left;width:100%;margin-bottom:5px;padding:9px 7px;font-size:11px;overflow:hidden;text-overflow:ellipsis}.layer.selected{background:#e4efe7;border-color:#4e8f68}.subhelp{font-size:11px;color:#698171;margin:12px 0}.separator{border-top:1px solid #e1e7e1;margin:18px 0}