:root{--header-bg:#1e1e2e;--header-text:#cdd6f4;--toolbar-bg:#181825;--toolbar-border:#313244;--btn-bg:#313244;--btn-text:#cdd6f4;--btn-hover:#45475a;--btn-active:#585b70;--statusbar-bg:#1565c0;--statusbar-text:#fff;--select-bg:#313244;--select-text:#cdd6f4}body.light-theme{--header-bg:#f0f0f0;--header-text:#333;--toolbar-bg:#e8e8e8;--toolbar-border:#ccc;--btn-bg:#d4d4d4;--btn-text:#333;--btn-hover:silver;--btn-active:#aaa;--statusbar-bg:#007acc;--statusbar-text:#fff;--select-bg:#fff;--select-text:#333}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:13px;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}#header{background:var(--header-bg);height:38px;color:var(--header-text);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.header-left,.header-center,.header-right{align-items:center;gap:12px;display:flex}.header-link-btn{color:var(--btn-text);white-space:nowrap;opacity:.8;border:1px solid #ffffff40;border-radius:4px;padding:3px 10px;font-size:12px;text-decoration:none;transition:opacity .15s,border-color .15s}.header-link-btn:hover{opacity:1;border-color:#ffffff8c;text-decoration:none}.header-icon-btn{color:var(--btn-text);opacity:.7;align-items:center;line-height:1;transition:opacity .15s;display:flex}.header-icon-btn:hover{opacity:1}body.light-theme .header-link-btn{border-color:#00000040}body.light-theme .header-link-btn:hover{border-color:#00000080}.app-title{letter-spacing:.5px;font-size:14px;font-weight:600}.rrf-version{color:var(--header-text);opacity:.8;letter-spacing:.3px;white-space:nowrap;background:#ffffff26;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:500}.mode-selector{color:var(--header-text);align-items:center;gap:6px;font-size:12px;display:flex}.mode-selector label{opacity:.8}#mode-select{background:var(--select-bg);color:var(--select-text);cursor:pointer;border:1px solid #ffffff26;border-radius:4px;outline:none;padding:2px 6px;font-size:12px}#mode-select:focus{border-color:#fff6}.filename{opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-family:Consolas,monospace;font-size:12px;overflow:hidden}#toolbar{background:var(--toolbar-bg);border-bottom:1px solid var(--toolbar-border);flex-shrink:0;align-items:center;gap:4px;height:34px;padding:4px 8px;display:flex}#toolbar button{background:var(--btn-bg);color:var(--btn-text);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:4px;padding:3px 10px;font-size:12px;transition:background .15s}#toolbar button:hover{background:var(--btn-hover);border-color:#ffffff1a}#toolbar button:active{background:var(--btn-active)}.toolbar-separator{background:var(--toolbar-border);width:1px;height:20px;margin:0 2px}#editor-container{flex:1;position:relative;overflow:hidden}#editor-container.dragover:after{content:"ファイルをドロップして開く";color:#fff;pointer-events:none;z-index:100;background:#1565c099;border:3px dashed #90caf9;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}#statusbar{background:var(--statusbar-bg);height:22px;color:var(--statusbar-text);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:12px;padding:0 12px;font-size:11px;display:flex}.status-spacer{flex:1}#status-encoding,#status-eol,#status-lang{opacity:.9;border-left:1px solid #ffffff40;padding:0 4px}.settings-panel{z-index:1000;background:var(--toolbar-bg);border:1px solid var(--toolbar-border);-webkit-user-select:none;user-select:none;border-radius:6px;min-width:220px;padding:12px 14px;position:fixed;box-shadow:0 6px 20px #00000073}.settings-panel.hidden{display:none}.settings-section{flex-direction:column;gap:6px;display:flex}.settings-label{color:var(--btn-text);opacity:.6;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.settings-row{align-items:center;gap:8px;display:flex}.settings-check{cursor:pointer;color:var(--btn-text);align-items:center;gap:5px;font-size:12px;display:flex}.settings-check input[type=checkbox]{cursor:pointer;accent-color:#569cd6;width:14px;height:14px}#wrap-column,#indent-size{background:var(--select-bg);width:60px;color:var(--select-text);border:1px solid var(--toolbar-border);text-align:right;border-radius:4px;padding:2px 6px;font-size:12px}#wrap-column:focus,#indent-size:focus{border-color:#569cd6;outline:none}#wrap-column:disabled,#indent-size:disabled{opacity:.4;cursor:not-allowed}.settings-unit{color:var(--btn-text);opacity:.7;font-size:12px}.settings-divider{background:var(--toolbar-border);height:1px;margin:8px 0}#eol-select,#lang-select{background:var(--select-bg);color:var(--select-text);border:1px solid var(--toolbar-border);cursor:pointer;border-radius:4px;outline:none;width:100%;padding:3px 8px;font-size:12px}#eol-select:focus,#lang-select:focus{border-color:#569cd6}