/* FS Folio shell: Hangeul source styles, with Slides IDs and product accents. */
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font:13px/1.5 "Segoe UI","Malgun Gothic",sans-serif;color:#334155;background:#e7e9ed}[hidden]{display:none!important}#folio-slides{height:100dvh;min-height:360px;display:flex;flex-direction:column}p{margin:0}a{color:#315b8e}.titlebar{display:flex;align-items:center;gap:24px;min-height:46px;padding:0 18px;background:#fff;border-bottom:1px solid #e2e5e9}.brand{display:flex;gap:4px;align-items:center;text-decoration:none;white-space:nowrap;font-size:16px;color:#254d7e;letter-spacing:-.4px}.brand span{font-size:12px;color:#64748b;margin-left:8px;padding-left:12px;border-left:1px solid #d9dfe7;letter-spacing:0}#filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#64748b}.local-badge{font-size:11px;color:#64748b;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:6px 12px;background:#f8f9fb;border-bottom:1px solid #d4d9e0;position:relative;z-index:2}button,.open,summary{font:inherit;cursor:pointer}button,.open{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 10px;border:1px solid transparent;border-radius:4px;color:#334155;background:transparent;white-space:nowrap}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:2px solid #4379bf;outline-offset:2px}.open{position:relative;border-color:#d4dbe5;background:white;overflow:hidden}.open input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.open:has(input:disabled){opacity:.4;pointer-events:none}.divider{height:17px;width:1px;background:#d9dfe7;margin:0 5px}.toolbar-end{margin-left:auto;display:flex;align-items:center;gap:6px}#save{background:#c45b36;border-color:#c45b36;color:white}#save:hover:not(:disabled){background:#a84727}.options>summary{list-style:none;padding:5px 9px;border-radius:4px;font-size:12px}.options>summary::-webkit-details-marker{display:none}.options-panel{position:absolute;right:12px;top:100%;width:min(350px,calc(100vw - 24px));max-height:65dvh;overflow:auto;padding:18px;background:white;border:1px solid #d5dce5;border-radius:6px;box-shadow:0 10px 30px #172b3820;display:grid;gap:14px}.options-panel p{font-size:12px;color:#64748b}.options-panel button{border-color:#d4dbe5;justify-self:start}.output-name{display:grid;gap:6px;font-weight:600}.output-name input{width:100%;font:inherit;font-weight:400;padding:8px;border:1px solid #ccd5e0;border-radius:4px}.options-panel details{font-size:12px}.options-panel details p{margin-top:8px}#studio-limit:empty{display:none}#studio-limit{padding:6px 16px;background:#fff8e9;border-bottom:1px solid #eddfbf;color:#875c20;font-size:12px;white-space:pre-line;max-height:100px;overflow:auto;flex-shrink:0}#editor{flex:1;min-height:0;overflow:hidden;background:#e7e9ed}#editor iframe{display:block;width:100%;height:100%;border:0}#editor[inert]{opacity:.6}#welcome{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;color:#64748b;background:#f1f3f6}#welcome h1{font-size:clamp(20px,3vw,28px);font-weight:500;color:#334155;margin:22px 0 10px;letter-spacing:-1px}#welcome small{margin-top:20px;color:#8994a3}.empty-mark{display:grid;place-items:center;width:62px;height:76px;border:1px solid #d2dce8;border-radius:6px;background:white;color:#c45b36;font-size:30px;box-shadow:0 3px 8px #172b3808}footer{min-height:27px;display:flex;align-items:center;gap:16px;padding:4px 12px;background:#f8f9fb;border-top:1px solid #d4d9e0;font-size:11px;color:#64748b}#status{flex:1;min-width:0}footer>span{white-space:nowrap}#studio-checker{position:fixed;left:-20000px;top:0;width:1200px;height:900px;visibility:hidden;pointer-events:none}@media(max-width:650px){.titlebar{padding:0 10px;gap:12px}.local-badge,footer>span{display:none}.toolbar{padding:5px 8px;gap:2px}.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{font-size:11px;padding:5px}.options-panel{right:8px}}
#editor[data-loading="true"]{position:relative;opacity:1}#editor[data-loading="true"] iframe{visibility:hidden}#editor[data-loading="true"]::after{content:"문서를 여는 중…";position:absolute;inset:0;display:grid;place-items:center;color:#64748b;background:#f1f3f6}

