:root{--bg: #e9ebee;--bar: #ffffff;--text: #1f2328;--muted: #656d76;--line: #d0d7de;--accent: #0b5cad;--page-shadow: 0 1px 4px rgba(0, 0, 0, .25);color-scheme:light;font-family:Malgun Gothic,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bar);border-bottom:1px solid var(--line)}.title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.spacer{flex:1}.muted{color:var(--muted);font-size:13px;white-space:nowrap}.btn{font:inherit;font-size:13px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:#f6f8fa;color:var(--text);cursor:pointer;white-space:nowrap}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.zoom{min-width:58px}.doc{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px 48px}.doc.drag{outline:3px dashed var(--accent);outline-offset:-12px}.page{position:relative;background:#fff;box-shadow:var(--page-shadow);flex:none}.page>svg{display:block;width:100%;height:100%}.tools{display:contents}.doc.canvas{display:block;padding:0;flex:1 1 0;min-height:0}body:has(>.doc.canvas){display:flex;flex-direction:column;height:100vh;overflow:hidden}.cad{position:relative;width:100%;height:100%;background:#212830;cursor:crosshair;touch-action:none;overflow:hidden}.cad.light{background:#fff}.cad.grab{cursor:grabbing}.cad>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}body.editing{display:flex;flex-direction:column;height:100vh;overflow:hidden}.editing .doc,.editing .tools,.editing #pick-label,.editing #pages,.editing #zoom-out,.editing #zoom-label,.editing #zoom-in,.editing #download,.editing #print{display:none}.editor{flex:1 1 0;min-height:0;background:#fff}.dialog{width:min(520px,calc(100vw - 32px));padding:20px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--bar)}.dialog::backdrop{background:#0000004d}.dialog h2{margin:0 0 14px;font-size:16px}.dialog label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.dialog input{width:100%;font:inherit;font-size:14px;padding:7px 9px;border:1px solid var(--line);border-radius:6px}.dialog .muted{white-space:normal;margin:10px 0 0}.dialog-buttons{display:flex;justify-content:flex-end;gap:6px;margin-top:18px}.embed #pick-label,.locked #pick-label{display:none}#account{margin-left:8px}.gate{margin-top:15vh;text-align:center}.gate p{margin:0 0 16px;color:var(--muted)}.status{position:fixed;left:50%;bottom:24px;transform:translate(-50%);margin:0;padding:10px 16px;border-radius:8px;background:#24292f;color:#fff;font-size:14px;max-width:calc(100vw - 32px)}.status.error{background:#b42318}@media(max-width:640px){.muted,#zoom-label{display:none}}@page{margin:0}@media print{body{background:#fff}.bar,.status{display:none!important}.doc{display:block;padding:0}.page{box-shadow:none;break-after:page}body:has(>.doc.canvas){height:auto}.doc.canvas{height:100vh}.cad{background:#fff}}