:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1f4;font-family:Pretendard,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@font-face{font-display:swap;font-family:Pretendard;font-style:normal;font-weight:100 900;src:url(/fonts/PretendardVariable.ttf)format("truetype")}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:#17202a;cursor:pointer;background:#fff;border:1px solid #cbd3dc;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 14px;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.45}.app{min-height:100vh}.toolbar{z-index:20;background:#f8fafc;border-bottom:1px solid #d8dee6;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:14px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brandMark{color:#fff;background:#186b62;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.brand h1{margin:0;font-size:18px;line-height:1.2}.brand p{color:#5f6d7a;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:13px;overflow:hidden}.toolbarActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.fileButton,.largeUpload{cursor:pointer;background:#fff;border:1px solid #cbd3dc;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 14px;display:inline-flex}.fileButton input,.largeUpload input{display:none}.primary,.largeUpload{color:#fff;background:#186b62;border-color:#186b62}.status{color:#604b00;background:#fff7dc;border-bottom:1px solid #ead58d;align-items:center;gap:8px;min-height:38px;padding:8px 22px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.emptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 76px);padding:36px 20px;display:flex}.emptyIcon{color:#186b62;background:#dbe7e5;border:1px solid #bed3cf;border-radius:8px;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.emptyState h2{max-width:780px;margin:22px 0 10px;font-size:clamp(24px,4vw,42px);line-height:1.15}.emptyState p{color:#667483;margin:0 0 24px}.workspace{grid-template-columns:78px minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.pageNav{background:#f8fafc;border-right:1px solid #d8dee6;padding:14px 10px}.navTitle{color:#667483;text-align:center;margin:0 0 10px;font-size:12px;font-weight:700}.pageNav button{border-radius:8px;width:56px;height:48px;margin-bottom:8px;padding:0;position:relative}.pageNav button.active{color:#fff;background:#186b62;border-color:#186b62}.pageNav small{color:#fff;background:#d64545;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:4px;right:4px}.editor{min-width:0;overflow:auto}.editorTop{z-index:10;background:#eef1f4;border-bottom:1px solid #d8dee6;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex;position:sticky;top:76px}.editorTop label{color:#5f6d7a;align-items:center;gap:8px;font-size:13px;display:flex}.pageWrap{min-height:300px;margin:24px auto 48px}.pageSurface{transform-origin:0 0;background:#fff;position:relative;box-shadow:0 22px 50px #15202b2e}.pageSurface img,.textLayer{width:100%;height:100%;position:absolute;inset:0}.pageSurface img{-webkit-user-select:none;user-select:none;display:block}.textLayer{pointer-events:none}.textBox{pointer-events:auto;border:1px solid #0000;border-radius:4px;min-width:18px;line-height:1;display:flex;position:absolute}.textCover{pointer-events:none;background:#fff;position:absolute;top:0;left:0}.textBox:hover,.textBox:focus-within{background:0 0;border-color:#2b8a7f}.textBox.dragging{border-color:#d79b22}.textBox textarea{caret-color:#111827;color:#0000;height:100%;min-height:inherit;resize:horizontal;white-space:pre;word-break:keep-all;z-index:1;background:0 0;border:0;outline:0;width:100%;padding:0 1px;line-height:1.08;position:relative;overflow:hidden}.textBox:hover textarea,.textBox:focus-within textarea,.textBox.dirty textarea{color:#111827}.dragHandle{color:#fff;touch-action:none;background:#186b62;border:0;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:none;position:absolute;top:-1px;left:-20px}.textBox:hover .dragHandle,.textBox:focus-within .dragHandle{display:flex}@media (width<=760px){.toolbar{flex-direction:column;align-items:flex-start}.toolbarActions{justify-content:flex-start;width:100%}.workspace{grid-template-columns:1fr}.pageNav{border-bottom:1px solid #d8dee6;border-right:0;gap:8px;display:flex;overflow-x:auto}.navTitle{align-self:center;min-width:fit-content;margin:0}.pageNav button{flex:0 0 56px;margin:0}.editorTop{top:128px}}