:root{--primary:#9e7fff;--secondary:#38bdf8;--accent:#757575;--background:#171717;--surface:#262626;--card-bg:#2a2a2a;--text:#fff;--text-secondary:#a3a3a3;--border:#2f2f2f;--card-border:#3a3a3a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--accent-rgb:158, 127, 255;--shadow:0 4px 6px #0003;--backdrop-blur:blur(10px);--gradient:linear-gradient(135deg, var(--background) 0%, var(--surface) 100%);--bottom-bar-bg:#262626f2;--bottom-bar-height:40px;--container-background-override:var(--background);--dynamic-text-size:16px;--dynamic-card-width:300px;--dynamic-card-padding:20px;--dynamic-card-height:200px;--light-gradient-start:#00ddeb;--light-gradient-end:#ff6b6b;--dark-gradient-start:#2e2767;--dark-gradient-end:#620808;--light-button-gradient-start:#00ddeb;--light-button-gradient-end:#ff6b6b;--dark-button-gradient-start:#2e2767;--dark-button-gradient-end:#620808;--dock-bg:#1e1e1ed9;--dock-border:#ffffff1a;--dock-separator:#ffffff26;--dock-icon:#ffffffb3;--dock-active-bg:#ffffff1f;--dock-active-border:#ffffff40;--dock-active-icon:#fff}[data-theme=light]{--background:#f5f5f5;--surface:#fff;--card-bg:#fff;--text:#171717;--text-secondary:#666;--border:#e0e0e0;--card-border:#e5e5e5;--shadow:0 2px 8px #00000014;--gradient:linear-gradient(135deg, #f5f5f5 0%, #fff 100%);--bottom-bar-bg:#fffffff2;--dock-bg:#ffffffd9;--dock-border:#0000001a;--dock-separator:#0000001f;--dock-icon:#0009;--dock-active-bg:#00000014;--dock-active-border:#0003;--dock-active-icon:#171717}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--container-background-override);color:var(--text);background-attachment:fixed;min-height:100vh;padding-bottom:80px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{background:var(--container-background-override);max-width:1400px;min-height:calc(100vh - var(--bottom-bar-height));margin:0 auto;padding:20px}.card{background:var(--card-bg);border:1px solid var(--card-border);padding:var(--dynamic-card-padding);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:16px;transition:all .3s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.card.transparent-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:1px solid #ffffff1a}.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item>.react-resizable-handle{display:none}.react-grid-item:has(.selected)>.react-resizable-handle-s{cursor:ns-resize;background-color:var(--accent);color:#fff;z-index:1002;-webkit-user-select:none;user-select:none;border-radius:0 0 8px 8px;justify-content:center;align-items:center;width:100%;height:48px;font-size:.75rem;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 -2px 8px #0003}.react-grid-item:has(.selected)>.react-resizable-handle-s:after{content:"⇕ Drag to Resize Height • Click outside to deselect"}.react-grid-item:has(.selected)>.react-resizable-handle-s:hover{filter:brightness(1.1)}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing,.react-grid-item.react-draggable-dragging{z-index:100;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:var(--accent);opacity:.2;z-index:2;border-radius:8px;transition-duration:.1s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes menuSlideUp{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=768px){.container{padding:10px}.card{padding:15px}}