.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;width:auto;margin:0;position:absolute;z-index:0!important}.grid-stack>.grid-stack-item{width:var(--gs-column-width);height:var(--gs-cell-height);padding:0;position:absolute;top:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{width:auto;margin:0;position:absolute;overflow:hidden auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack:not(.grid-stack-rtl)>.grid-stack-item{left:0}.grid-stack.grid-stack-rtl>.grid-stack-item{right:0}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{-ms-touch-action:none;touch-action:none;font-size:.1px;display:block;position:absolute}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"%23666\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 20 20\"><path d=\"m10 3 2 2H8l2-2v14l-2-2h4l-2 2\"/></svg>");background-position:50%;background-repeat:no-repeat}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,right,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{opacity:.8;box-shadow:1px 4px 6px #0003}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,right .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left,right,top,height,width}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack:not(.grid-stack-rtl)>.grid-stack-item[gs-x="0"]{left:0}.grid-stack.grid-stack-rtl>.grid-stack-item[gs-x="0"]{right:0}:root{color:#f8fafc;background:#020617;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#020617;margin:0}:root{--color-bg:#020617;--color-surface:#ffffff0f;--color-surface-hi:#ffffff1a;--color-border:#ffffff14;--color-border-strong:#93c5fd57;--color-accent:#3b82f6;--color-accent-dim:#1d4ed866;--color-violet:#7c3aed66;--color-text-muted:#94a3b8;--color-text-label:#93c5fd;--color-keyword:#bfdbfe;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:9999px;--gap-xs:6px;--gap-sm:10px;--gap-md:14px;--gap-lg:18px;--gap-xl:24px;--gap-2xl:32px;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem}.os-shell{background:radial-gradient(circle at 32% 0, var(--color-accent-dim), transparent 28%), radial-gradient(circle at 78% 0, var(--color-violet), transparent 30%), var(--color-bg);color:#f8fafc;grid-template-columns:82px minmax(0,1fr) 344px;min-height:100vh;display:grid}.side-rail{border-right:1px solid var(--color-border-strong);align-items:center;gap:var(--gap-lg);background:#020617d9;flex-direction:column;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.rail-logo,.avatar{border-radius:var(--radius-md);width:42px;height:42px;color:var(--color-bg);background:#fff;border:0;place-items:center;font-weight:900;display:grid}.side-rail nav{gap:var(--gap-sm);display:grid}.side-rail a{border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-text-muted);place-items:center;text-decoration:none;display:grid}.side-rail a:hover{background:var(--color-surface-hi);color:#fff}.side-rail a span{display:none}.avatar{cursor:pointer;margin-top:auto}.workspace-shell{padding:var(--gap-xl) var(--gap-2xl) 40px;min-width:0}.top-command{gap:var(--gap-lg);grid-template-columns:minmax(220px,320px) minmax(360px,1fr) auto;align-items:center;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:var(--text-xs);color:var(--color-text-label);margin:0 0 7px;font-weight:900;line-height:1.4}.top-command h1{font-size:var(--text-2xl);letter-spacing:-.04em;margin:0;line-height:1.15}.command-input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-hi);color:#e2e8f0;text-align:left;cursor:pointer;align-items:center;gap:12px;padding:14px 18px;transition:background .15s;display:flex}.command-input:hover{background:#ffffff24}.command-input kbd{border-radius:var(--radius-pill);color:var(--color-keyword);font-family:inherit;font-size:var(--text-xs);border:1px solid #ffffff24;margin-left:auto;padding:3px 9px;line-height:1}.login-button,.canvas-head button,.rail-card button{border-radius:var(--radius-pill);color:var(--color-bg);cursor:pointer;background:#fff;border:0;padding:11px 16px;font-family:inherit;font-weight:800}.workspace-tabs{gap:var(--gap-sm);flex-wrap:wrap;margin:22px 0;display:flex}.workspace-tabs button{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:#fff;cursor:pointer;padding:10px 16px;font-family:inherit;transition:all .15s}.workspace-tabs button:hover{background:var(--color-surface-hi);border-color:#ffffff3d}.workspace-tabs button.selected{color:var(--color-bg);background:#fff;border-color:#0000}.status-strip{gap:var(--gap-md);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px;display:grid}.status-strip article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;padding:18px 20px}.status-strip strong{font-size:var(--text-2xl);letter-spacing:-.03em;line-height:1.15;display:block}.status-strip span{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.02em;margin-top:4px;display:inline-block}.canvas-card{border-radius:var(--radius-lg);padding:var(--gap-xl);background:0 0;border:1px dashed #ffffff0f;margin-top:22px}.canvas-head{justify-content:space-between;align-items:flex-start;gap:var(--gap-xl);margin-bottom:18px;display:flex}.canvas-head h2{font-size:var(--text-xl);letter-spacing:-.04em;margin:0;line-height:1.2}.canvas-head>div:last-child{align-items:center;gap:10px;display:flex}.canvas-head>div:last-child>span{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right;min-width:90px}.grid-stack{min-height:280px}.grid-stack-item{outline:none}.grid-stack-item-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;gap:6px;height:100%;padding:18px 20px;display:flex}.grid-stack-item-content strong{font-size:var(--text-base);align-items:center;gap:10px;line-height:1.35;display:flex}.grid-stack-item-content span{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.system-grid{gap:var(--gap-md);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;display:grid}.system-grid article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:left;align-items:center;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.system-grid article:hover{background:var(--color-surface-hi)}.system-grid strong{font-size:var(--text-sm);font-weight:700;line-height:1.35}.system-grid span{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto;line-height:1.4}.activity-rail{border-left:1px solid var(--color-border-strong);background:#020617d9;height:100vh;position:sticky;top:0;overflow-y:auto}.rail-card{border-bottom:1px solid var(--color-border);padding:20px 18px}.rail-card.identity{background:var(--color-surface)}.rail-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.rail-heading strong{font-size:var(--text-sm);letter-spacing:.01em;font-weight:800;line-height:1.35}.rail-pill{font-size:var(--text-xs);color:var(--color-text-label);border-radius:var(--radius-pill);background:#93c5fd1a;margin:0 6px 8px 0;padding:5px 12px;line-height:1.4;display:inline-block}.rail-card.identity span:first-of-type{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:4px;line-height:1.4;display:block}.theme-toggle{gap:var(--gap-xs);grid-template-columns:repeat(3,1fr);margin:16px 0 14px;display:grid}.theme-toggle button{border-radius:var(--radius-sm);padding:8px 6px;font-family:inherit;transition:all .15s;background:var(--color-surface)!important;color:#e2e8f0!important;border:1px solid var(--color-border)!important}.theme-toggle button.selected{color:var(--color-bg)!important;background:#fff!important;border-color:#0000!important}.palette-backdrop{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#02061799;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}.palette{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:#020617f0;width:min(640px,100vw - 32px);padding:16px;box-shadow:0 24px 100px #0009}.palette-search{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:12px;padding:14px 16px;display:flex}.palette-search input{color:#fff;font-size:var(--text-base);background:0 0;border:0;outline:0;flex:1}.palette-list{gap:var(--gap-xs);margin-top:12px;display:grid}.palette-list button{border-radius:var(--radius-sm);background:var(--color-surface-hi);color:#e2e8f0;text-align:left;cursor:pointer;border:0;justify-content:space-between;align-items:center;padding:14px 16px;font-family:inherit;transition:all .15s;display:flex}.palette-list button:hover{background:#ffffff24}.palette-list span{font-size:var(--text-xs);color:var(--color-text-label);line-height:1.3}.drawer-backdrop{z-index:55;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02061780;justify-content:flex-end;display:flex;position:fixed;inset:0}.widget-drawer{border-left:1px solid var(--color-border-strong);background:#020617f5;width:min(380px,100vw);height:100vh;padding:24px 20px;overflow-y:auto}.drawer-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.drawer-head h2{font-size:var(--text-xl);letter-spacing:-.04em;margin:0;line-height:1.2}.widget-list{gap:var(--gap-sm);display:grid}.widget-list button{border-radius:var(--radius-sm);background:var(--color-surface-hi);color:#fff;text-align:left;cursor:pointer;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;transition:all .15s;display:grid}.widget-list button:hover{background:#ffffff24}.widget-list small{font-size:var(--text-xs);color:var(--color-text-label);line-height:1.3}.callback-shell{background:radial-gradient(circle at 50% 0%, var(--color-accent-dim), transparent 40%), #020617;place-items:center;min-height:100vh;padding:20px;display:grid}.callback-card{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#020617e0;width:min(520px,100vw - 40px);padding:36px 32px;box-shadow:0 20px 80px #00000080}.callback-card h1{font-size:var(--text-xl);letter-spacing:-.03em;margin:0 0 20px;line-height:1.2}.callback-card dl{font-size:var(--text-sm);grid-template-columns:auto 1fr;gap:6px 16px;line-height:1.5;display:grid}.callback-card dt{color:var(--color-text-muted);font-weight:600}.callback-card dd{color:#e2e8f0}.callback-card a{color:var(--color-accent);font-weight:700;font-size:var(--text-base);margin-top:20px;text-decoration:none;display:inline-block}[data-theme=light] :root{--color-bg:#f8fafc;--color-surface:#fff;--color-surface-hi:#eff6ff;--color-border:#dbeafe;--color-text-muted:#94a3b8;--color-keyword:#3b82f6}[data-theme=light] body{background:#f8fafc}[data-theme=light] .os-shell{color:#020617;background:linear-gradient(135deg,#eff6ff,#f8fafc)}[data-theme=light] .side-rail,[data-theme=light] .activity-rail{color:#020617;background:#ffffffe6;border-color:#dbeafe}[data-theme=light] .canvas-card{background:0 0;border-color:#e2e8f0}[data-theme=light] .canvas-head span{color:#94a3b8!important}[data-theme=light] .grid-stack-item-content{color:#020617;background:#fff;border-color:#dbeafe}[data-theme=light] .grid-stack-item-content strong{color:#020617}[data-theme=light] .grid-stack-item-content span{color:#64748b}[data-theme=light] .status-strip article,[data-theme=light] .system-grid article,[data-theme=light] .rail-card,[data-theme=light] .workspace-tabs button,[data-theme=light] .command-input{color:#020617;background:#fff;border-color:#dbeafe}[data-theme=light] .system-grid strong{color:#020617}[data-theme=light] .system-grid span{color:#64748b}
