.app{display:flex;min-height:100vh}.main-wrap{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--t-slow)}.main-content{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - var(--header-h) - 36px)}.content-area{flex:1;display:flex;overflow:hidden;position:relative}.content-primary{flex:1;overflow-y:auto;padding:var(--sp-6) var(--sp-8);max-width:1100px;width:100%;margin:0 auto}.content-primary.full-width{max-width:none;padding:var(--sp-4) var(--sp-6)}.split-divider{width:5px;background:var(--border);cursor:col-resize;display:none;transition:background var(--t-fast);flex-shrink:0}.split-divider:hover,.split-divider.dragging{background:var(--accent)}.split-divider.visible{display:block}.content-split{flex:1;overflow-y:auto;padding:var(--sp-6) var(--sp-8);border-left:1px solid var(--border);display:none}.content-split.visible{display:block}.new-tab-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--sp-10)}.new-tab-content h2{font-size:20px;font-weight:700;margin-bottom:var(--sp-1)}.new-tab-content p{color:var(--text-muted);font-size:13px;margin-bottom:var(--sp-8)}.quick-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);max-width:420px;width:100%}.quick-access-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-5) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:all var(--t-normal)}.quick-access-tile:hover{border-color:var(--accent);background:var(--press-red-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-access-tile svg{width:22px;height:22px;margin-bottom:var(--sp-2);color:var(--text-secondary)}.quick-access-tile:hover svg{color:var(--accent)}.quick-access-tile span{font-size:12px;font-weight:500;color:var(--text-secondary)}.quick-access-tile:hover span{color:var(--text)}.right-flyout-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:199}.right-flyout-overlay.open{display:block}.right-flyout{position:fixed;top:0;right:0;bottom:0;width:var(--right-flyout-w);background:var(--surface);border-left:1px solid var(--border);box-shadow:-4px 0 24px #00000014;z-index:200;transform:translate(100%);transition:transform var(--t-slow);display:flex;flex-direction:column;overflow-y:auto}.right-flyout.open{transform:translate(0)}.flyout-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);flex-shrink:0}.flyout-header h3{font-size:15px;font-weight:700}.flyout-close{width:30px;height:30px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--t-fast)}.flyout-close:hover{background:var(--surface-alt);color:var(--text)}.flyout-section{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.flyout-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--sp-3)}.flyout-item{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) 0;font-size:13px;color:var(--text-secondary)}.flyout-item label{font-weight:500;color:var(--text)}.toggle{width:36px;height:20px;background:var(--border-strong);border-radius:10px;position:relative;cursor:pointer;transition:background var(--t-fast)}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--t-fast)}.toggle.on:after{transform:translate(16px)}.flyout-link{display:flex;align-items:center;gap:var(--sp-3);padding:8px var(--sp-3);border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--t-fast);margin-bottom:2px}.flyout-link:hover{background:var(--surface-alt);color:var(--text)}.flyout-link svg{width:15px;height:15px;opacity:.6}.mpage{display:none;animation:fadeUp .3s var(--ease)}.mpage.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger>*{opacity:0;animation:staggerIn .35s var(--ease) forwards}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}.stagger>*:nth-child(7){animation-delay:.24s}.stagger>*:nth-child(8){animation-delay:.28s}.stagger>*:nth-child(9){animation-delay:.32s}.stagger>*:nth-child(10){animation-delay:.36s}.stagger>*:nth-child(11){animation-delay:.4s}.stagger>*:nth-child(12){animation-delay:.44s}@keyframes staggerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}