*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #fafafa;--bg-sidebar: #f4f4f5;--border-color: #e4e4e7;--text-primary: #18181b;--text-secondary: #52525b;--accent-color: #3b82f6;--sidebar-width: 256px}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.main-content{flex:1;position:relative;overflow:hidden;background-color:#fff;box-shadow:inset 0 2px 4px #0000000d}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{padding:1rem;border-bottom:1px solid var(--border-color);font-weight:700;color:var(--text-secondary)}.sidebar-nav{flex:1;padding:.5rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.settings-container{padding:1.5rem;max-width:48rem;overflow-y:auto;height:100%}.settings-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.debug-section{margin-top:1rem;padding:1rem;background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:.375rem}.debug-section-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.debug-section-body{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;background-color:#fff;padding:.75rem;border:1px solid var(--border-color);border-radius:.25rem;margin-bottom:.75rem}.debug-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:#fff;background-color:var(--accent-color);border:none;border-radius:.25rem;cursor:pointer;transition:opacity .2s ease}.debug-button:hover{opacity:.9}.debug-button:active{opacity:.8}.sidebar-item:hover{background-color:#e4e4e7}.sidebar-item.active{background-color:#e4e4e7;color:var(--text-primary)}.sidebar-footer{padding:.5rem;border-top:1px solid var(--border-color)}.editor-container{width:100%;height:100%;padding:2rem;font-family:BIZ UDMincho,MS Mincho,游明朝,Hiragino Mincho ProN,monospace}.editor-paper{max-width:56rem;margin:0 auto;height:100%;display:flex;flex-direction:column}.editor-body{flex:1;border:1px solid var(--border-color);position:relative;padding:1rem}.editor-grid{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:.1}.editor-cursor{position:absolute;width:2px;height:1.5rem;background-color:var(--accent-color);display:none}.editor-content{position:relative;z-index:10;outline:none;min-height:100%;white-space:pre-wrap;font-family:BIZ UDMincho,MS Mincho,游明朝,Hiragino Mincho ProN,monospace;font-variant-east-asian:full-width;line-break:strict;word-break:break-all}.editor-counter{padding:.5rem 0;font-size:.875rem;color:var(--text-secondary);border-top:1px solid #f4f4f5;display:flex;justify-content:flex-end}