:root{--color-primary:#10b981;--color-primary-light:#34d399;--color-primary-dark:#059669;--color-primary-subtle:#10b98114;--color-primary-contrast:#fff;--color-secondary:#10b981;--color-accent:#10b981;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-bg-main:#fafbfc;--color-bg-canvas:#fafbfc;--color-bg-panel:#fff;--color-bg-elevated:#fff;--color-bg-node:#fff;--color-sidebar-bg:#fff;--color-white:#fff;--color-text-main:#0f172a;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-light:#64748b;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--shadow-sm:0 1px 2px 0 #00000008;--shadow-md:0 2px 8px -1px #0000000f;--shadow-node:0 1px 3px #0000000a,0 4px 12px #00000008;--shadow-elevated:0 4px 16px #00000014;--shadow-desktop-window:0 1px 0 #ffffff85 inset,0 20px 36px -12px #0f172a61,0 44px 82px -26px #0f172a57,0 0 0 1px color-mix(in srgb,var(--color-border)56%,transparent);--shadow-desktop-window-hover:0 1px 0 #fff9 inset,0 24px 44px -12px #0f172a70,0 56px 96px -28px #0f172a66,0 0 0 1px color-mix(in srgb,var(--color-border)68%,transparent);--shadow-desktop-dock:0 1px 0 #ffffff29 inset,0 18px 34px -12px #0f172a57,0 40px 76px -24px #0f172a47,0 0 0 1px color-mix(in srgb,var(--color-border)36%,transparent);--font-family:"DM Sans",system-ui,-apple-system,sans-serif;--font-ui:"DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:.1s;--transition-base:.15s;--transition-slow:.3s;--ease-default:ease;--ease-out:ease-out;--ease-in-out:cubic-bezier(.4,0,.2,1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--text-2xs:9px;--text-xs:10px;--text-sm:11px;--text-base:12px;--text-md:13px;--text-lg:14px;--text-xl:16px;--text-2xl:18px;--icon-btn-xs:20px;--icon-btn-sm:24px;--icon-btn-md:28px;--icon-btn-lg:32px;--icon-btn-xl:36px;--z-dropdown:10;--z-sticky:20;--z-fixed:50;--z-modal-backdrop:900;--z-modal:1000;--z-popover:1001;--z-tooltip:1100;--color-surface-elevated:#fff;--color-text-tertiary:#94a3b8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideIn{0%{opacity:.5;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:.5;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-base)var(--ease-out)}.animate-slideUp{animation:slideUp .2s var(--ease-out)}.animate-slideIn{animation:slideIn .25s var(--ease-in-out)}.animate-slideInLeft{animation:slideInLeft .25s var(--ease-in-out)}.animate-scaleIn{animation:scaleIn .12s var(--ease-out)}.animate-pulse{animation:pulse 2s var(--ease-in-out)infinite}.flex-center{justify-content:center;align-items:center;display:flex}.flex-row-center{align-items:center;display:flex}.flex-col-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.transition-base{transition:all var(--transition-base)var(--ease-default)}.transition-fast{transition:all var(--transition-fast)var(--ease-default)}.transition-slow{transition:all var(--transition-slow)var(--ease-in-out)}.transition-colors{transition:background-color var(--transition-base)var(--ease-default),color var(--transition-base)var(--ease-default),border-color var(--transition-base)var(--ease-default)}.transition-opacity{transition:opacity var(--transition-base)var(--ease-default)}.transition-transform{transition:transform var(--transition-base)var(--ease-default)}.icon-btn{cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)var(--ease-default);color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background-color:var(--color-primary-subtle);color:var(--color-primary)}.icon-btn--xs{width:var(--icon-btn-xs);height:var(--icon-btn-xs)}.icon-btn--sm{width:var(--icon-btn-sm);height:var(--icon-btn-sm)}.icon-btn--md{width:var(--icon-btn-md);height:var(--icon-btn-md)}.icon-btn--lg{width:var(--icon-btn-lg);height:var(--icon-btn-lg)}.icon-btn--xl{width:var(--icon-btn-xl);height:var(--icon-btn-xl)}.icon-btn--danger:hover{color:#ef4444;background-color:#ef44441a}.section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-weight:600}.section-title-xs{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-weight:600}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.font-ui{font-family:var(--font-ui)}.scrollable{flex:1;overflow:hidden auto}.scrollable--padded-sm{padding:var(--space-2)}.scrollable--padded-md{padding:var(--space-3)}.scrollable--padded-lg{padding:var(--space-4)}.panel-header{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-panel);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.panel-header__title{font-size:var(--text-sm);letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.panel-header__actions{align-items:center;gap:var(--space-1);display:flex}.modal-backdrop{z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-base)var(--ease-out);background-color:#00000080;position:fixed;inset:0}.modal-content{background-color:var(--color-bg-panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated),0 25px 50px -12px #00000040;animation:slideUp .2s var(--ease-out);overflow:hidden}.modal-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-xl);color:var(--color-text-primary);font-weight:600}.modal-body{padding:var(--space-5);overflow-y:auto}.badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.3px;border-radius:var(--radius-sm);white-space:nowrap;padding:2px 6px;font-weight:600}.badge--default{background-color:var(--color-bg-main);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge--pipeline{color:#6366f1;background-color:#6366f11f;border:1px solid #6366f140}.badge--run{color:#10b981;background-color:#10b9811f;border:1px solid #10b98140}.badge--script{color:#f59e0b;background-color:#f59e0b1f;border:1px solid #f59e0b40}.badge--channel{color:#1d4ed8;background-color:#dbeafe}.badge--time{color:#7c3aed;background-color:#f3e8ff}.badge--count{background-color:var(--color-bg-main);color:var(--color-text-secondary);border:1px solid var(--color-border)}.input{padding:var(--space-2)var(--space-3);font-size:var(--text-md);font-family:var(--font-ui);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-main);color:var(--color-text-primary);transition:border-color var(--transition-base)var(--ease-default),box-shadow var(--transition-base)var(--ease-default);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-subtle)}.input::placeholder{color:var(--color-text-muted)}.input--mono{font-family:var(--font-mono)}.input--sm{padding:var(--space-1)var(--space-2);font-size:var(--text-base)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--text-md);font-weight:500;font-family:var(--font-ui);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)var(--ease-default);display:flex}.btn--primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:#fff;border:none;box-shadow:0 2px 4px #10b98133}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn--secondary{border:1px solid var(--color-border);color:var(--color-text-primary);background-color:#0000}.btn--secondary:hover{background-color:var(--color-bg-main);border-color:var(--color-text-muted)}.btn--sm{padding:var(--space-1)var(--space-3);font-size:var(--text-base)}.empty-state{padding:var(--space-6);text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{background:var(--color-bg-main);border:1px solid var(--color-border);width:56px;height:56px;margin-bottom:var(--space-4);opacity:.5;border-radius:14px;justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--text-md);color:var(--color-text-secondary);margin:0 0 var(--space-1);font-weight:500}.empty-state__text{font-size:var(--text-base);margin:0}.resizer{cursor:col-resize;z-index:2;background:0 0;width:8px;height:100%;position:absolute;top:0}.resizer--left{left:-3px}.resizer--right{right:-3px}.resizer:hover{background:var(--color-primary-subtle)}.icon-wrapper{border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-wrapper--sm{width:20px;height:20px}.icon-wrapper--md{width:28px;height:28px}.icon-wrapper--lg{width:32px;height:32px}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-ui),system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono),monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-4{bottom:var(--space-4)}.bottom-full{bottom:100%}.left-1\/2{left:50%}.left-full{left:100%}.right-2{right:var(--space-2)}.right-4{right:var(--space-4)}.right-full{right:100%}.top-1\/2{top:50%}.top-2{top:var(--space-2)}.top-full{top:100%}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.mb-3{margin-bottom:var(--space-3)}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-3{height:var(--space-3)}.h-3\.5{height:.875rem}.h-4{height:var(--space-4)}.h-5{height:var(--space-5)}.h-7{height:1.75rem}.h-8{height:var(--space-8)}.h-9{height:2.25rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.max-h-52{max-height:13rem}.max-h-\[22rem\]{max-height:22rem}.max-h-\[24rem\]{max-height:24rem}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0}.min-h-\[240px\]{min-height:240px}.min-h-\[360px\]{min-height:360px}.min-h-\[50vh\]{min-height:50vh}.min-h-full{min-height:100%}.w-10{width:2.5rem}.w-3\.5{width:.875rem}.w-4{width:var(--space-4)}.w-5{width:var(--space-5)}.w-72{width:18rem}.w-8{width:var(--space-8)}.w-9{width:2.25rem}.w-\[360px\]{width:360px}.w-\[420px\]{width:420px}.w-\[560px\]{width:560px}.w-\[min\(94vw\,1200px\)\]{width:min(94vw,1200px)}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[920px\]{min-width:920px}.max-w-\[140px\]{max-width:140px}.max-w-\[90vw\]{max-width:90vw}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.-translate-x-2{--tw-translate-x:calc(var(--space-2)*-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y:calc(var(--space-2)*-1);transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.translate-x-2{--tw-translate-x:var(--space-2);transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y:var(--space-2);transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.animate-spin{animation:1s linear infinite spin}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-\[92px_1fr_auto\]{grid-template-columns:92px 1fr auto}.grid-cols-\[auto\,1fr\,140px\,auto\]{grid-template-columns:auto 1fr 140px auto}.grid-cols-\[minmax\(280px\,1\.6fr\)_repeat\(4\,minmax\(130px\,1fr\)\)\]{grid-template-columns:minmax(280px,1.6fr) repeat(4,minmax(130px,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--space-1)*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-1)*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--space-2)*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-2)*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--space-3)*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-3)*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--space-4)*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--space-4)*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-border{border-color:var(--color-border)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-primary{border-color:var(--color-primary)}.bg-bg-canvas{background-color:var(--color-bg-canvas)}.bg-bg-elevated{background-color:var(--color-bg-elevated)}.bg-bg-main{background-color:var(--color-bg-main)}.bg-bg-panel{background-color:var(--color-bg-panel)}.bg-black\/40{background-color:#0006}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.bg-border{background-color:var(--color-border)}.bg-error{background-color:var(--color-error)}.bg-primary{background-color:var(--color-primary)}.bg-primary-subtle{background-color:var(--color-primary-subtle)}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.pb-1{padding-bottom:var(--space-1)}.pr-1{padding-right:var(--space-1)}.text-left{text-align:left}.font-mono{font-family:var(--font-mono),monospace}.text-\[11px\]{font-size:11px}.text-base{font-size:var(--text-base)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal)var(--tw-slashed-zero)var(--tw-numeric-figure)var(--tw-numeric-spacing)var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-wide{letter-spacing:.025em}.text-\[var\(--color-error\)\]{color:var(--color-error)}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-error{color:var(--color-error)}.text-primary{color:var(--color-primary)}.text-text-main{color:var(--color-text-main)}.text-text-muted{color:var(--color-text-muted)}.text-text-secondary{color:var(--color-text-secondary)}.text-text-tertiary{color:var(--color-text-tertiary)}.text-warning{color:var(--color-warning)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}html{-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:12px}body{font-family:var(--font-family);background-color:var(--color-bg-main);color:var(--color-text-main);min-height:100vh;margin:0;padding:0;line-height:1.4;overflow-x:hidden}#root{flex-direction:column;height:100vh;display:flex}*{box-sizing:border-box}:root{--df-scrollbar-thumb:color-mix(in srgb,var(--color-text-main)30%,transparent);--df-scrollbar-thumb-hover:color-mix(in srgb,var(--color-text-main)45%,transparent)}:is(.df-scrollbar,.main-content,.data-source-panel__content,.pipeline-list-panel__list,.script-sidebar__list,.details-shell-content,.details-fullscreen-sidebar,.details-content,.run-pipeline-panel__content,.run-pipeline-panel__data-preview,.viewer-tab__dataset-panel-list,.chat-panel__messages,.settings-modal__body,.version-selector__list,.data-browser-panel__content,.views-panel){scrollbar-width:thin;scrollbar-color:var(--df-scrollbar-thumb)transparent}:is(.df-scrollbar,.main-content,.data-source-panel__content,.pipeline-list-panel__list,.script-sidebar__list,.details-shell-content,.details-fullscreen-sidebar,.details-content,.run-pipeline-panel__content,.run-pipeline-panel__data-preview,.viewer-tab__dataset-panel-list,.chat-panel__messages,.settings-modal__body,.version-selector__list,.data-browser-panel__content,.views-panel)::-webkit-scrollbar{width:8px;height:8px}:is(.df-scrollbar,.main-content,.data-source-panel__content,.pipeline-list-panel__list,.script-sidebar__list,.details-shell-content,.details-fullscreen-sidebar,.details-content,.run-pipeline-panel__content,.run-pipeline-panel__data-preview,.viewer-tab__dataset-panel-list,.chat-panel__messages,.settings-modal__body,.version-selector__list,.data-browser-panel__content,.views-panel)::-webkit-scrollbar-track{background:0 0}:is(.df-scrollbar,.main-content,.data-source-panel__content,.pipeline-list-panel__list,.script-sidebar__list,.details-shell-content,.details-fullscreen-sidebar,.details-content,.run-pipeline-panel__content,.run-pipeline-panel__data-preview,.viewer-tab__dataset-panel-list,.chat-panel__messages,.settings-modal__body,.version-selector__list,.data-browser-panel__content,.views-panel)::-webkit-scrollbar-thumb{background:var(--df-scrollbar-thumb);border-radius:999px}:is(.df-scrollbar,.main-content,.data-source-panel__content,.pipeline-list-panel__list,.script-sidebar__list,.details-shell-content,.details-fullscreen-sidebar,.details-content,.run-pipeline-panel__content,.run-pipeline-panel__data-preview,.viewer-tab__dataset-panel-list,.chat-panel__messages,.settings-modal__body,.version-selector__list,.data-browser-panel__content,.views-panel)::-webkit-scrollbar-thumb:hover{background:var(--df-scrollbar-thumb-hover)}.hover\:bg-bg-elevated:hover{background-color:var(--color-bg-elevated)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:text-text-main:hover{color:var(--color-text-main)}.hover\:opacity-90:hover{opacity:.9}.focus\:border-primary:focus{border-color:var(--color-primary)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.4fr\,1fr\]{grid-template-columns:1.4fr 1fr}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.cli-login-container{background-color:var(--color-bg-main);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.cli-login-card{background-color:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:8px;width:100%;max-width:400px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.cli-login-header{text-align:center;margin-bottom:1.5rem}.cli-login-logo{width:min(100%,300px);height:auto;margin:0 auto .9rem;display:block}.cli-login-subtitle{color:var(--color-text-secondary);margin:0;font-size:.875rem}.cli-login-status{flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:flex}.cli-login-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite cli-login-spin}@keyframes cli-login-spin{to{transform:rotate(360deg)}}.cli-login-success-icon{width:3rem;height:3rem;color:var(--color-success)}.cli-login-error-icon{width:3rem;height:3rem;color:var(--color-error)}.cli-login-message{color:var(--color-text-primary);text-align:center;font-size:.875rem;line-height:1.5}.cli-login-message--success{color:var(--color-success)}.cli-login-message--error{color:var(--color-error)}.cli-login-retry-button{color:var(--color-primary-contrast);background-color:var(--color-primary);cursor:pointer;border:none;border-radius:6px;margin-top:.5rem;padding:.5rem .9rem;font-size:.875rem;font-weight:500;transition:background-color .15s}.cli-login-retry-button:hover{background-color:var(--color-primary-dark)}[data-theme=classic-green] .cli-login-container{background-color:#32d595}[data-theme=classic-green] .cli-login-card{background-color:#a6f4ce;border-color:#87eab6}.popout-session-bridge{z-index:2400;flex-direction:column;align-items:flex-end;gap:6px;display:inline-flex;position:fixed;top:14px;right:14px}.popout-session-bridge__button{color:#0f513f;cursor:pointer;background:#ffffffe6;border:1px solid #1bb88847;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 10px 26px #10182829}.popout-session-bridge__button:hover:not(:disabled){background:#fff;border-color:#1bb88873}.popout-session-bridge__button:disabled{opacity:.72;cursor:wait}.popout-session-bridge__error{color:#7a1e2d;background:#ffffffeb;border-radius:8px;max-width:220px;padding:4px 8px;font-size:11px;line-height:1.3;box-shadow:0 8px 22px #10182829}.login-container{background-color:var(--color-bg-main);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background-color:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:8px;width:100%;max-width:400px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.login-header{text-align:center;margin-bottom:1.5rem}.login-logo{width:min(100%,300px);height:auto;margin:0 auto .9rem;display:block}.login-subtitle{color:var(--color-text-secondary);margin:0;font-size:.875rem}.login-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.form-input{border:1px solid var(--color-border);background-color:var(--color-bg-elevated);color:var(--color-text-primary);border-radius:6px;outline:none;padding:.5rem .7rem;font-size:.875rem;transition:border-color .15s}.form-input:focus{border-color:var(--color-primary)}.form-input::placeholder{color:var(--color-text-muted)}.login-error{color:var(--color-error);text-align:center;background-color:#ef44441a;border-radius:4px;padding:.5rem;font-size:.875rem}.login-button{color:var(--color-primary-contrast);background-color:var(--color-primary);cursor:pointer;border:none;border-radius:6px;margin-top:.5rem;padding:.5rem .9rem;font-size:.875rem;font-weight:500;transition:background-color .15s}.login-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.login-button:disabled{opacity:.6;cursor:not-allowed}[data-theme=classic-green] .login-container{background-color:#32d595}[data-theme=classic-green] .login-card{background-color:#a6f4ce;border-color:#87eab6}@keyframes wb-fade-in{0%{opacity:0}to{opacity:.85}}.winbox{contain:layout size;text-align:left;touch-action:none;background:#0050ff;transition:width .3s cubic-bezier(.3,1,.3,1),height .3s cubic-bezier(.3,1,.3,1),left .3s cubic-bezier(.3,1,.3,1),top .3s cubic-bezier(.3,1,.3,1);position:fixed;top:0;left:0;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.wb-body,.wb-header{position:absolute;left:0}.wb-header{color:#fff;z-index:1;width:100%;height:35px;line-height:35px;top:0;overflow:hidden}.wb-body{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;will-change:contents;contain:strict;z-index:0;background:#fff;top:35px;bottom:0;right:0;overflow:auto;margin-top:0!important}.wb-control *,.wb-icon{background-repeat:no-repeat}.wb-drag{cursor:move;height:100%;padding-left:10px}.wb-title{white-space:nowrap;text-overflow:ellipsis;font-family:Arial,sans-serif;font-size:14px;overflow:hidden}.wb-icon{float:left;background-position:50%;background-size:100%;width:20px;height:100%;margin:-1px 8px 0 -3px;display:none}.wb-e,.wb-w{width:10px;top:0}.wb-n,.wb-s{height:10px;position:absolute;left:0}.wb-n{cursor:n-resize;z-index:2;top:-5px;right:0}.wb-e{cursor:w-resize;z-index:2;position:absolute;bottom:0;right:-5px}.wb-s{cursor:n-resize;z-index:2;bottom:-5px;right:0}.wb-nw,.wb-sw,.wb-w{left:-5px}.wb-w{cursor:w-resize;z-index:2;position:absolute;bottom:0}.wb-ne,.wb-nw,.wb-sw{z-index:2;width:15px;height:15px;position:absolute}.wb-nw{cursor:nw-resize;top:-5px}.wb-ne,.wb-sw{cursor:ne-resize}.wb-ne{top:-5px;right:-5px}.wb-se,.wb-sw{bottom:-5px}.wb-se{cursor:nw-resize;z-index:2;width:15px;height:15px;position:absolute;right:-5px}.wb-control{float:right;text-align:center;max-width:100%;height:100%}.wb-control *{cursor:pointer;background-position:50%;width:30px;max-width:100%;height:100%;display:inline-block}.no-close .wb-close,.no-full .wb-full,.no-header .wb-header,.no-max .wb-max,.no-min .wb-min,.no-resize .wb-body~div,.wb-body .wb-hide,.wb-show,.winbox.hide,.winbox.min .wb-body>*,.winbox.min .wb-full,.winbox.min .wb-min,.winbox.modal .wb-full,.winbox.modal .wb-max,.winbox.modal .wb-min{display:none}.winbox.max .wb-drag,.winbox.min .wb-drag{cursor:default}.wb-min{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAwaDdhMSAxIDAgMCAxIDAgMkgxYTEgMSAwIDAgMSAwLTJoN3oiLz48L3N2Zz4=);background-position:50% calc(50% + 6px);background-size:14px}.wb-max{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA5NiA5NiI+PHBhdGggZD0iTTIwIDcxLjMxMUMxNS4zNCA2OS42NyAxMiA2NS4yMyAxMiA2MFYyMGMwLTYuNjMgNS4zNy0xMiAxMi0xMmg0MGM1LjIzIDAgOS42NyAzLjM0IDExLjMxMSA4SDI0Yy0yLjIxIDAtNCAxLjc5LTQgNHY1MS4zMTF6Ii8+PHBhdGggZD0iTTkyIDc2VjM2YzAtNi42My01LjM3LTEyLTEyLTEySDQwYy02LjYzIDAtMTIgNS4zNy0xMiAxMnY0MGMwIDYuNjMgNS4zNyAxMiAxMiAxMmg0MGM2LjYzIDAgMTItNS4zNyAxMi0xMnptLTUyIDRjLTIuMjEgMC00LTEuNzktNC00VjM2YzAtMi4yMSAxLjc5LTQgNC00aDQwYzIuMjEgMCA0IDEuNzkgNCA0djQwYzAgMi4yMS0xLjc5IDQtNCA0SDQweiIvPjwvc3ZnPg==);background-size:17px}.wb-close{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDE4IDE4Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMS42MTMuMjEuMDk0LjA4M0w4IDYuNTg1IDE0LjI5My4yOTNsLjA5NC0uMDgzYTEgMSAwIDAgMSAxLjQwMyAxLjQwM2wtLjA4My4wOTRMOS40MTUgOGw2LjI5MiA2LjI5M2ExIDEgMCAwIDEtMS4zMiAxLjQ5N2wtLjA5NC0uMDgzTDggOS40MTVsLTYuMjkzIDYuMjkyLS4wOTQuMDgzQTEgMSAwIDAgMSAuMjEgMTQuMzg3bC4wODMtLjA5NEw2LjU4NSA4IC4yOTMgMS43MDdBMSAxIDAgMCAxIDEuNjEzLjIxeiIvPjwvc3ZnPg==);background-position:5px;background-size:15px}.wb-full{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIuNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOCAzSDVhMiAyIDAgMCAwLTIgMnYzbTE4IDBWNWEyIDIgMCAwIDAtMi0yaC0zbTAgMThoM2EyIDIgMCAwIDAgMi0ydi0zTTMgMTZ2M2EyIDIgMCAwIDAgMiAyaDMiLz48L3N2Zz4=);background-size:16px}.winbox.max .wb-body~div,.winbox.min .wb-body~div,.winbox.modal .wb-body~div,.winbox.modal .wb-drag,body.wb-lock iframe{pointer-events:none}.winbox.max{box-shadow:none}.winbox.max .wb-body{margin:0!important}.winbox iframe{border:0;width:100%;height:100%;position:absolute}body.wb-lock .winbox{will-change:left,top,width,height;transition:none}.winbox.modal:before{content:"";background:inherit;border-radius:inherit;position:absolute;inset:0}.winbox.modal:after{content:"";z-index:-1;background:#0d1117;animation:.2s ease-out forwards wb-fade-in;position:absolute;inset:-50vh -50vw}.no-animation{transition:none}.no-shadow{box-shadow:none}.no-header .wb-body{top:0}.no-move:not(.min) .wb-title{pointer-events:none}.wb-body .wb-show{display:revert}.settings-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.settings-modal__content{background-color:var(--color-bg-panel);width:90%;max-width:480px;max-height:85vh;box-shadow:var(--shadow-elevated),0 25px 50px -12px #00000040;border-radius:12px;animation:.2s ease-out slideUp;overflow:hidden}.settings-modal__header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-modal__title{color:var(--color-text-primary);font-size:16px;font-weight:600;font-family:var(--font-ui)}.settings-modal__close{width:32px;height:32px;color:var(--color-text-muted);border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.settings-modal__close:hover{background-color:var(--color-primary-subtle);color:var(--color-text-primary)}.settings-modal__body{max-height:calc(85vh - 65px);padding:20px;overflow-y:auto}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section__title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:8px;font-size:12px;font-weight:600}.settings-section__description{color:var(--color-text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.theme-options{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.theme-options__group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);grid-column:1/-1;margin-top:2px;font-size:11px;font-weight:700}.theme-options__group-label:not(:first-child){margin-top:8px}.theme-option{background-color:var(--color-bg-main);border:2px solid var(--color-border);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:12px;transition:all .15s;display:flex}.theme-option:hover{border-color:var(--color-primary-light)}.theme-option--active{border-color:var(--color-primary);background-color:var(--color-primary-subtle)}.theme-option__preview{border:1px solid var(--color-border);border-radius:6px;justify-content:center;align-items:center;width:100%;height:60px;display:flex;position:relative;overflow:hidden}.theme-option__preview--system{border-color:var(--color-border);background:linear-gradient(135deg,#fff 50%,#1e293b 50%)}.theme-option__preview-split{display:flex;position:absolute;inset:0}.theme-option__preview-light{background-color:#fff;flex:1}.theme-option__preview-dark{background-color:#1e293b;flex:1}.theme-option__preview-icon{z-index:1;color:var(--color-text-muted);position:relative}.theme-option__swatch{border-radius:50%;width:16px;height:16px;position:absolute;top:8px;left:8px}.theme-option__swatch--secondary{width:12px;height:12px;left:auto;right:8px}.theme-option__info{flex-direction:column;gap:2px;display:flex}.theme-option__name{color:var(--color-text-primary);font-size:13px;font-weight:600}.theme-option__name-row{justify-content:center;align-items:center;gap:6px;display:flex}.theme-option__badge{border:1px solid var(--color-border);background-color:var(--color-bg-elevated);color:var(--color-text-muted);border-radius:999px;padding:2px 6px;font-size:10px;line-height:1}.theme-option__desc{color:var(--color-text-muted);font-size:11px}.current-theme{background-color:var(--color-bg-main);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:14px;padding:14px;display:flex}.current-theme__preview{border:1px solid var(--color-border-subtle);border-radius:6px;gap:4px;padding:8px;display:flex}.current-theme__color{border-radius:4px;width:20px;height:20px}.current-theme__info{flex-direction:column;gap:2px;display:flex}.current-theme__name{color:var(--color-text-primary);font-size:14px;font-weight:600}.current-theme__mode{color:var(--color-text-muted);font-size:12px}@media (max-width:500px){.theme-options{grid-template-columns:1fr}}.desktop-layout{background:radial-gradient(circle at 12% 10%,var(--color-primary-subtle)0,transparent 38%),linear-gradient(165deg,var(--color-bg-main)0%,var(--color-bg-canvas)100%);width:100%;height:100vh;position:relative;overflow:hidden}.desktop-layout__backdrop{pointer-events:none;background-image:linear-gradient(transparent 31px,color-mix(in srgb,var(--color-border)18%,transparent)32px),linear-gradient(90deg,transparent 31px,color-mix(in srgb,var(--color-border)18%,transparent)32px);opacity:.35;background-size:32px 32px;position:absolute;inset:0}.desktop-layout__watermark{opacity:.08;filter:grayscale();pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:min(58vmin,560px);position:absolute;inset:0}.desktop-layout__toolbar{z-index:2;border:1px solid color-mix(in srgb,var(--color-border)75%,transparent);background:color-mix(in srgb,var(--color-bg-elevated)90%,transparent);border-radius:999px;align-items:center;gap:.5rem;padding:.42rem .48rem;display:inline-flex;position:absolute;top:.85rem;right:.85rem;box-shadow:0 8px 18px #0f172a1a}.desktop-layout__toolbar-separator{background:color-mix(in srgb,var(--color-border)62%,transparent);align-self:stretch;width:1px}.desktop-layout__servers{z-index:2;pointer-events:auto;justify-items:end;gap:.85rem;display:grid;position:absolute;top:4.25rem;right:1rem}.desktop-layout__server-object{justify-content:flex-end;width:112px;display:flex;position:relative}.desktop-layout__server-object-button{width:100%;color:var(--color-text-main);cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:.22rem;padding:.22rem .35rem .16rem;transition:transform .16s,background .16s;display:flex}.desktop-layout__server-object-button:hover{background:color-mix(in srgb,var(--color-bg-canvas)26%,transparent);transform:translateY(-1px)}.desktop-layout__server-object-button:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary)72%,white);outline-offset:2px}.desktop-layout__server-object-button--active{background:color-mix(in srgb,var(--color-bg-canvas)34%,transparent)}.desktop-layout__server-object-glyph{filter:drop-shadow(0 10px 16px #0f172a29);width:4.15rem;height:4.95rem;transition:transform .16s,filter .16s,opacity .16s;display:inline-flex}.desktop-layout__server-object-button:hover .desktop-layout__server-object-glyph,.desktop-layout__server-object-button--active .desktop-layout__server-object-glyph{transform:translateY(-2px)scale(1.03)}.desktop-layout__server-object-button--offline .desktop-layout__server-object-glyph{opacity:.68;filter:saturate(.72)brightness(.88)drop-shadow(0 8px 12px #0f172a1a)}.desktop-layout__server-object-button--processing .desktop-layout__server-object-glyph{animation:2.25s ease-in-out infinite desktop-server-prism-float}.desktop-layout__server-object-label{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;color:color-mix(in srgb,var(--color-text-main)94%,white);text-shadow:0 1px 4px #0f172a24;font-size:.69rem;font-weight:600;line-height:1.15;overflow:hidden}.desktop-layout__server-object-button--offline .desktop-layout__server-object-label{color:color-mix(in srgb,var(--color-text-secondary)94%,white)}.desktop-layout__server-prism{width:100%;height:100%;overflow:visible}.desktop-layout__server-object-button--online .desktop-layout__server-prism-scan{opacity:.34}.desktop-layout__server-object-button--offline .desktop-layout__server-prism-scan{opacity:0}.desktop-layout__server-object-button--processing .desktop-layout__server-prism-scan{animation:1.6s ease-in-out infinite desktop-server-icon-scan}.desktop-layout__server-object-button--processing .desktop-layout__server-prism-led-halo{transform-origin:50%;transform-box:fill-box;animation:1.55s ease-in-out infinite desktop-server-icon-pulse}.desktop-layout__server-object-button--processing .desktop-layout__server-prism-led{animation:1.25s ease-in-out infinite desktop-server-prism-led}.desktop-layout__server-popover--desktop{width:min(288px,100vw - 8rem);top:.2rem;right:calc(100% + .8rem)}.desktop-layout__server-popover{z-index:80;border:1px solid color-mix(in srgb,var(--color-border)78%,transparent);background:color-mix(in srgb,var(--color-bg-elevated)96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;width:270px;padding:.75rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 20px 40px #0f172a2e}.desktop-layout__server-popover-header{justify-content:space-between;align-items:flex-start;gap:.6rem;margin-bottom:.75rem;display:flex}.desktop-layout__server-popover-header-actions{align-items:center;gap:.3rem;display:inline-flex}.desktop-layout__server-popover-title-wrap{min-width:0}.desktop-layout__server-popover-title{color:var(--color-text-main);font-size:.92rem;font-weight:700;display:block}.desktop-layout__server-popover-subtitle{color:var(--color-text-secondary);margin-top:.16rem;font-size:.72rem;line-height:1.35;display:block}.desktop-layout__server-popover-badge{width:1.5rem;height:1.5rem;color:color-mix(in srgb,var(--color-warning)72%,black);background:color-mix(in srgb,var(--color-warning)18%,transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.desktop-layout__server-popover-status-row{flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem;display:flex}.desktop-layout__server-pill{height:1.5rem;color:var(--color-text-main);background:color-mix(in srgb,var(--color-border)40%,transparent);border-radius:999px;align-items:center;padding:0 .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.desktop-layout__server-pill--online{color:color-mix(in srgb,var(--color-success)82%,black);background:color-mix(in srgb,var(--color-success)16%,transparent)}.desktop-layout__server-pill--processing{color:color-mix(in srgb,var(--color-warning)78%,black);background:color-mix(in srgb,var(--color-warning)18%,transparent)}.desktop-layout__server-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0 0 .75rem;display:grid}.desktop-layout__server-metric{background:color-mix(in srgb,var(--color-bg-canvas)72%,transparent);border:1px solid color-mix(in srgb,var(--color-border)48%,transparent);border-radius:12px;padding:.55rem}.desktop-layout__server-metric dt{letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 .2rem;font-size:.66rem;font-weight:700}.desktop-layout__server-metric dd{color:var(--color-text-main);margin:0;font-size:.95rem;font-weight:700}.desktop-layout__server-roots{margin-bottom:.75rem}.desktop-layout__server-roots-title{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);margin-bottom:.35rem;font-size:.7rem;font-weight:700}.desktop-layout__server-roots-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.desktop-layout__server-root{background:color-mix(in srgb,var(--color-bg-canvas)72%,transparent);border:1px solid color-mix(in srgb,var(--color-border)40%,transparent);border-radius:10px;gap:.08rem;padding:.45rem .55rem;display:grid}.desktop-layout__server-root-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-main);font-size:.74rem;font-weight:600;overflow:hidden}.desktop-layout__server-root-path{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-secondary);font-size:.68rem;overflow:hidden}.desktop-layout__server-roots-more{color:var(--color-text-secondary);margin-top:.4rem;font-size:.7rem}.desktop-layout__server-popover-actions{justify-content:flex-end;display:flex}@media (prefers-reduced-motion:reduce){.desktop-layout__server-object-button,.desktop-layout__server-object-glyph{transition:none!important}.desktop-layout__server-object-button:hover,.desktop-layout__server-object-button:hover .desktop-layout__server-object-glyph,.desktop-layout__server-object-button--active .desktop-layout__server-object-glyph{transform:none}.desktop-layout__server-object-button--processing .desktop-layout__server-object-glyph,.desktop-layout__server-object-button--processing .desktop-layout__server-prism-scan,.desktop-layout__server-object-button--processing .desktop-layout__server-prism-led-halo,.desktop-layout__server-object-button--processing .desktop-layout__server-prism-led{transform:none;animation:none!important}}.desktop-layout__user-chip{align-items:center;gap:.42rem;min-width:0;display:inline-flex}.desktop-layout__user-avatar{width:1.45rem;height:1.45rem;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary)16%,transparent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.desktop-layout__user{max-width:230px;color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1;overflow:hidden}@keyframes desktop-server-prism-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes desktop-server-prism-led{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes desktop-server-icon-scan{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(12px)}}@keyframes desktop-server-icon-flow{0%{opacity:.25;transform:translate(-1px)}50%{opacity:1;transform:translate(1.6px)}to{opacity:.25;transform:translate(-1px)}}@keyframes desktop-server-icon-shimmer{0%,to{opacity:.2;transform:translate(-1px)}50%{opacity:.72;transform:translate(2px)}}@keyframes desktop-server-icon-core{0%,to{opacity:.66;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.14)}}@keyframes desktop-server-icon-pulse{0%,to{opacity:.32;transform:scale(.96)}50%{opacity:1;transform:scale(1.1)}}@keyframes desktop-server-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes desktop-server-icon-flicker{0%,to{opacity:.36;transform:scaleY(.84)}50%{opacity:1;transform:scaleY(1.08)}}.desktop-layout__context-menu{z-index:70;border:1px solid color-mix(in srgb,var(--color-border)78%,transparent);background:color-mix(in srgb,var(--color-bg-elevated)96%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;gap:.2rem;width:212px;padding:.35rem;display:grid;position:fixed;box-shadow:0 14px 28px #0f172a33}.desktop-layout__context-item{width:100%;height:2rem;color:var(--color-text-main);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:.45rem;padding:0 .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.desktop-layout__context-item:hover{background:color-mix(in srgb,var(--color-primary)14%,transparent)}.desktop-layout__context-item:disabled{opacity:.55;cursor:not-allowed}.desktop-layout__context-item--danger:hover{background:color-mix(in srgb,var(--color-error)16%,transparent)}.desktop-layout__icons{background:color-mix(in srgb,var(--color-bg-elevated)82%,transparent);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);border:1px solid color-mix(in srgb,var(--color-border)45%,transparent);box-shadow:var(--shadow-desktop-dock);z-index:2147483000;border-radius:18px;flex-direction:column;align-items:center;gap:.25rem;padding:.55rem .5rem;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.desktop-layout--fullscreen .desktop-layout__icons{z-index:10}.desktop-layout__icon-entry{flex-direction:column;align-items:center;gap:.18rem;display:flex}.desktop-layout__icon{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .15s,border-color .15s,box-shadow .15s;display:flex}.desktop-layout__icon:hover{background:color-mix(in srgb,var(--color-bg-canvas)55%,transparent);border-color:color-mix(in srgb,var(--color-border)60%,transparent);transform:scale(1.1);box-shadow:0 4px 12px #0f172a1a}.desktop-layout__icon:active{transition-duration:80ms;transform:scale(.93)}.desktop-layout__icon:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary)75%,white);outline-offset:2px}.desktop-layout__icon-svg{filter:drop-shadow(0 1px 3px #0f172a33);justify-content:center;align-items:center;transition:filter .15s;display:flex}.desktop-layout__icon-image{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 3px #0f172a33);width:28px;height:28px}.desktop-layout__icon:hover .desktop-layout__icon-svg{filter:drop-shadow(0 2px 6px #0f172a40)brightness(1.08)}.desktop-layout__icon:hover .desktop-layout__icon-image{filter:drop-shadow(0 2px 6px #0f172a40)brightness(1.04)}.desktop-layout__icon-dots{flex-direction:row;justify-content:center;align-items:center;gap:3px;height:6px;display:flex}.desktop-layout__icon-dot{opacity:0;border-radius:999px;flex-shrink:0;width:4px;height:4px;transition:opacity .25s,transform .25s cubic-bezier(.34,1.56,.64,1);transform:scale(.4)}.desktop-layout__icon-dot--active{opacity:.85;transform:scale(1)}.desktop-layout__dock-separator{background:color-mix(in srgb,var(--color-border)55%,transparent);border-radius:999px;flex-shrink:0;width:60%;height:1px;margin:.3rem 0}.desktop-layout__icon--active{background:color-mix(in srgb,var(--color-bg-canvas)55%,transparent);border-color:color-mix(in srgb,var(--color-border)60%,transparent)}.desktop-layout__picker{z-index:70;background:color-mix(in srgb,var(--color-bg-elevated)96%,transparent);border:1px solid color-mix(in srgb,var(--color-border)78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;min-width:220px;max-width:280px;padding:.35rem;position:fixed;transform:translateY(-50%);box-shadow:0 14px 28px #0f172a33}.desktop-layout__context-deliver{z-index:70;background:color-mix(in srgb,var(--color-bg-elevated)96%,transparent);border:1px solid color-mix(in srgb,var(--color-border)78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;min-width:200px;max-width:260px;padding:.35rem;position:fixed;transform:translateY(-50%);box-shadow:0 14px 28px #0f172a33}.desktop-layout__context-deliver-header{align-items:center;gap:.45rem;padding:.3rem .55rem .25rem;display:flex}.desktop-layout__context-deliver-icon{flex-shrink:0;align-items:center;display:flex}.desktop-layout__context-deliver-title{color:var(--color-text-main);flex:1;font-size:.78rem;font-weight:700}.desktop-layout__context-deliver-empty{color:var(--color-text-secondary);margin:0;padding:.25rem .55rem;font-size:.75rem}.desktop-layout__context-deliver-cancel{width:1.2rem;height:1.2rem;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:background .12s,color .12s;display:flex;position:absolute;top:.3rem;right:.35rem}.desktop-layout__context-deliver-cancel:hover{background:color-mix(in srgb,var(--color-error)18%,transparent);color:var(--color-error)}.desktop-layout__picker-header{align-items:center;gap:.45rem;padding:.3rem .55rem .25rem;display:flex}.desktop-layout__picker-header-icon{flex-shrink:0;align-items:center;display:flex}.desktop-layout__picker-header-icon svg{width:14px;height:14px}.desktop-layout__picker-header-label{color:var(--color-text-main);flex:1;min-width:0;font-size:.78rem;font-weight:700}.desktop-layout__picker-count{color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-border)40%,transparent);border-radius:999px;flex-shrink:0;padding:.1rem .45rem;font-size:.7rem;font-weight:500}.desktop-layout__picker-separator{background:color-mix(in srgb,var(--color-border)55%,transparent);border-radius:999px;height:1px;margin:.2rem .35rem}.desktop-layout__picker-window{width:100%;height:2rem;color:var(--color-text-main);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:.4rem;padding:0 .35rem 0 .55rem;font-size:.78rem;transition:background .12s;display:flex}.desktop-layout__picker-window:hover{background:color-mix(in srgb,var(--color-primary)12%,transparent)}.desktop-layout__picker-window-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.desktop-layout__picker-close{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);opacity:0;cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;line-height:1;transition:opacity .12s,background .12s;display:inline-flex}.desktop-layout__picker-window:hover .desktop-layout__picker-close{opacity:1}.desktop-layout__picker-close:hover{background:color-mix(in srgb,var(--color-error)18%,transparent);color:var(--color-error)}.desktop-layout__picker-new{width:100%;height:2rem;color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:.45rem;padding:0 .55rem;font-size:.78rem;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.desktop-layout__picker-new:hover{background:color-mix(in srgb,var(--color-primary)12%,transparent);color:var(--color-text-main)}@media (max-width:768px){.desktop-layout__icons{border-radius:14px;gap:.18rem;padding:.4rem .35rem;left:.5rem}.desktop-layout__icon{border-radius:10px;width:40px;height:40px}.desktop-layout__icon-svg svg{width:20px;height:20px}.desktop-layout__toolbar{gap:.36rem;padding:.34rem .38rem;top:.55rem;right:.55rem}.desktop-layout__servers{gap:.65rem;top:3.6rem;right:.7rem}.desktop-layout__server-object{width:88px}.desktop-layout__server-object-glyph{width:3.45rem;height:4.15rem}.desktop-layout__server-object-label{font-size:.62rem}.desktop-layout__server-popover--desktop{width:min(270px,100vw - 5rem);top:calc(100% + .45rem);right:0}.desktop-layout__user-avatar{width:1.3rem;height:1.3rem}.desktop-layout__user{max-width:135px;font-size:.7rem}.desktop-layout__context-menu{width:198px}}.desktop-shortcuts{z-index:1;pointer-events:none;position:absolute;inset:0}.desktop-shortcuts__grid{flex-direction:column;gap:.35rem;display:flex;position:absolute;top:1.25rem;left:4.25rem}.desktop-shortcuts__recycle-bin{bottom:1.25rem;right:1rem;position:absolute!important}.desktop-shortcuts__settings{bottom:7rem;right:1rem;position:absolute!important}.desktop-shortcut{cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:.3rem;width:76px;padding:.5rem .25rem .35rem;transition:background .15s,border-color .15s,transform .12s;display:flex}.desktop-shortcut:hover{background:color-mix(in srgb,var(--color-bg-canvas)45%,transparent);border-color:color-mix(in srgb,var(--color-border)40%,transparent)}.desktop-shortcut:active{transition-duration:60ms;transform:scale(.92)}.desktop-shortcut:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary)75%,white);outline-offset:2px}.desktop-shortcut__icon{background:color-mix(in srgb,var(--color-bg-elevated)72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--color-border)35%,transparent);filter:drop-shadow(0 1px 2px #0f172a26);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:box-shadow .15s,border-color .15s;display:flex;box-shadow:0 2px 8px #0f172a1f}.desktop-shortcut__icon-image{-o-object-fit:contain;object-fit:contain;width:28px;height:28px}.desktop-shortcut:hover .desktop-shortcut__icon{border-color:color-mix(in srgb,var(--color-border)55%,transparent);box-shadow:0 4px 14px #0f172a2e}.desktop-shortcut__label{color:var(--color-text-secondary);text-align:center;text-shadow:0 1px 3px #00000026;text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:.68rem;font-weight:600;line-height:1.15;overflow:hidden}@media (max-width:768px){.desktop-shortcuts__grid{gap:.25rem;top:1rem;left:4.5rem}.desktop-shortcuts__recycle-bin{bottom:.75rem;right:.6rem}.desktop-shortcut{width:64px;padding:.35rem .2rem .25rem}.desktop-shortcut__icon{border-radius:10px;width:40px;height:40px}.desktop-shortcut__icon svg,.desktop-shortcut__icon-image{width:22px;height:22px}.desktop-shortcut__label{max-width:60px;font-size:.6rem}}.desktop-window.winbox{border:1px solid color-mix(in srgb,var(--color-border)70%,transparent);box-shadow:var(--shadow-desktop-window);border-radius:12px;transition:box-shadow .18s,border-color .18s;overflow:hidden}.desktop-window.winbox:hover,.desktop-window.winbox:focus-within{border-color:color-mix(in srgb,var(--color-border)80%,transparent);box-shadow:var(--shadow-desktop-window-hover)}.desktop-window.winbox.max{box-shadow:none;border-color:#0000}.desktop-window .wb-title{color:var(--color-primary-contrast);font-size:13px;font-weight:600}.desktop-window .wb-header{height:26px!important;line-height:26px!important}.desktop-window .wb-body{background:var(--color-bg-canvas);top:26px!important}.desktop-window--app.winbox,.desktop-window--app.winbox:hover,.desktop-window--app.winbox:focus-within{border-color:#0000}.desktop-window--app .wb-body{background:0 0;overflow:hidden}.desktop-window .wb-drag{padding-left:8px}.desktop-window .wb-control *{width:24px}.wb-theme-light.winbox,.wb-theme-dark.winbox,.wb-theme-classic-green.winbox,.wb-theme-satorius.winbox{background:var(--color-primary)}.wb-theme-light .wb-header,.wb-theme-dark .wb-header,.wb-theme-classic-green .wb-header,.wb-theme-satorius .wb-header{color:var(--color-primary-contrast)}.desktop-window .wb-popout{opacity:.86;transition:opacity .15s}.desktop-window .wb-popout:hover{opacity:1}[data-theme=dark] .desktop-window .wb-control,[data-theme=satorius] .desktop-window .wb-control{filter:brightness(0)invert()}[data-theme=light] .desktop-window .wb-control,[data-theme=classic-green] .desktop-window .wb-control{filter:none}.desktop-window .wb-control.wb-popout{opacity:.9}.desktop-window .wb-control.wb-popout:hover{opacity:1}.resizable-panel{background:var(--color-bg-panel);flex-direction:column;flex-shrink:0;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.resizable-panel--right{border-left:1px solid var(--color-border)}.resizable-panel--left{border-right:1px solid var(--color-border)}.resizable-panel--closed{border-width:0;display:none;width:0!important;min-width:0!important}.resizable-panel__content{opacity:1;flex-direction:column;width:100%;height:100%;transition:opacity .2s;display:flex;overflow:hidden}.resizable-panel--closed .resizable-panel__content{opacity:0;pointer-events:none}.resizable-panel__resizer{cursor:col-resize;z-index:10;background:0 0;width:8px;height:100%;transition:background .15s;position:absolute;top:0}.resizable-panel--right .resizable-panel__resizer{left:-4px}.resizable-panel--left .resizable-panel__resizer{right:-4px}.resizable-panel__resizer:hover{background:var(--color-primary);opacity:.4}.resizable-panel__resizer:active{background:var(--color-primary);opacity:.6}.app-container{width:100%;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;gap:.75rem;min-width:0;padding:1.25rem;transition:flex .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-y:auto}.main-content--drop-hover{background:var(--color-primary-subtle,#ecfdf5);outline:2px dashed var(--color-primary,#10b981);outline-offset:-4px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.create-folder-modal{background:var(--color-bg-card,#fff);border-radius:8px;min-width:320px;padding:20px;box-shadow:0 4px 20px #00000026}.create-folder-modal h3{color:var(--color-text,#111827);margin:0 0 16px;font-size:1rem;font-weight:600}.create-folder-modal input{border:1px solid var(--color-border,#e5e7eb);box-sizing:border-box;border-radius:6px;width:100%;margin-bottom:16px;padding:10px 12px;font-size:.875rem}.create-folder-modal input:focus{border-color:var(--color-primary,#10b981);box-shadow:0 0 0 2px var(--color-primary-subtle,#ecfdf5);outline:none}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions button{cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.875rem;transition:all .15s}.modal-actions button:first-child{border:1px solid var(--color-border,#e5e7eb);color:var(--color-text,#111827);background:0 0}.modal-actions button:first-child:hover{background:var(--color-bg-main,#f9fafb)}.modal-actions button:last-child{background:var(--color-primary,#10b981);color:#fff;border:none}.modal-actions button:last-child:hover{background:var(--color-primary-dark,#059669)}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.main-content{gap:.5rem;padding:.65rem}}