:root{--bg: #f3f1ec;--panel: #ffffff;--soft: #faf9f6;--ink: #23221f;--ink2: #45433c;--muted: #6b675c;--line: #e2ded4;--line2: #cfcabd;--line3: #ebe8e0;--teal: #1f4e5f;--teal-dk: #163a47;--teal-bg: #e6eef1;--gold: #7a5f17;--gold-bg: #f6efd9;--ai: #4b3a78;--ai-bg: #ece7f5;--warn: #9a3b1c;--warn-bg: #fbeee8;--ok: #2f6b3a;--ok-bg: #e7f2e8;--serif: "Noto Serif KR", serif;--mono: "JetBrains Mono", ui-monospace, monospace;--text-scale: 1}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif;font-size:14px;line-height:1.6}#app{height:100%}a{color:var(--teal)}a:hover{color:var(--teal-dk)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--line2);border-radius:6px;background:#fff;color:var(--ink2);font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{border-color:var(--teal)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{height:26px;padding:0 8px;font-size:12px}.btn.xs{height:22px;padding:0 6px;font-size:11px;border-radius:5px}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.primary:hover{background:var(--teal-dk)}.btn.outline{border-color:var(--teal);color:var(--teal)}.btn.ai{border-color:var(--ai);color:var(--ai);background:#fff}.btn.ai.fill{background:var(--ai);color:#fff}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.on{background:var(--teal-bg);border-color:var(--teal);color:var(--teal);font-weight:500}.btn.danger{color:var(--warn)}.chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border:1px solid var(--line2);border-radius:12px;background:#fff;font-size:12px;cursor:pointer;white-space:nowrap}.chip.on{background:var(--teal);border-color:var(--teal);color:#fff}.chip.off{color:var(--muted);border-style:dashed;cursor:default}.tag{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:3px;font-size:11px;white-space:nowrap}.tag.ai{background:var(--ai-bg);color:var(--ai)}.tag.gold{background:var(--gold-bg);color:var(--gold)}.tag.warn{background:var(--warn-bg);color:var(--warn)}.tag.ok{background:var(--ok-bg);color:var(--ok)}.tag.mute{background:var(--line3);color:var(--muted)}.tag.teal{background:var(--teal-bg);color:var(--teal)}.input{height:32px;padding:0 10px;border:1px solid var(--line2);border-radius:6px;background:#fff;min-width:0}textarea.input{height:auto;padding:8px 10px;resize:vertical;line-height:1.5}.mono{font-family:var(--mono)}.serif{font-family:var(--serif)}.muted{color:var(--muted)}.small{font-size:12px}.xsmall{font-size:11px}.grow{flex:1 1 auto}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.panel-head{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 8px 4px 12px;border-bottom:1px solid var(--line3);flex-wrap:wrap}.panel-head h2{margin:0;font-size:13px;font-weight:700}.panel-body{flex:1 1 auto;min-height:0;overflow:auto;padding:10px 12px}.pop{position:absolute;z-index:30;background:#fff;border:1px solid var(--line2);border-radius:8px;box-shadow:0 12px 32px #23221f33;font-size:13px;line-height:1.45}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#23221f59;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow:auto}.modal{background:#fff;border-radius:10px;box-shadow:0 20px 48px #00000040;width:min(1080px,100%)}.split{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0}.split>span{background:var(--line2);border-radius:2px}.split.v{cursor:col-resize;width:8px}.split.v>span{width:3px;height:36px}.split.h{cursor:row-resize;height:8px}.split.h>span{height:3px;width:36px}.split:hover>span,.split:focus-visible>span,.split.drag>span{background:var(--teal)}.verse-sel{background:var(--gold-bg);box-shadow:inset 3px 0 0 var(--gold)}.empty{padding:24px;text-align:center;color:var(--muted);font-size:13px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:8px 14px;border-radius:6px;font-size:13px;z-index:80}@media(max-width:760px){.split{display:none!important}}