#studio-error{padding:16px 20px;border-bottom:1px solid #efb0aa;background:#fff0ee;color:#8c2820;flex-shrink:0;max-height:35dvh;overflow:auto}#studio-error strong{font-size:16px}#studio-error p{margin:6px 0 12px;font-size:14px}#studio-error button{background:white;border-color:#dfaaa5;color:#8c2820}.has-error .empty-mark{color:#a83228;border-color:#e5b6af}.has-error h1{color:#8c2820!important}

#welcome-open{margin-top:18px;background:#c45b36;color:white;padding:0 22px;height:38px}

button.brand{height:auto;padding:0;border:0;background:transparent;font-size:16px}#replace-dialog{width:min(420px,calc(100vw - 32px));border:1px solid #d5dce5;border-radius:10px;padding:24px;color:#334155;box-shadow:0 15px 60px #172b3833}#replace-dialog::backdrop{background:#15283b66}#replace-dialog h2{font-size:19px;margin:0 0 12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.dialog-actions button{border-color:#cbd5e1}#keep-editing{background:#c45b36;color:white}#replace-confirm{color:#9d3027}

/* Product actions belong to the host; editing tools stay in RHWP. */
#studio-dirty{font-size:11px;color:#986514;white-space:nowrap}#studio-notice{padding:10px 18px;background:#edf5ff;border-bottom:1px solid #bed1e9;color:#244f80;flex-shrink:0;font-size:13px}.options-panel h3{margin:0;font-size:13px}#studio-limit{font-size:13px;padding:12px 18px;max-height:25dvh}#drop-overlay{position:fixed;inset:94px 12px 34px;z-index:20;display:grid;place-items:center;pointer-events:none;border:3px dashed #c45b36;border-radius:12px;background:#fff3eced;color:#a84727;font-size:22px;font-weight:600}#welcome{outline-offset:-18px}#welcome small{line-height:1.9;max-width:430px}footer>span{display:none}@media(max-width:650px){#studio-dirty{font-size:10px}.titlebar{gap:8px}#filename{font-size:11px}.options>summary{font-size:11px}#drop-overlay{font-size:17px}.toolbar-end{flex-wrap:wrap}}

#studio-ad{flex-shrink:0;width:min(728px,calc(100% - 48px));margin:24px auto 20px;color:#7b8796;text-align:center}#studio-ad small{display:block;font-size:10px;margin-bottom:6px}#studio-ad>div{min-height:90px;display:grid;place-items:center;border:1px dashed #c7ced8;border-radius:5px;background:#f5f6f8;font-size:12px}@media(max-width:650px){#studio-ad{margin:20px auto 12px;width:calc(100% - 32px)}#studio-ad>div{min-height:64px}}@media(max-height:600px){#folio-slides:has(#welcome:not([hidden])){height:auto;min-height:100dvh}#welcome{min-height:300px}}

