@import url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css");@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@latest/dist/web/static/pretendard.min.css");:root{--color-background-primary:#fff;--color-background-secondary:#f1f6f8;--color-background-tertiary:#e4edf0;--color-text-primary:#15333a;--color-text-secondary:#51666c;--color-text-tertiary:#87989d;--color-text-info:#0e7490;--color-text-danger:#c4314b;--color-text-success:#1a7f48;--color-border-tertiary:#e0eaed;--color-border-secondary:#cddbdf;--color-border-info:#06b6d4;--color-accent:#06b6d4;--color-accent-strong:#0891b2;--color-accent-soft:#e0fbff;--color-shadow:rgba(8,51,58,.08);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:18px;--font-sans:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Apple SD Gothic Neo","Noto Sans KR","Hiragino Sans","Microsoft YaHei",sans-serif}@media (prefers-color-scheme:dark){:root{--color-background-primary:#14191b;--color-background-secondary:#0f1416;--color-background-tertiary:#1e2629;--color-text-primary:#e6eef0;--color-text-secondary:#a3b1b5;--color-text-tertiary:#6f8086;--color-text-info:#22d3ee;--color-text-danger:#ff6b81;--color-text-success:#46c281;--color-border-tertiary:#232c2f;--color-border-secondary:#324044;--color-border-info:#0891b2;--color-accent:#22d3ee;--color-accent-strong:#06b6d4;--color-accent-soft:#0b2e36;--color-shadow:rgba(0,0,0,.35)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background-secondary);color:var(--color-text-primary);min-height:100vh;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-shell{display:flex;min-height:100vh}.app-main{flex:1 1;min-width:0}.app-sidebar{width:272px;flex-shrink:0;height:100vh;position:-webkit-sticky;position:sticky;top:0;background:var(--color-background-primary);border-right:1px solid var(--color-border-tertiary);padding:20px 16px;gap:8px}.app-sidebar,.side-nav{display:flex;flex-direction:column}.side-nav{gap:3px}.side-link{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;font-size:14px;font-weight:600;color:var(--color-text-secondary);text-decoration:none}.side-link:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.side-link.active{background:var(--color-accent-soft,#eaf1ff);color:var(--color-text-info)}.side-link svg{flex-shrink:0}.side-foot{margin-top:auto}.side-lang-label{font-size:11px;font-weight:700;color:var(--color-text-tertiary);padding:0 8px 6px;text-transform:uppercase;letter-spacing:.04em}.side-lang{display:flex;flex-wrap:nowrap;gap:5px}.side-lang button{font:inherit;font-size:12px;padding:6px 8px;border-radius:7px;flex:1 1;border:1px solid var(--color-border-secondary);background:transparent;white-space:nowrap;color:var(--color-text-secondary);cursor:pointer}.side-lang button.active{background:var(--color-text-primary);color:var(--color-background-primary);border-color:var(--color-text-primary)}@media (max-width:720px){.app-shell{flex-direction:column}.app-sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;padding:10px 14px}.side-brand{padding:0 12px 0 0}.side-nav{flex-direction:row}.side-foot{margin-top:0;margin-left:auto}.side-lang-label{display:none}}.app-header{gap:10px;padding:14px 24px;background:var(--color-background-primary);border-bottom:1px solid var(--color-border-tertiary)}.app-header,.app-header .brand{display:flex;align-items:center}.app-header .brand{font-size:16px;font-weight:700;gap:9px}.app-header .brand .ti{color:var(--color-text-info);font-size:20px}.app-header .tagline{font-size:13px;color:var(--color-text-tertiary);margin-left:4px}.app-body{display:grid;grid-template-columns:minmax(380px,460px) 1fr;grid-gap:24px;gap:24px;padding:24px;align-items:start;max-width:1500px;margin:0 auto}@media (max-width:960px){.app-body{grid-template-columns:1fr}}.panel{background:var(--color-background-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:22px}.panel+.panel{margin-top:20px}.field{margin-bottom:20px}.field:last-child{margin-bottom:0}.field-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--color-text-primary)}.field-hint{font-size:12px;font-weight:400;color:var(--color-text-tertiary);margin-left:6px}.req{color:var(--color-text-danger);margin-left:3px}input[type=text],textarea{width:100%;font:inherit;font-size:14px;padding:10px 12px;border-radius:var(--border-radius-md);border:1px solid var(--color-border-secondary);background:var(--color-background-secondary);color:var(--color-text-primary)}textarea{resize:vertical;min-height:84px}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--color-border-info);box-shadow:0 0 0 3px var(--color-accent-soft)}.picker{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}@media (max-width:520px){.picker{grid-template-columns:repeat(2,1fr)}}.picker-item{cursor:pointer;border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);padding:10px 8px 8px;background:var(--color-background-primary);text-align:center;transition:border-color .12s,background .12s}.picker-item:hover{border-color:var(--color-border-info)}.picker-item.selected{border:2px solid var(--color-border-info);background:var(--color-accent-soft);padding:9px 7px 7px}.picker-item svg{width:100%;height:auto;display:block}.picker-item .picker-name{font-size:12px;font-weight:600;margin-top:6px;color:var(--color-text-primary)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-size:13px;padding:7px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--color-border-secondary);background:transparent;color:var(--color-text-secondary)}.chip.selected{background:var(--color-accent-soft);border-color:var(--color-border-info);color:var(--color-text-info);font-weight:600}.filedrop{border:1px dashed var(--color-border-secondary);border-radius:var(--border-radius-md);padding:14px;text-align:center;font-size:13px;color:var(--color-text-tertiary);cursor:pointer}.filedrop:hover{border-color:var(--color-border-info);color:var(--color-text-secondary)}.filelist{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:6px}.filelist li{display:flex;align-items:center;gap:8px;font-size:13px;background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:7px 10px}.filelist li .ti-file,.filelist li button{color:var(--color-text-tertiary)}.filelist li button{margin-left:auto;border:none;background:transparent;cursor:pointer;font-size:16px}.btn{font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:11px 20px;border-radius:var(--border-radius-md);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--color-accent-strong);color:#fff;width:100%;box-shadow:0 2px 8px var(--color-shadow)}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-secondary{background:transparent;border-color:var(--color-border-secondary);color:var(--color-text-secondary)}.result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:420px;color:var(--color-text-tertiary);gap:12px}.result-empty .ti{font-size:40px;opacity:.6}.result-toolbar{gap:10px;margin-bottom:14px;flex-wrap:wrap}.result-toolbar,.url-box{display:flex;align-items:center}.url-box{flex:1 1;min-width:200px;gap:8px;background:var(--color-background-secondary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:8px 10px;font-size:13px;color:var(--color-text-secondary)}.url-box code{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.version-tag{font-size:12px;font-weight:600;color:var(--color-text-tertiary)}.preview-frame{width:100%;height:560px;border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:#fff}.revise{margin-top:16px}.revise-row{display:flex;gap:8px}.revise-row input{flex:1 1}.notice{border-radius:var(--border-radius-md);padding:12px 14px;font-size:13px;margin-bottom:14px;display:flex;align-items:flex-start;gap:8px}.notice.error{background:var(--color-background-tertiary);color:var(--color-text-danger);border:1px solid var(--color-text-danger)}.notice.info{background:var(--color-accent-soft);color:var(--color-text-info)}.notice .detail{display:block;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;opacity:.85;white-space:pre-wrap;word-break:break-word}.app-header .spacer{flex:1 1}.lang-select{display:flex;gap:4px;background:var(--color-background-secondary);border:1px solid var(--color-border-tertiary);border-radius:999px;padding:3px}.lang-select button{font:inherit;font-size:13px;font-weight:600;padding:5px 12px;border:none;border-radius:999px;background:transparent;color:var(--color-text-secondary);cursor:pointer}.lang-select button.active{background:var(--color-accent-strong);color:#fff}.app-header .logo{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:17px;box-shadow:0 2px 6px var(--color-shadow)}.filedrop.dragover{border-color:var(--color-border-info);color:var(--color-text-info)}.filedrop.dragover,.howto{background:var(--color-accent-soft)}.howto{margin-top:14px;border:1px solid var(--color-border-info);border-radius:var(--border-radius-md);padding:14px 16px;font-size:13px;color:var(--color-text-primary)}.howto h3{font-size:13px;font-weight:700;margin-bottom:8px;align-items:center;color:var(--color-text-info)}.howto h3,.howto ul{display:flex;gap:6px}.howto ul{list-style:none;flex-direction:column}.howto li{display:flex;gap:8px;line-height:1.45}.howto li .ti{color:var(--color-text-info);flex-shrink:0;margin-top:1px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(900px 500px at 50% -10%,var(--color-accent-soft),transparent 70%),var(--color-background-secondary)}.login-card{width:100%;max-width:380px;text-align:center;background:var(--color-background-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:40px 34px;box-shadow:0 16px 48px var(--color-shadow)}.login-logo{width:56px;height:56px;margin:0 auto 18px;border-radius:16px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;box-shadow:0 6px 18px var(--color-shadow)}.login-card h1{font-size:26px;font-weight:800;letter-spacing:-.01em}.login-card .login-tagline{margin-top:8px;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.login-btn{margin-top:26px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:var(--border-radius-md);background:var(--color-accent-strong);color:#fff;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 3px 10px var(--color-shadow)}.login-btn:hover{filter:brightness(1.05)}.login-btn .ti{font-size:19px}.login-hint{margin-top:16px;font-size:12px;color:var(--color-text-tertiary)}.spinner{width:18px;height:18px;border:2px solid var(--color-border-secondary);border-top-color:var(--color-text-info);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;gap:10px;color:var(--color-text-secondary);font-size:14px;text-align:center;padding:0 24px}.loading-step{font-size:15px;font-weight:600;color:var(--color-text-primary)}.loading-elapsed{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.loading-elapsed,.loading-note{color:var(--color-text-tertiary)}.loading-note{font-size:12px;margin-top:2px}.progress-bar{width:70%;max-width:300px;height:6px;border-radius:999px;background:var(--color-background-tertiary);overflow:hidden;margin-bottom:6px}.progress-bar span{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-strong));animation:indeterminate 1.4s ease-in-out infinite}@keyframes indeterminate{0%{margin-left:-40%}to{margin-left:100%}}.doc-mode-link{font-size:14px;font-weight:600;color:var(--color-text-info,#1f6feb);text-decoration:none;margin-right:14px;white-space:nowrap}.doc-mode-link:hover{text-decoration:underline}