:root{--bg: #f3f0e8;--panel: #fbf9f3;--panel-strong: #f5f1e6;--border: #d6cfbf;--text: #1d1d1b;--muted: #665f53;--accent: #2f6f5e;--accent-soft: #d8e8e2;--code-bg: #f1ede3;--shadow: 0 8px 30px rgba(25, 24, 20, .08);--font-body: Georgia, "Times New Roman", serif;--font-ui: "Segoe UI", Tahoma, sans-serif;--font-code: Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#efe9db,#f8f5ee);color:var(--text)}body{font-family:var(--font-ui)}.app-shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.sidebar,.viewer{min-width:0}.sidebar{border-right:1px solid var(--border);background:#fbf9f3e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px 16px}.sidebar-header h1,.viewer-header h2{margin:0;font-weight:700;letter-spacing:-.02em}.sidebar-header p,.viewer-path,.meta-row{margin:6px 0 0;color:var(--muted)}.control{display:block;margin-top:16px}.control span{display:block;margin-bottom:6px;font-size:.84rem;color:var(--muted)}.control input,.control select{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:10px 12px;font:inherit;color:var(--text)}.meta-row{margin-top:14px;font-size:.88rem}.file-list{margin-top:14px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 220px);overflow:auto;padding-right:4px}.file-button{width:100%;text-align:left;border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:11px 12px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.file-button:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px #2f6f5e24}.file-button.active{background:var(--accent-soft);border-color:var(--accent)}.file-name{display:block;font-weight:600;color:var(--text)}.file-meta{display:block;margin-top:4px;color:var(--muted);font-size:.82rem}.viewer{padding:24px}.viewer-header,.viewer-body{background:#fbf9f3eb;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.viewer-header{padding:18px 20px}.viewer-body{margin-top:16px;padding:0;overflow:hidden}.viewer-content{margin:0;min-height:calc(100vh - 140px);max-height:calc(100vh - 140px);overflow:auto;padding:20px;background:var(--code-bg);color:var(--text);font-family:var(--font-code);font-size:.92rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.empty-state,.error-state{color:var(--muted)}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.file-list{max-height:280px}.viewer{padding:16px}.viewer-content{min-height:55vh;max-height:none}}