:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fb;--panel:#fff;--panel-strong:#f1f5f9;--ink:#18202f;--muted:#647084;--line:#d9e0ea;--line-strong:#bfccda;--accent:#0f766e;--accent-strong:#115e59;--blue:#2563eb;--amber:#b7791f;--danger:#b42318;--shadow:0 18px 45px #18202f1f;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:Inter,Pretendard,Noto Sans KR,Malgun Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%}[hidden]{display:none!important}body{min-width:320px;min-height:100vh;background:var(--bg);min-height:100dvh;color:var(--ink);margin:0;overflow:hidden}button,input{font:inherit}button{-webkit-appearance:none;appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0}#app{height:100vh;grid-template-rows:64px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.topbar{padding-right:max(20px, env(safe-area-inset-right));padding-left:max(20px, env(safe-area-inset-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffeb;align-items:center;gap:18px;display:flex}.brand{align-items:center;gap:12px;min-width:220px;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand strong,.brand span{line-height:1.2;display:block}.brand span{color:var(--muted);margin-top:2px;font-size:12px}.topbar-status{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.topbar-actions,.toolbar{align-items:center;gap:8px;display:flex}.mobile-actions-button,.mobile-sheet-header,.mobile-quick-actions{display:none}.app-shell{grid-template-columns:300px minmax(0,1fr) 310px;min-height:0;display:grid}.left-panel,.right-panel{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex;overflow:hidden}.right-panel{border-right:0;border-left:1px solid var(--line)}.drop-panel{text-align:center;border:1px dashed var(--line-strong);cursor:pointer;background:#fbfcfe;border-radius:8px;place-items:center;gap:8px;min-height:132px;margin:16px;transition:border-color .16s,background .16s,transform .16s;display:grid}.drop-panel svg{width:28px;height:28px;color:var(--accent)}.drop-panel span{max-width:220px;color:var(--muted);font-size:13px;line-height:1.45}.drop-panel:hover,.drop-panel:focus,.drop-panel.dragover{border-color:var(--accent);background:#eefcf8;outline:none;transform:translateY(-1px)}.panel-section,.inspector-section{border-top:1px solid var(--line);padding:14px 16px}.panel-section.grow{flex-direction:column;flex:1;min-height:180px;display:flex;overflow:hidden}.section-title{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.section-title svg{width:16px;height:16px}.recent-list{gap:8px;display:grid}.recent-item,.page-item{width:100%;min-height:48px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.recent-item:hover,.page-item:hover{background:var(--panel-strong)}.recent-item svg{width:18px;height:18px;color:var(--blue);flex:none}.recent-item small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.page-list{-webkit-overflow-scrolling:touch;align-content:start;gap:8px;min-height:0;padding-right:2px;display:grid;overflow:auto}.page-item{border:1px solid #0000;align-items:stretch}.page-item.active{background:#eefcf8;border-color:#0f766e73}.thumb-preview{border:1px solid var(--line);background:#fff;border-radius:4px;flex:none;place-items:center;width:54px;height:72px;display:grid;overflow:hidden}.thumb-preview svg{width:100%;height:100%}.page-label{align-self:center;min-width:0}.page-label strong,.page-label span{display:block}.page-label span{color:var(--muted);font-size:12px}.workspace{grid-template-rows:64px 1fr;min-width:0;min-height:0;display:grid}.commandbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:0 18px;display:flex}.document-title{min-width:0}.document-title span,.document-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.document-title span{font-weight:700}.document-title small{color:var(--muted);margin-top:3px}.viewer-wrap{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background-color:#eef2f7;background-image:linear-gradient(90deg,#0f766e14 1px,#0000 1px),linear-gradient(0deg,#2563eb0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:0;position:relative;overflow:auto}.empty-state{text-align:center;align-content:center;place-items:center;gap:10px;height:100%;min-height:420px;padding:36px;display:grid}.empty-state svg{width:42px;height:42px;color:var(--accent)}.empty-state span{max-width:420px;color:var(--muted);line-height:1.55}.empty-open-button{justify-content:center;min-width:132px;display:none}.page-stage{justify-content:center;align-items:flex-start;min-width:100%;min-height:100%;padding:36px;display:flex}.page-surface{box-shadow:var(--shadow);background:#fff;border-radius:4px;overflow:hidden}.page-surface svg{width:100%;height:auto;display:block}.icon-button,.tool-button,.primary-button,.secondary-button,.text-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;transition:background .15s,color .15s,opacity .15s,transform .15s;display:inline-flex}.icon-button,.tool-button{background:var(--panel-strong);width:36px;height:36px;color:var(--ink)}.tool-button.wide{width:auto;min-width:58px;padding:0 10px}.icon-button:hover,.tool-button:hover{background:#e2e8f0}.icon-button svg,.tool-button svg,.primary-button svg,.secondary-button svg{width:17px;height:17px}button:disabled{cursor:not-allowed;opacity:.45}.divider{background:var(--line);width:1px;height:24px}.page-indicator,.zoom-label{min-width:68px;color:var(--muted);text-align:center;font-size:13px}.zoom-label{min-width:48px}.meta-grid{gap:10px;margin:0;display:grid}.meta-grid div{border-bottom:1px solid var(--line);grid-template-columns:96px minmax(0,1fr);gap:12px;padding-bottom:10px;display:grid}.meta-grid dt{color:var(--muted);font-size:12px}.meta-grid dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px}.export-actions{gap:8px;display:grid}.primary-button,.secondary-button{justify-content:flex-start;min-height:40px;padding:0 12px}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-strong)}.secondary-button{background:var(--panel-strong);color:var(--ink)}.secondary-button:hover{background:#e2e8f0}.text-button{min-height:28px;color:var(--muted);background:0 0;padding:0 8px;font-size:12px}.text-button:hover{color:var(--ink);background:var(--panel-strong)}.quality-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.quality-list li{color:var(--muted);padding-left:18px;font-size:13px;line-height:1.45;position:relative}.quality-list li:before{content:"";background:var(--accent);border-radius:999px;width:7px;height:7px;position:absolute;top:.55em;left:0}.busy-overlay{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a47;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.busy-box{width:min(360px,100vw - 40px);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:8px;justify-items:center;gap:10px;padding:28px;display:grid}.busy-box span{color:var(--muted);font-size:13px}.spinner{border:3px solid #dbe4ef;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}.toast-region{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:40;gap:10px;display:grid;position:fixed}.toast{background:var(--ink);color:#fff;width:min(360px,100vw - 36px);box-shadow:var(--shadow);border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.45}.toast.error{background:var(--danger)}.editor-overlay{z-index:35;grid-template-rows:calc(58px + env(safe-area-inset-top)) minmax(0, 1fr);background:#fff;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.editor-header{padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;display:flex}.editor-header strong,.editor-header span{display:block}.editor-header span{color:var(--muted);margin-top:2px;font-size:12px}.editor-actions{align-items:center;gap:8px;display:flex}.editor-host{min-height:0;padding-bottom:env(safe-area-inset-bottom);background:#f8fafc}.editor-host iframe{display:block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.right-panel{display:none}}@media (max-width:820px),(max-height:500px) and (pointer:coarse){#app{grid-template-rows:auto minmax(0,1fr)}.topbar{min-height:calc(64px + env(safe-area-inset-top));padding-top:max(8px, env(safe-area-inset-top));padding-right:max(12px, env(safe-area-inset-right));padding-bottom:8px;padding-left:max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;flex-wrap:wrap;gap:6px 12px}.brand{flex:auto;min-width:0}.brand-mark{width:34px;height:34px}.brand span{display:none}.topbar-actions{flex:none;gap:6px}#legal-button,#open-editor-button,#download-source-button{display:none}.mobile-actions-button{display:inline-flex}.topbar-status{flex-basis:100%;order:3;font-size:12px}.app-shell{grid-template-columns:1fr;min-height:0}.left-panel{display:none}.right-panel,.right-panel.open{z-index:25;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom);border:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.right-panel{display:none}.right-panel.open{display:flex}.mobile-sheet-header{z-index:1;min-height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mobile-quick-actions{padding-right:max(16px, env(safe-area-inset-right));padding-left:max(16px, env(safe-area-inset-left));gap:8px;display:grid}.workspace{grid-template-rows:auto minmax(0,1fr);min-height:0}.commandbar{min-height:100px;padding:10px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:stretch;gap:8px}.toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;width:100%;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.icon-button,.tool-button{flex:none;width:44px;height:44px}.empty-open-button{min-height:44px;display:inline-flex}.empty-state{min-height:0;padding:24px max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.page-stage{padding:12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.viewer-wrap{touch-action:pan-x pan-y pinch-zoom}.busy-overlay{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.editor-header span{display:none}.editor-header .secondary-button{min-height:44px}}@media (max-width:480px){.toolbar #zoom-out-button,.toolbar #zoom-in-button,.toolbar .divider,.toolbar .zoom-label{display:none}.page-indicator{min-width:56px}.tool-button.wide{min-width:56px;height:44px}.document-title small{font-size:11px}.editor-header{gap:8px}.editor-header>div:first-child{min-width:0}#editor-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-actions .secondary-button{padding:0 10px;font-size:12px}}@media (max-height:500px) and (pointer:coarse){.topbar{min-height:calc(64px + env(safe-area-inset-top));flex-wrap:nowrap}.topbar-status{display:none}.commandbar{flex-direction:row;align-items:center;min-height:64px;padding-top:6px;padding-bottom:6px}.document-title{max-width:34%}.toolbar{flex:1;justify-content:flex-end;width:auto}}@media (max-width:360px){.brand-mark{display:none}.brand strong{font-size:14px}}@media (pointer:coarse){.recent-item,.page-item,.primary-button,.secondary-button{min-height:44px}}