*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #ffffff;--text-color: #1a1a1a;--text-secondary: #6b7280;--header-bg: #f9fafb;--status-bar-bg: #f3f4f6;--border-color: #e5e7eb;--success-color: #10b981;--editor-bg: var(--bg-color);--tab-common-bg: #f9fafb;--tab-common-hover: #f3f4f6;--tab-common-active: #ffffff;--tab-common-accent: #6b7280;--tab-common-editor: #ffffff;--tab-uncommon-bg: #f0fdf4;--tab-uncommon-hover: #dcfce7;--tab-uncommon-active: #f0fdf4;--tab-uncommon-accent: #16a34a;--tab-uncommon-editor: #f7fef9;--tab-rare-bg: #eff6ff;--tab-rare-hover: #dbeafe;--tab-rare-active: #eff6ff;--tab-rare-accent: #2563eb;--tab-rare-editor: #f5f9ff;--tab-epic-bg: #faf5ff;--tab-epic-hover: #f3e8ff;--tab-epic-active: #faf5ff;--tab-epic-accent: #9333ea;--tab-epic-editor: #fcf8ff;--tab-legendary-bg: #fefce8;--tab-legendary-hover: #fef9c3;--tab-legendary-active: #fefce8;--tab-legendary-accent: #ca8a04;--tab-legendary-editor: #fffef5;--tab-mythic-bg: #fff1fd;--tab-mythic-hover: #ffe4e6;--tab-mythic-active: #fff1fe;--tab-mythic-accent: #e22ad9;--tab-mythic-editor: #fff7fe;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--bg-color: #1a1a1a;--text-color: #e5e7eb;--text-secondary: #9ca3af;--header-bg: #111827;--status-bar-bg: #1f2937;--border-color: #374151;--success-color: #34d399;--editor-bg: var(--bg-color);--tab-common-bg: #1f2937;--tab-common-hover: #283548;--tab-common-active: #1a1a1a;--tab-common-accent: #9ca3af;--tab-common-editor: #1a1a1a;--tab-uncommon-bg: #14291a;--tab-uncommon-hover: #1a3524;--tab-uncommon-active: #0f1f14;--tab-uncommon-accent: #4ade80;--tab-uncommon-editor: #121e15;--tab-rare-bg: #152038;--tab-rare-hover: #1c2b4a;--tab-rare-active: #111a2e;--tab-rare-accent: #60a5fa;--tab-rare-editor: #121926;--tab-epic-bg: #1e1530;--tab-epic-hover: #281d40;--tab-epic-active: #171025;--tab-epic-accent: #c084fc;--tab-epic-editor: #151020;--tab-legendary-bg: #26200a;--tab-legendary-hover: #332a0f;--tab-legendary-active: #1e1a08;--tab-legendary-accent: #facc15;--tab-legendary-editor: #1a1708;--tab-mythic-bg: #2a1326;--tab-mythic-hover: #381a33;--tab-mythic-active: #200e1d;--tab-mythic-accent: #fb71e9;--tab-mythic-editor: #1c0e1c}}body{margin:0;background-color:var(--bg-color);color:var(--text-color);overflow:hidden;position:fixed;width:100%;height:100%}#root{width:100%;height:100%;overflow:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;position:relative}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d}.app-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color)}.app-version{font-size:.875rem;font-weight:400;color:var(--text-secondary);opacity:.7;margin-left:.5rem}.app-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.saved-indicator{color:var(--success-color);font-weight:500}.saving-indicator{color:var(--text-secondary);font-weight:500}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-theme-common{--editor-bg: var(--tab-common-editor)}.app-theme-uncommon{--editor-bg: var(--tab-uncommon-editor)}.app-theme-rare{--editor-bg: var(--tab-rare-editor)}.app-theme-epic{--editor-bg: var(--tab-epic-editor)}.app-theme-legendary{--editor-bg: var(--tab-legendary-editor)}.app-theme-mythic{--editor-bg: var(--tab-mythic-editor)}@media(max-width:768px){.app-header{padding:.75rem 1rem}.app-title{font-size:1.25rem}.app-version{font-size:.75rem;margin-left:.25rem}.app-status{font-size:.75rem}}.editor-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-textarea{flex:1;width:100%;padding:1rem;border:none;outline:none;resize:none;font-family:Courier New,Courier,monospace;font-size:1rem;line-height:1.5;background-color:var(--editor-bg, var(--bg-color));color:var(--text-color);transition:background-color .15s}.editor-textarea::placeholder{color:var(--text-secondary);opacity:.5}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--status-bar-bg);border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary)}.status-item{display:flex;gap:.5rem}.status-label{font-weight:500}.status-value{color:var(--text-color)}@media(max-width:768px){.status-bar{font-size:.75rem;padding:.5rem}.status-item{gap:.25rem}}.tab-bar{display:flex;width:100%;border-bottom:1px solid var(--border-color);background-color:var(--header-bg);flex-shrink:0}.tab-item{flex:1;display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;border:none;border-bottom:3px solid transparent;background-color:var(--tab-bg, var(--header-bg));color:var(--text-color);cursor:pointer;transition:background-color .15s,border-color .15s;font-size:.8125rem;min-width:0;overflow:hidden;white-space:nowrap}.tab-item:hover{background-color:var(--tab-hover-bg, var(--header-bg))}.tab-item.tab-active{background-color:var(--tab-active-bg, var(--bg-color));border-bottom-color:var(--tab-accent, var(--text-color))}.tab-letter{font-weight:700;font-size:.9375rem;flex-shrink:0;color:var(--tab-accent, var(--text-color))}.tab-preview{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.75rem}.tab-common{--tab-bg: var(--tab-common-bg);--tab-hover-bg: var(--tab-common-hover);--tab-active-bg: var(--tab-common-active);--tab-accent: var(--tab-common-accent)}.tab-uncommon{--tab-bg: var(--tab-uncommon-bg);--tab-hover-bg: var(--tab-uncommon-hover);--tab-active-bg: var(--tab-uncommon-active);--tab-accent: var(--tab-uncommon-accent)}.tab-rare{--tab-bg: var(--tab-rare-bg);--tab-hover-bg: var(--tab-rare-hover);--tab-active-bg: var(--tab-rare-active);--tab-accent: var(--tab-rare-accent)}.tab-epic{--tab-bg: var(--tab-epic-bg);--tab-hover-bg: var(--tab-epic-hover);--tab-active-bg: var(--tab-epic-active);--tab-accent: var(--tab-epic-accent)}.tab-legendary{--tab-bg: var(--tab-legendary-bg);--tab-hover-bg: var(--tab-legendary-hover);--tab-active-bg: var(--tab-legendary-active);--tab-accent: var(--tab-legendary-accent)}.tab-mythic{--tab-bg: var(--tab-mythic-bg);--tab-hover-bg: var(--tab-mythic-hover);--tab-active-bg: var(--tab-mythic-active);--tab-accent: var(--tab-mythic-accent)}@media(max-width:768px){.tab-item{padding:.375rem .5rem;gap:.25rem;font-size:.75rem}.tab-letter{font-size:.8125rem}.tab-preview{font-size:.6875rem}}