:root{--type-xs-size:10px;--type-xs-weight:600;--type-xs-spacing:-.01em;--type-xs-height:1;--type-sm-size:11px;--type-sm-weight:600;--type-sm-spacing:-.005em;--type-sm-height:1.1;--type-base-size:13px;--type-base-weight:600;--type-base-spacing:-.01em;--type-base-height:1.35;--type-md-size:14px;--type-md-weight:700;--type-md-spacing:-.02em;--type-md-height:1.2;--type-lg-size:16px;--type-lg-weight:800;--type-lg-spacing:-.025em;--type-lg-height:1.1;--type-xl-size:22px;--type-xl-weight:800;--type-xl-spacing:-.03em;--type-xl-height:1;--type-2xl-size:34px;--type-2xl-weight:850;--type-2xl-spacing:-.04em;--type-2xl-height:1.03;--type-3xl-size:42px;--type-3xl-weight:850;--type-3xl-spacing:-.05em;--type-3xl-height:.96;--type-4xl-size:58px;--type-4xl-weight:850;--type-4xl-spacing:-.05em;--type-4xl-height:.94;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--space-5xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:999px;--height-xs:24px;--height-sm:26px;--height-md:32px;--height-lg:34px;--height-xl:40px;--height-2xl:48px;--height-3xl:54px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px #00000014;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 10px 24px #0000001f;--shadow-xl:0 20px 40px #00000026;--shadow-2xl:0 28px 72px #00000029;--shadow-inset-sm:inset 0 1px 0 #ffffff80;--shadow-inset-md:inset 0 1px 2px #0000000d;--shadow-focus:inset 0 0 0 2px #11111114;--color-text-primary:#111;--color-text-secondary:#555;--color-text-muted:#777;--color-placeholder:#a1a4b4;--color-text-active:#303238;--color-bg-primary:#fff;--color-bg-secondary:#f2f2f2;--color-bg-tertiary:#f7f6f2;--color-bg-overlay:#ffffffe0;--color-bg-overlay-light:#ffffffc7;--color-bg-overlay-hover:#ffffffeb;--color-bg-overlay-subtle:#ffffff4d;--color-border:#e8e5df;--color-border-light:#e8e5df66;--color-border-medium:#e8e5df94;--color-border-strong:#e8e5dfb8;--color-border-subtle:#2d2f3314;--color-active:#111;--color-active-hover:#000;--color-bg-active-subtle:#0000001a;--color-disabled:#00000061;--opacity-disabled:.38;--color-status-success:#5abc78;--color-status-warning:#d59a72;--color-status-error:#e74c3c;--color-accent-primary:#654bec;--color-accent-light:#6653ee1f;--transition-fast:.15s;--transition-base:.2s;--transition-slow:.3s;--transition-slower:.42s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--backdrop-default:blur(18px) saturate(118%);--app-header-height:40px;--edge-gap:8px;--panel-edge-gap:6px;--left-panel-width:348px;--right-panel-width:322px;--rail-gap:8px;--icon-button-size:var(--height-lg);--icon-glyph-size:17px;--icon-stroke-width:2.2}.text-xs{font-size:var(--type-xs-size);font-weight:var(--type-xs-weight);letter-spacing:var(--type-xs-spacing);line-height:var(--type-xs-height)}.text-sm{font-size:var(--type-sm-size);font-weight:var(--type-sm-weight);letter-spacing:var(--type-sm-spacing);line-height:var(--type-sm-height)}.text-base{font-size:var(--type-base-size);font-weight:var(--type-base-weight);letter-spacing:var(--type-base-spacing);line-height:var(--type-base-height)}.text-md{font-size:var(--type-md-size);font-weight:var(--type-md-weight);letter-spacing:var(--type-md-spacing);line-height:var(--type-md-height)}.text-lg{font-size:var(--type-lg-size);font-weight:var(--type-lg-weight);letter-spacing:var(--type-lg-spacing);line-height:var(--type-lg-height)}.text-xl{font-size:var(--type-xl-size);font-weight:var(--type-xl-weight);letter-spacing:var(--type-xl-spacing);line-height:var(--type-xl-height)}.text-2xl{font-size:var(--type-2xl-size);font-weight:var(--type-2xl-weight);letter-spacing:var(--type-2xl-spacing);line-height:var(--type-2xl-height)}.text-3xl{font-size:var(--type-3xl-size);font-weight:var(--type-3xl-weight);letter-spacing:var(--type-3xl-spacing);line-height:var(--type-3xl-height)}.text-4xl{font-size:var(--type-4xl-size);font-weight:var(--type-4xl-weight);letter-spacing:var(--type-4xl-spacing);line-height:var(--type-4xl-height)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--color-bg-tertiary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--type-base-size);line-height:var(--type-base-height);font-weight:var(--type-base-weight);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.btn{height:var(--height-lg);justify-content:center;align-items:center;gap:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);padding:0 var(--space-lg);font-size:var(--type-md-size);font-weight:var(--type-md-weight);letter-spacing:var(--type-md-spacing);box-shadow:var(--shadow-sm);transition:background var(--transition-fast) var(--ease-in-out), border-color var(--transition-fast) var(--ease-in-out), color var(--transition-fast) var(--ease-in-out), box-shadow var(--transition-fast) var(--ease-in-out);display:inline-flex}.btn:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.btn:active:not(:disabled){box-shadow:var(--shadow-xs)}.btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.btn.primary{background:var(--color-active);border-color:var(--color-active);color:var(--color-bg-primary);box-shadow:var(--shadow-md)}.btn.primary:hover:not(:disabled){background:var(--color-active-hover);border-color:var(--color-active-hover);color:var(--color-bg-primary)}.btn-icon{width:var(--height-lg);height:var(--height-lg);border-radius:var(--radius-md);min-height:0;padding:0}.btn-icon svg{width:var(--icon-glyph-size);height:var(--icon-glyph-size);stroke-width:var(--icon-stroke-width)}.buttonIcon{width:var(--icon-glyph-size);height:var(--icon-glyph-size);stroke-width:var(--icon-stroke-width);flex-shrink:0}.btn-sm{height:var(--height-md);min-height:var(--height-md);padding:0 var(--space-md);font-size:var(--type-sm-size);border-radius:var(--radius-md)}.btn-lg{height:var(--height-xl);padding:0 var(--space-lg)}.btn-xl{height:var(--height-2xl);padding:0 var(--space-lg);font-size:var(--type-md-size)}.label{font-size:var(--type-xs-size);font-weight:var(--type-xs-weight);letter-spacing:var(--type-xs-spacing);line-height:var(--type-xs-height);color:var(--color-text-secondary);display:block}input,select,textarea{width:100%;height:var(--height-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);padding:0 var(--space-md);font-size:var(--type-base-size);font-weight:var(--type-base-weight);letter-spacing:var(--type-base-spacing);transition:border-color var(--transition-fast) var(--ease-in-out), box-shadow var(--transition-fast) var(--ease-in-out)}input::placeholder,textarea::placeholder{color:var(--color-placeholder);font-weight:var(--type-base-weight)}input:focus,select:focus,textarea:focus{border-color:var(--color-active);box-shadow:var(--shadow-focus);outline:none}input:disabled,select:disabled,textarea:disabled{opacity:var(--opacity-disabled);background:var(--color-bg-secondary);cursor:not-allowed}input.input-sm,select.input-sm,textarea.input-sm{height:var(--height-md);font-size:var(--type-sm-size)}input.input-lg{height:var(--height-2xl)}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);padding:var(--space-md);box-shadow:var(--shadow-sm)}.card.elevated{background:var(--color-bg-overlay-light);border-color:var(--color-border-light);box-shadow:var(--shadow-md)}.card.interactive:hover{border-color:var(--color-border-strong);background:var(--color-bg-overlay-hover)}.panel{border:1px solid var(--color-border-medium);border-radius:var(--radius-xl);background:var(--color-bg-overlay);-webkit-backdrop-filter:var(--backdrop-default);backdrop-filter:var(--backdrop-default);box-shadow:var(--shadow-xl), var(--shadow-inset-sm);flex-direction:column;display:flex;overflow:hidden}.panel-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-overlay-subtle);font-size:var(--type-lg-size);font-weight:var(--type-lg-weight)}.panel-body{min-height:0;padding:var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow:auto}.panel-footer{border-top:1px solid var(--color-border-subtle);padding:var(--space-md);background:var(--color-bg-overlay-subtle);gap:var(--space-sm);display:flex}.tag{height:var(--height-xs);padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--type-xs-size);font-weight:var(--type-md-weight);letter-spacing:var(--type-xs-spacing);text-transform:uppercase;transition:all var(--transition-fast) var(--ease-in-out);background:0 0;align-items:center;display:inline-flex}.tag.active{background:var(--color-bg-active-subtle);color:var(--color-text-active);border-color:#0000}