*{box-sizing:border-box}html,body{color:#334155;background:#e7e9ed;width:100%;height:100%;margin:0;font:13px/1.5 Segoe UI,Malgun Gothic,sans-serif}[hidden]{display:none!important}#folio-studio{flex-direction:column;height:100dvh;min-height:360px;display:flex}p{margin:0}a{color:#315b8e}.titlebar{background:#fff;border-bottom:1px solid #e2e5e9;align-items:center;gap:24px;min-height:46px;padding:0 18px;display:flex}.brand{white-space:nowrap;color:#254d7e;letter-spacing:-.4px;align-items:center;gap:4px;font-size:16px;text-decoration:none;display:flex}.brand span{color:#64748b;letter-spacing:0;border-left:1px solid #d9dfe7;margin-left:8px;padding-left:12px;font-size:12px}#studio-name{text-overflow:ellipsis;white-space:nowrap;color:#64748b;flex:1;min-width:0;font-size:12px;overflow:hidden}.local-badge{color:#64748b;white-space:nowrap;font-size:11px}.toolbar{z-index:2;background:#f8f9fb;border-bottom:1px solid #d4d9e0;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 12px;display:flex;position:relative}button,.open,summary{font:inherit;cursor:pointer}button,.open{color:#334155;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 10px;display:inline-flex}button:hover:not(:disabled),.open:hover,summary:hover{background:#e9eef5}button:disabled{opacity:.38;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,.open:focus-within{outline-offset:2px;outline:2px solid #4379bf}.open{background:#fff;border-color:#d4dbe5;position:relative;overflow:hidden}.open input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.open:has(input:disabled){opacity:.4;pointer-events:none}.divider{background:#d9dfe7;width:1px;height:17px;margin:0 5px}.toolbar-end{align-items:center;gap:6px;margin-left:auto;display:flex}#studio-save{color:#fff;background:#3268a9;border-color:#3268a9}.options>summary{border-radius:4px;padding:5px 9px;font-size:12px;list-style:none}.options>summary::-webkit-details-marker{display:none}.options-panel{background:#fff;border:1px solid #d5dce5;border-radius:6px;gap:14px;width:min(350px,100vw - 24px);max-height:65dvh;padding:18px;display:grid;position:absolute;top:100%;right:12px;overflow:auto;box-shadow:0 10px 30px #172b3820}.options-panel p{color:#64748b;font-size:12px}.options-panel button{border-color:#d4dbe5;justify-self:start}.output-name{gap:6px;font-weight:600;display:grid}.output-name input{width:100%;font:inherit;border:1px solid #ccd5e0;border-radius:4px;padding:8px;font-weight:400}.options-panel details{font-size:12px}.options-panel details p{margin-top:8px}#studio-limit:empty{display:none}#studio-limit{color:#875c20;white-space:pre-line;background:#fff8e9;border-bottom:1px solid #eddfbf;flex-shrink:0;max-height:100px;padding:6px 16px;font-size:12px;overflow:auto}#studio-editor{background:#e7e9ed;flex:1;min-height:0;overflow:hidden}#studio-editor iframe{border:0;width:100%;height:100%;display:block}#studio-editor[inert]{opacity:.6}#studio-empty{text-align:center;color:#64748b;background:#f1f3f6;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}#studio-empty small{color:#8994a3;margin-top:20px}.empty-mark{color:#3268a9;background:#fff;border:1px solid #d2dce8;border-radius:6px;place-items:center;width:62px;height:76px;font-size:30px;display:grid;box-shadow:0 3px 8px #172b3808}footer{color:#64748b;background:#f8f9fb;border-top:1px solid #d4d9e0;align-items:center;gap:16px;min-height:27px;padding:4px 12px;font-size:11px;display:flex}#studio-state{flex:1;min-width:0}footer>span{white-space:nowrap}#studio-checker{visibility:hidden;pointer-events:none;width:1200px;height:900px;position:fixed;top:0;left:-20000px}@media (width<=650px){.titlebar{gap:12px;padding:0 10px}.local-badge,footer>span{display:none}.toolbar{gap:2px;padding:5px 8px}.toolbar-end{gap:2px}button,.open{padding:0 7px}#studio-undo span,#studio-redo span{display:none}.divider{margin:0 3px}.brand span{display:none}.options>summary{padding:5px;font-size:11px}.options-panel{right:8px}}#studio-editor[data-loading=true]{opacity:1;position:relative}#studio-editor[data-loading=true] iframe{visibility:hidden}#studio-editor[data-loading=true]:after{content:"문서를 여는 중…";color:#64748b;background:#f1f3f6;place-items:center;display:grid;position:absolute;inset:0}#studio-error{color:#8c2820;background:#fff0ee;border-bottom:1px solid #efb0aa;flex-shrink:0;max-height:35dvh;padding:16px 20px;overflow:auto}#studio-error strong{font-size:16px}#studio-error p{margin:6px 0 12px;font-size:14px}#studio-error button{color:#8c2820;background:#fff;border-color:#dfaaa5}.has-error .empty-mark{color:#a83228;border-color:#e5b6af}.has-error h1{color:#8c2820!important}#studio-empty-open{color:#fff;background:#3268a9;height:38px;margin-top:18px;padding:0 22px}button.brand{background:0 0;border:0;height:auto;padding:0;font-size:16px}#studio-close-dialog{color:#334155;border:1px solid #d5dce5;border-radius:10px;width:min(420px,100vw - 32px);padding:24px;box-shadow:0 15px 60px #172b3833}#studio-close-dialog::backdrop{background:#15283b66}#studio-close-dialog h2{margin:0 0 12px;font-size:19px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.dialog-actions button{border-color:#cbd5e1}#close-keep{color:#fff;background:#3268a9}#close-discard{color:#9d3027}#studio-dirty{color:#986514;white-space:nowrap;font-size:11px}#studio-notice{color:#244f80;background:#edf5ff;border-bottom:1px solid #bed1e9;flex-shrink:0;padding:10px 18px;font-size:13px}.options-panel h3{margin:0;font-size:13px}#studio-limit{max-height:25dvh;padding:12px 18px;font-size:13px}#studio-drop{z-index:20;pointer-events:none;color:#244f80;background:#eef6ffed;border:3px dashed #3268a9;border-radius:12px;place-items:center;font-size:22px;font-weight:600;display:grid;position:fixed;inset:94px 12px 34px}#studio-empty{outline-offset:-18px}#studio-empty small{max-width:430px;line-height:1.9}footer>span{display:none}@media (width<=650px){#studio-dirty{font-size:10px}.titlebar{gap:8px}#studio-name,.options>summary{font-size:11px}#studio-drop{font-size:17px}.toolbar-end{flex-wrap:wrap}}#studio-ad{color:#7b8796;text-align:center;flex-shrink:0;width:min(728px,100% - 48px);margin:24px auto 20px}#studio-ad small{margin-bottom:6px;font-size:10px;display:block}#studio-ad>div{background:#f5f6f8;border:1px dashed #c7ced8;border-radius:5px;place-items:center;min-height:90px;font-size:12px;display:grid}@media (width<=650px){#studio-ad{width:calc(100% - 32px);margin:20px auto 12px}#studio-ad>div{min-height:64px}}@media (height<=600px){#folio-studio:has(#studio-empty:not([hidden])){height:auto;min-height:100dvh}#studio-empty{min-height:300px}}:root{--folio-blue:#245ee4;--folio-ink:#203959}.titlebar{border-top:3px solid var(--folio-blue);min-height:49px}button.brand{color:var(--folio-ink);letter-spacing:-.6px;gap:5px;font-size:17px}.brand b{color:var(--folio-blue)}#studio-empty{background:radial-gradient(at 50% 38%,#e6efff 0,#0000 60%),#f7f9fc;padding:28px 24px}.empty-mark{background:var(--folio-blue);color:#fff;border:0;border-radius:10px 20px 10px 10px;width:68px;height:82px;font-size:35px;position:relative;box-shadow:8px 8px #d4e2ff,0 12px 24px #245ee418}.empty-mark:after{content:"";background:#9cbbff;border-radius:0 14px 0 6px;width:19px;height:19px;position:absolute;top:0;right:0}.empty-eyebrow{color:#446daf;letter-spacing:2.5px;margin-top:26px;font-size:10px;font-weight:750}#studio-empty h1{color:var(--folio-ink);letter-spacing:-1.2px;margin:9px 0 12px;font-size:clamp(23px,3vw,32px);font-weight:650}#studio-empty-open{background:var(--folio-blue);border-radius:7px;gap:9px;height:43px;padding:0 25px;font-weight:600;box-shadow:0 4px 12px #245ee425}#studio-empty-open:hover{background:#194dc5;box-shadow:0 5px 15px #245ee435}#studio-empty .privacy-note{color:#536984;margin-top:14px;font-size:12px}#studio-empty .privacy-note:before{content:"✓";color:#357b70;margin-right:6px;font-weight:700}#studio-empty small{color:#6d7c90;margin-top:14px;font-size:11px}#studio-save{background:var(--folio-blue);border-color:var(--folio-blue);border-radius:5px}#studio-save:hover:not(:disabled){background:#194dc5}.open{color:#2559aa;background:#f9fbff;border-color:#bdcdeb}.has-error .empty-mark{color:#fff;background:#a83228;box-shadow:8px 8px #f1d8d6}.has-error .empty-mark:after{background:#e7a39c}@media (height<=750px){#studio-empty{padding:20px}.empty-mark{width:54px;height:66px;font-size:29px}.empty-eyebrow{margin-top:20px}}#studio-demo{color:#315b8e;text-underline-offset:3px;height:28px;margin-top:8px;padding:0 8px;font-size:12px;text-decoration:underline}#studio-print{color:#315b8e;background:#fff;border-color:#cbd6e6}#studio-print:hover:not(:disabled){background:#edf3fc}#studio-empty .start-help{color:#62758d;text-underline-offset:3px;margin-top:10px;font-size:11px}.start-actions{justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.start-actions #studio-empty-open{margin-top:0}#studio-empty-new{color:#245ee4;background:#fff;border:1px solid #cbd8ee;border-radius:7px;height:43px;padding:0 20px;font-weight:600}#studio-empty-new:hover:not(:disabled){background:#edf3ff}@media (width<=390px){.start-actions{flex-wrap:wrap}}