/* FS Folio accents: keep the document canvas neutral. */
:root{--folio-blue:#245ee4;--product-accent:#c45b36;--folio-ink:#203959}
.titlebar{border-top:3px solid var(--product-accent);min-height:49px}
button.brand{color:var(--folio-ink);gap:5px;font-size:17px;letter-spacing:-.6px}
.brand b{color:var(--folio-blue)}
#welcome{background:radial-gradient(ellipse at 50% 38%,#fcebe2 0,transparent 60%),#f7f9fc;padding:28px 24px}
.empty-mark{position:relative;width:68px;height:82px;background:var(--product-accent);color:white;border:0;border-radius:10px 20px 10px 10px;font-size:35px;box-shadow:8px 8px 0 #f2d7c9,0 12px 24px #c45b3618}
.empty-mark::after{content:'';position:absolute;right:0;top:0;width:19px;height:19px;background:#e9ae91;border-radius:0 14px 0 6px}
.empty-eyebrow{margin-top:26px;color:#a66043;font-size:10px;letter-spacing:2.5px;font-weight:750}
#welcome h1{margin:9px 0 12px;color:var(--folio-ink);font-weight:650;letter-spacing:-1.2px;font-size:clamp(23px,3vw,32px)}
#welcome-open{height:43px;gap:9px;padding:0 25px;border-radius:7px;background:var(--product-accent);font-weight:600;box-shadow:0 4px 12px #c45b3625}
#welcome-open:hover{background:#a84727;box-shadow:0 5px 15px #c45b3635}
#welcome .privacy-note{margin-top:14px;color:#536984;font-size:12px}
#welcome .privacy-note::before{content:'✓';margin-right:6px;color:#357b70;font-weight:700}
#welcome small{margin-top:14px;color:#6d7c90;font-size:11px}
#save{background:var(--product-accent);border-color:var(--product-accent);border-radius:5px}
#save:hover:not(:disabled){background:#a84727}
.open{color:#a84727;border-color:#e4c0b0;background:#fffaf7}
.has-error .empty-mark{background:#a83228;color:white;box-shadow:8px 8px 0 #f1d8d6}
.has-error .empty-mark::after{background:#e7a39c}
@media(max-height:750px){#welcome{padding:20px}.empty-mark{width:54px;height:66px;font-size:29px}.empty-eyebrow{margin-top:20px}}

#studio-demo{margin-top:8px;height:28px;padding:0 8px;color:#315b8e;font-size:12px;text-decoration:underline;text-underline-offset:3px}#studio-print{border-color:#cbd6e6;background:#fff;color:#315b8e}#studio-print:hover:not(:disabled){background:#edf3fc}

#welcome .start-help{margin-top:10px;font-size:11px;color:#62758d;text-underline-offset:3px}

.start-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}.start-actions #welcome-open{margin-top:0}#welcome-new{height:43px;padding:0 20px;border:1px solid #cbd8ee;border-radius:7px;background:#fff;color:#245ee4;font-weight:600}#welcome-new:hover:not(:disabled){background:#edf3ff}@media(max-width:390px){.start-actions{flex-wrap:wrap}}

/* Slides canvas adapter and the separate information page. */
.workspace{display:flex;flex:1;min-height:0}
#editor{width:100%}
#qtcanvas{display:block;width:100%;height:100%;border:0;padding:0;outline:none}
.titlebar,.toolbar,footer{flex-shrink:0}
#slide-count{font-size:11px;color:#64748b;white-space:nowrap}
body.busy #editor{pointer-events:none;opacity:.6}
body.busy{cursor:progress}
#notice{padding:12px 18px;background:#fff0ee;color:#8c2820;border-bottom:1px solid #efb0aa;flex-shrink:0}
#status[data-error=true]{color:#8c2820}
#retry{height:24px;border-color:#cbd5e1;background:#fff;font-size:11px}
#replace-dialog p{font-size:13px;line-height:1.5;color:#334155}
#save-name:disabled{background:#f1f3f6}
.about-body{height:auto;background:#f7f9fc}
.about{display:block;max-width:800px;padding:45px 28px;margin:auto;line-height:1.8}
.about h1{font-size:30px;margin:20px 0}
.about h2{font-size:20px;margin:30px 0 12px}
.about p,.about li{color:#64748b;margin-bottom:14px}
@media(max-width:650px){#slide-count{display:none}}
@media(max-height:600px){#folio-slides:has(#welcome:not([hidden])){height:auto;min-height:100dvh}#folio-slides:has(#welcome:not([hidden])) .workspace{flex:none}#welcome{min-height:300px}}

@font-face{font-family:Pretendard;src:url('./fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--product-accent:#c2410c}
.titlebar,.toolbar,footer{font-family:var(--folio-font)}
