.main-content{min-width:0;margin-left:var(--sidebar-width);min-height:100vh;max-width:calc(var(--content-max-width) + var(--sidebar-width));flex:1;padding:32px 36px 48px}.app-layout.no-sidebar .main-content,.main-content.full-width{max-width:100%;margin-left:0;padding:0}.main-content.guest{justify-content:center;align-items:center;margin-left:0;display:flex}.page-header{margin-bottom:var(--style-section-gap);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header-left h1{font-size:var(--text-2xl);color:var(--color-text);letter-spacing:-.01em;font-weight:700}.page-header-left p{font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:var(--style-tracking);margin-top:2px}.page-header-right{gap:var(--space-3);align-items:center;display:flex}.breadcrumb{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-4);align-items:center;gap:6px;display:flex}.breadcrumb a{color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb span{color:var(--color-text-secondary)}.breadcrumb .sep{color:var(--color-border)}.breadcrumb-collapse{border-radius:var(--radius-sm);cursor:pointer;min-width:24px;height:24px;color:var(--color-text-tertiary);letter-spacing:1px;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.breadcrumb-collapse:hover{background:var(--color-surface-hover);color:var(--color-text)}.breadcrumb-collapse:focus-visible{background:var(--color-surface-hover);color:var(--color-text)}.tags-view-container{margin-bottom:var(--space-4);align-items:center;gap:2px;display:flex;position:relative}.tags-view-hint{width:20px;height:20px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);background:var(--color-surface-hover);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.tags-view-hint-left{margin-right:2px}.tags-view-hint-right{margin-left:2px}.tags-view-scroll{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;align-items:center;gap:4px;min-width:0;padding-bottom:4px;display:flex;position:relative;overflow:auto hidden}.tags-view-scroll::-webkit-scrollbar{height:4px}.tags-view-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.tags-view-item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.tags-view-item:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-text-tertiary)}.tags-view-item.active{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary);font-weight:550}.tags-view-title{text-overflow:ellipsis;max-width:120px;overflow:hidden}.tags-view-close{width:16px;height:16px;color:var(--color-text-tertiary);transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.tags-view-close:hover{background:var(--color-danger-bg);color:var(--color-danger)}.tags-view-overlay{z-index:999;position:fixed;inset:0}.tags-view-more-wrap{flex-shrink:0;position:relative}.tags-view-more-btn{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:4px;padding:6px 10px;display:inline-flex}.tags-view-more-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-primary)}.tags-view-more-menu{z-index:1001;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:160px;max-height:320px;box-shadow:var(--shadow);padding:4px 0;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto}.tags-view-context-menu{z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:120px;box-shadow:var(--shadow);padding:4px 0;position:fixed;overflow:hidden}.context-menu-item{font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;padding:8px 16px}.context-menu-item:hover{background:var(--color-surface-hover);color:var(--color-primary)}