.app{position:fixed;inset:0}.file-menu{position:relative;display:flex;flex-direction:row;align-items:center;gap:4px}.file-menu-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:var(--app-radius, 4px);background:transparent;color:var(--app-icon-foreground, currentColor);cursor:pointer;transition:background-color .2s cubic-bezier(.645,.045,.355,1)}.file-menu-button:hover{background-color:var(--app-surface-hover, rgba(128, 128, 128, .2))}.file-menu-button:active,.file-menu-button[aria-expanded=true]{background-color:var(--app-surface-active, rgba(128, 128, 128, .3))}.file-menu-separator{flex:none;width:1px;height:20px;background-color:var(--app-border, rgba(128, 128, 128, .3))}.file-name-label{flex:none;margin:0 4px;font-size:11px;color:var(--app-foreground-muted, currentColor);white-space:nowrap;width:100px;overflow:hidden;text-overflow:ellipsis}.file-dirty-mark{color:var(--app-icon-foreground, currentColor)}.file-menu-dropdown{position:absolute;top:36px;left:0;z-index:1000;min-width:220px;padding:4px;border:1px solid var(--app-border, rgba(128, 128, 128, .4));border-radius:var(--app-radius, 4px);background:var(--app-surface, #2a2a2a);box-shadow:var(--app-shadow, 0 4px 12px rgba(0, 0, 0, .3))}.file-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:var(--app-radius, 4px);background:transparent;color:var(--app-foreground, currentColor);font-size:12px;text-align:left;cursor:pointer}.file-menu-item:hover{background-color:var(--app-surface-hover, rgba(128, 128, 128, .2))}.file-menu-item:active{background-color:var(--app-surface-active, rgba(128, 128, 128, .3))}.file-menu-item svg{flex:none;color:var(--app-icon-foreground, currentColor)}.file-menu-item-label{flex:1}.file-menu-item-shortcut{color:var(--app-foreground-muted, currentColor);font-size:11px}.settings-menu{display:flex;flex-direction:row;align-items:center}.settings-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:var(--app-radius, 4px);background:transparent;color:var(--app-icon-foreground, currentColor);cursor:pointer;transition:background-color .2s cubic-bezier(.645,.045,.355,1)}.settings-button:hover{background-color:var(--app-surface-hover, rgba(128, 128, 128, .2))}.settings-button:active,.settings-button[aria-expanded=true]{background-color:var(--app-surface-active, rgba(128, 128, 128, .3))}.settings-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000040}.settings-dialog{display:flex;flex-direction:column;min-width:300px;border:1px solid var(--app-border, rgba(128, 128, 128, .4));border-radius:12px;background:var(--app-surface, #2a2a2a);box-shadow:var(--app-shadow, 0 4px 12px rgba(0, 0, 0, .3));color:var(--app-foreground, currentColor);font-size:14px}.settings-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--app-border, rgba(128, 128, 128, .4))}.settings-dialog-title{font-size:16px;font-weight:600;line-height:28px}.settings-close-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--app-foreground-muted, currentColor);cursor:pointer;transition:background-color .15s}.settings-close-button:hover{background-color:var(--app-surface-hover, rgba(128, 128, 128, .2))}.settings-dialog-body{display:flex;flex-direction:column;gap:12px;padding:16px 20px 20px}.settings-field{display:flex;align-items:center;justify-content:space-between;gap:16px;height:28px}.settings-select{position:relative;min-width:140px}.settings-select-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:28px;padding:0 8px;border:1px solid var(--app-border, rgba(128, 128, 128, .4));border-radius:var(--app-radius, 4px);background:transparent;color:var(--app-foreground, currentColor);font-size:12px;cursor:pointer;transition:background-color .15s}.settings-select-button:hover,.settings-select-button[aria-expanded=true]{background-color:var(--app-surface-hover, rgba(128, 128, 128, .2))}.settings-select-chevron{flex:none;color:var(--app-foreground-muted, currentColor)}.settings-listbox{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1;padding:4px;border:1px solid var(--app-border, rgba(128, 128, 128, .4));border-radius:var(--app-radius, 4px);background:var(--app-surface, #2a2a2a);box-shadow:var(--app-shadow, 0 4px 12px rgba(0, 0, 0, .3))}.settings-option{display:flex;align-items:center;gap:6px;width:100%;height:26px;padding:0 6px;border:none;border-radius:var(--app-radius, 4px);background:transparent;color:var(--app-foreground, currentColor);font-size:12px;text-align:left;cursor:pointer}.settings-option:hover{background-color:var(--app-surface-hover, rgba(128, 128, 128, .2))}.settings-option:active{background-color:var(--app-surface-active, rgba(128, 128, 128, .3))}.settings-option-check{display:flex;align-items:center;justify-content:center;width:14px;flex:none;color:var(--app-icon-foreground, currentColor)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{position:fixed;inset:0}