:root{--color-primary: #007acc;--color-primary-hover: #005aa3;--color-primary-text: #ffffff;--color-bg-body: #ffffff;--color-bg-surface: #fafafa;--color-bg-subtle: #f5f5f5;--color-bg-hover: #f0f0f0;--color-bg-active: #ececec;--color-bg-canvas: #f5f5f5;--color-bg-drop: #e3f2fd;--color-bg-overlay-strong: rgba(0, 0, 0, .72);--color-bg-overlay-medium: rgba(0, 0, 0, .48);--color-border: #cccccc;--color-border-subtle: #dddddd;--color-border-input: #d4d4d4;--color-border-tag: #bad7ff;--color-border-emphasis: #b8b8b8;--color-text-primary: #333333;--color-text-secondary: #444444;--color-text-muted: #666666;--color-text-faint: #999999;--color-text-on-dark: #ffffff;--color-text-subtle: #6a6a6a;--color-danger: #b42318;--color-danger-bg: #fff5f4;--color-danger-border: #f0c9c5;--color-danger-bg-hover: #fee4e2;--color-danger-border-hover: #e9a9a3;--color-tag-bg: #eaf3ff;--color-tag-text: #16406d;--color-tag-bg-hover: #dcecff;--color-highlight: #ffe066;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 10px;--space-4: 20px;--space-5: 24px;--font-size-xs: .8rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.15rem;--font-size-icon: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--transition-fast: .15s ease;--transition-base: .2s ease;--sidebar-width: 300px;--toolbar-padding: 8px;--footer-padding: 8px}html{font-size:14px}html,body{height:100%;width:100%;margin:0}body{overflow:hidden;height:100vh;box-sizing:border-box;padding:10px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:var(--font-size-base)}.canvas-container{border:1px solid var(--color-border);background:var(--color-bg-body);box-sizing:border-box}mark.search-highlight{background:#ffe066;color:inherit;border-radius:2px;padding:0 1px}.orientation-menu{position:relative}.orientation-btn{width:auto;padding:0 7px;gap:4px}.orientation-menu-panel{position:absolute;right:0;top:calc(100% + 4px);z-index:20;min-width:210px;background:var(--color-bg-body);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.orientation-option{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.orientation-option:hover{background:var(--color-bg-subtle)}.orientation-option fa-icon:last-child{margin-left:auto}.orientation-btn.active{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}