@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-bg-base:#080913;--color-bg-surface:#0f1122;--color-bg-surface-soft:#181b34;--color-bg-surface-hover:#22264a;--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-primary-glow:#6366f126;--color-accent:#06b6d4;--color-accent-glow:#06b6d433;--color-border:#24294f;--color-border-hover:#3b427a;--color-border-focus:#6366f1;--color-text-primary:#f3f4f6;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-text-inverse:#080913;--color-text-link:#06b6d4;--color-bg-code:#06080e;--color-text-code:#e5e7eb;--color-glass-bg:#0f112273;--color-glass-border:#6366f11a;--color-table-hover:#ffffff04;--color-success:#10b981;--color-success-light:#10b9811a;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-danger:#ef4444;--color-danger-light:#ef44441a;--color-info:#3b82f6;--color-info-light:#3b82f61a;--sidebar-width:270px;--sidebar-bg:#090b16;--sidebar-text:#8e95b2;--sidebar-text-active:#fff;--sidebar-item-active-bg:#6366f126;--sidebar-item-hover-bg:#ffffff08;--sidebar-border:#191c36;--navbar-height:70px;--navbar-bg:#080913bf;--navbar-border:#1b1e3b;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:25px;--text-3xl:32px;--text-4xl:42px;--text-5xl:54px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 10px 30px #000000b3;--shadow-card:0 1px 4px #0003, 0 8px 30px #0006;--shadow-glow:0 0 15px #6366f140;--shadow-emerald:0 0 15px #10b98140;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.12s var(--ease-default);--transition-base:.24s var(--ease-default);--transition-slow:.38s var(--ease-default);--z-base:0;--z-raised:10;--z-dropdown:200;--z-sticky:300;--z-modal:400;--z-toast:500}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:80px;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-base);line-height:1.5;overflow-x:hidden}a{color:var(--color-text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-bg-surface-soft);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:-.3px;font-weight:700}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary);line-height:1.6}.text--xs{font-size:var(--text-xs)}.text--sm{font-size:var(--text-sm)}.text--base{font-size:var(--text-base)}.text--lg{font-size:var(--text-lg)}.text--primary{color:var(--color-text-primary)}.text--secondary{color:var(--color-text-secondary)}.text--muted{color:var(--color-text-muted)}.text--accent{color:var(--color-accent)}.text--violet{color:var(--color-primary-light)}.text--success{color:var(--color-success)}.text--danger{color:var(--color-danger)}.text--warning{color:var(--color-warning)}.font--heading{font-family:var(--font-heading)}.font--mono{font-family:var(--font-mono)}.weight--medium{font-weight:500}.weight--semibold{font-weight:600}.weight--bold{font-weight:700}code,pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-code);border-radius:var(--radius-sm);border:1px solid var(--color-border)}code{color:var(--color-accent);padding:2px 6px}pre{padding:var(--space-4);color:var(--color-text-code);white-space:pre-wrap;word-break:break-word;max-width:100%;overflow-x:auto}.container{width:100%;max-width:1320px;padding:0 var(--space-6);margin:0 auto}.container--narrow{max-width:800px}.container--wide{max-width:1540px}.grid{gap:var(--space-6);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:span 2}.flex{display:flex}.flex--col{flex-direction:column}.flex--center{justify-content:center;align-items:center}.flex--between{justify-content:space-between;align-items:center}.flex--gap-2{gap:var(--space-2)}.flex--gap-3{gap:var(--space-3)}.flex--gap-4{gap:var(--space-4)}.flex--wrap{flex-wrap:wrap}.app-shell{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.main-content{width:100%;min-width:0;max-width:100vw;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.page-content{padding:var(--space-8);margin-top:var(--navbar-height);flex:1}.page-content--playground{width:100%!important;max-width:100%!important;height:100vh!important;margin-top:0!important;padding:0!important;overflow:hidden!important}.sidebar{height:100vh;width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:var(--z-sticky);transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar__logo{align-items:center;gap:var(--space-3);padding:0 var(--space-6);height:var(--navbar-height);border-bottom:1px solid var(--sidebar-border);display:flex}.sidebar__logo-text{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary);background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.sidebar__nav{padding:var(--space-6) var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar__section-label{font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.1em;padding:var(--space-3) var(--space-4) var(--space-1);font-weight:700}.sidebar__item{align-items:center;gap:var(--space-3);padding:11px var(--space-4);border-radius:var(--radius-md);color:var(--sidebar-text);font-size:var(--text-sm);transition:color var(--transition-fast), background var(--transition-fast);font-weight:500;display:flex}.sidebar__item:hover{background-color:var(--sidebar-item-hover-bg);color:var(--color-text-primary)}.sidebar__item--active{background-color:var(--sidebar-item-active-bg);color:var(--sidebar-text-active);border-left:3px solid var(--color-primary);box-shadow:0 0 10px #6366f11a}.sidebar__item-icon{flex-shrink:0;width:18px;height:18px}.sidebar__footer{padding:var(--space-6) var(--space-4);border-top:1px solid var(--sidebar-border);gap:var(--space-3);flex-direction:column;display:flex}.sidebar__user{align-items:center;gap:var(--space-3);display:flex}.sidebar__user-avatar{border-radius:var(--radius-full);background:var(--color-bg-surface-soft);width:38px;height:38px;color:var(--color-primary-light);border:1px solid var(--color-border);justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar__user-name{font-size:var(--text-sm);color:var(--color-text-primary)}.sidebar__user-role{font-size:var(--text-xs);color:var(--color-text-muted)}.navbar{top:0;right:0;left:var(--sidebar-width);height:var(--navbar-height);background-color:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--navbar-border);z-index:var(--z-sticky);padding:0 var(--space-8);transition:left var(--transition-base);justify-content:space-between;align-items:center;display:flex;position:fixed}.navbar__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.navbar__breadcrumb-separator{color:var(--color-border-hover)}.navbar__breadcrumb-current{color:var(--color-text-primary);font-weight:600}.navbar__actions{align-items:center;gap:var(--space-3);display:flex}.navbar__btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-bg-surface);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.navbar__btn:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{border-color:var(--color-border-hover)}.card--interactive:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card--glass{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-glass-border)}.card--emerald:hover{border-color:var(--color-success);box-shadow:var(--shadow-emerald)}.card__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.card__title{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:600}.card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.stat-card{align-items:center;gap:var(--space-4);display:flex}.stat-card__icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-primary-light);background:var(--color-primary-glow);border:1px solid var(--color-glass-border);justify-content:center;align-items:center;display:flex}.stat-card__icon--accent{color:var(--color-accent);background:var(--color-accent-glow);border:1px solid #06b6d433}.stat-card__icon--success{color:var(--color-success);background:var(--color-success-light);border:1px solid #10b98133}.stat-card__value{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-text-primary);font-weight:700}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:10px 20px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--color-primary);box-shadow:0 4px 14px #6366f14d;color:#fff!important}.btn--primary:hover{background:var(--color-primary-light);box-shadow:0 4px 20px #6366f173;color:#fff!important}.btn--secondary{background:var(--color-bg-surface-soft);border:1px solid var(--color-border);color:var(--color-text-primary)!important}.btn--secondary:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)!important}.btn--ghost{background:0 0;color:var(--color-text-secondary)!important}.btn--ghost:hover{background:var(--color-bg-surface-soft);color:var(--color-text-primary)!important}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{background:#f87171}.btn--sm{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:6px 12px}.btn--lg{font-size:var(--text-md);border-radius:var(--radius-lg);padding:14px 28px}.btn--full{width:100%}.form-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.form-label--required:after{content:" *";color:var(--color-danger)}.form-input,.form-select,.form-textarea{width:100%;height:42px;padding:0 var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:0}.form-textarea{height:auto;min-height:110px;padding:var(--space-3) var(--space-4);resize:vertical}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:16px;padding-right:40px}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-glass-border)}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--color-danger)}.form-input--error:focus{box-shadow:0 0 0 3px #ef444433}.form-error{font-size:var(--text-xs);color:var(--color-danger);font-weight:500}.form-check{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.form-check__input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-surface);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead{background:var(--color-bg-surface-soft);border-bottom:1px solid var(--color-border)}.table th{padding:var(--space-4);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;text-align:left;white-space:nowrap;font-weight:700}.table td{padding:var(--space-4);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-table-hover)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;padding:3px 10px;font-weight:700;display:inline-flex}.badge--primary{background:var(--color-primary-glow);color:var(--color-primary)}.badge--success{background:var(--color-success-light);color:var(--color-success)}.badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.badge--danger{background:var(--color-danger-light);color:var(--color-danger)}.badge--info{background:var(--color-info-light);color:var(--color-info)}.badge--neutral{background:var(--color-bg-surface-soft);color:var(--color-text-secondary)}.trace-timeline{gap:var(--space-5);padding-left:var(--space-6);margin-top:var(--space-4);flex-direction:column;display:flex;position:relative}.trace-timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:8px;bottom:8px;left:5px}.trace-step{gap:var(--space-2);animation:slideUpIn var(--transition-slow);flex-direction:column;display:flex;position:relative}.trace-step:before{content:"";border-radius:var(--radius-full);background:var(--color-border);border:2px solid var(--color-bg-base);width:10px;height:10px;transition:all var(--transition-fast);z-index:2;position:absolute;top:8px;left:-24px}.trace-step--thought:before{background:var(--color-primary-light);box-shadow:0 0 8px var(--color-primary)}.trace-step--tool:before{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.trace-step--response:before{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.trace-step__header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.trace-step__title{font-size:var(--text-base);align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0;font-weight:600;display:flex}.trace-step__badge{font-size:var(--text-xs);text-transform:uppercase;font-weight:700}.trace-step__body{padding:var(--space-4);background:var(--sidebar-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-3);animation:fadeIn var(--transition-fast);flex-direction:column;min-width:0;display:flex;overflow:hidden}.trace-step__thought-text{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.modal-overlay{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-6);animation:fadeIn .15s var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:540px;max-height:85vh;animation:scaleIn .22s var(--ease-spring);flex-direction:column;display:flex}.modal--lg{max-width:780px}.modal__header{padding:var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-xl);font-weight:600}.modal__close{color:var(--color-text-secondary);transition:color var(--transition-fast)}.modal__close:hover{color:var(--color-text-primary)}.modal__body{padding:var(--space-6);flex:1;overflow-y:auto}.modal__footer{padding:var(--space-4) var(--space-6);justify-content:flex-end;align-items:center;gap:var(--space-3);border-top:1px solid var(--color-border);background:var(--color-bg-base);border-radius:0 0 var(--radius-lg) var(--radius-lg);display:flex}.confirm-overlay{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(12px);z-index:9999;padding:var(--space-6);animation:confirmFadeIn .2s var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--color-glass-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg), 0 0 30px #6366f114;border-radius:var(--radius-lg);width:100%;max-width:440px;padding:var(--space-6);gap:var(--space-5);animation:confirmScaleIn .26s var(--ease-spring);flex-direction:column;display:flex}.confirm-modal--danger{box-shadow:var(--shadow-lg), 0 0 30px #ef444414;border-color:#ef444440}.confirm-modal__header{align-items:flex-start;gap:var(--space-4);display:flex}.confirm-modal__icon-wrapper{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.confirm-modal__icon-wrapper--danger{background:var(--color-danger-light);color:var(--color-danger);border:1px solid #ef444433}.confirm-modal__icon-wrapper--info{background:var(--color-primary-glow);color:var(--color-primary-light);border:1px solid var(--color-glass-border)}.confirm-modal__title-section{gap:var(--space-1);flex-direction:column;display:flex}.confirm-modal__title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:600;line-height:1.3}.sidebar__user-name{color:var(--color-text-primary);font-weight:600;font-size:var(--text-sm);line-height:1.2}.sidebar__user-role{color:var(--color-text-secondary);font-size:var(--text-xs);margin-top:2px}.sidebar__logout-btn{width:100%;color:var(--color-danger);border:1px solid #ef44444d;gap:8px;margin-top:12px}.sidebar__logout-btn:hover{background:#ef44441a;border-color:#ef444480}.confirm-modal__body{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.confirm-modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmScaleIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text-primary);box-shadow:0 4px 24px var(--color-glass-bg);border:1px solid var(--color-border);min-width:250px;max-width:460px;animation:slideUpIn .25s var(--ease-spring);background:#121212f2;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;display:flex}.toast--success{border-color:#4ade8033;box-shadow:0 4px 24px #4ade800d,0 4px 16px #00000080}.toast--warning{border-color:#f59e0b33;box-shadow:0 4px 24px #f59e0b0d,0 4px 16px #00000080}.toast--danger{border-color:#ef444433;box-shadow:0 4px 24px #ef44440d,0 4px 16px #00000080}.toast--info{border-color:#3b82f633;box-shadow:0 4px 24px #3b82f60d,0 4px 16px #00000080}.toast__icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast__content{flex-direction:column;flex:1;gap:1px;display:flex}.toast__title{color:var(--color-text-primary);font-size:13px;font-weight:500;line-height:1.4}.toast__message{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid #0000;display:flex}.alert--info{background:var(--color-info-light);color:#93c5fd;border-color:#3b82f633}.alert--success{background:var(--color-success-light);color:#34d399;border-color:#10b98133}.alert--warning{background:var(--color-warning-light);color:#fbbf24;border-color:#f59e0b33}.alert--danger{background:var(--color-danger-light);color:#f87171;border-color:#ef444433}.skeleton{background:linear-gradient(90deg, var(--color-bg-surface-soft) 25%, var(--color-bg-surface-hover) 50%, var(--color-bg-surface-soft) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.6s linear infinite shimmer}.skeleton--text{border-radius:var(--radius-xs);height:14px}.skeleton--title{width:65%;height:24px}.skeleton--avatar{border-radius:var(--radius-full);width:38px;height:38px}.skeleton--card{border-radius:var(--radius-lg);height:140px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.landing-page-wrapper{background-color:var(--color-bg-base);background-image:radial-gradient(circle at 100% 0,#6366f11f,#0000 50%),radial-gradient(circle,#06b6d40d,#0000 60%),radial-gradient(circle at 0 100%,#6366f114,#0000 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1440 900' fill='none'%3E%3Cpath d='M100,250 Q720,20 1340,250' stroke='rgba(99, 102, 241, 0.04)' stroke-width='1' fill='none'/%3E%3Cpath d='M100,350 Q720,120 1340,350' stroke='rgba(6, 182, 212, 0.03)' stroke-width='1' fill='none'/%3E%3Cpath d='M100,550 Q720,880 1340,550' stroke='rgba(99, 102, 241, 0.04)' stroke-width='1' fill='none'/%3E%3Cpath d='M220,300 Q720,450 1220,300' stroke='rgba(6, 182, 212, 0.03)' stroke-width='1' fill='none'/%3E%3Cpath d='M100,250 L220,200 M100,250 L220,300 M100,350 L220,200 M100,350 L220,300 M100,350 L220,400 M100,450 L220,300 M100,450 L220,400 M100,450 L220,500 M100,550 L220,400 M100,550 L220,500 M100,550 L220,600 M220,200 L340,250 M220,300 L340,250 M220,300 L340,350 M220,400 L340,350 M220,400 L340,450 M220,500 L340,450 M220,500 L340,550 M220,600 L340,550 M340,250 L440,300 M340,350 L440,300 M340,350 L440,400 M340,450 L440,400 M340,450 L440,500 M340,550 L440,500' stroke='rgba(99, 102, 241, 0.07)' stroke-width='0.75'/%3E%3Cpath d='M1340,250 L1220,200 M1340,250 L1220,300 M1340,350 L1220,200 M1340,350 L1220,300 M1340,350 L1220,400 M1340,450 L1220,300 M1340,450 L1220,400 M1340,450 L1220,500 M1340,550 L1220,400 M1340,550 L1220,500 M1340,550 L1220,600 M1220,200 L1100,250 M1220,300 L1100,250 M1220,300 L1100,350 M1220,400 L1100,350 M1220,400 L1100,450 M1220,500 L1100,450 M1220,500 L1100,550 M1220,600 L1100,550 M1100,250 L1000,300 M1100,350 L1000,300 M1100,350 L1000,400 M1100,450 L1000,400 M1100,450 L1000,500 M1100,550 L1000,500' stroke='rgba(6, 182, 212, 0.07)' stroke-width='0.75'/%3E%3Ccircle cx='100' cy='250' r='3.5' fill='%236366F1' fill-opacity='0.4'/%3E%3Ccircle cx='100' cy='350' r='3.5' fill='%2306B6D4' fill-opacity='0.4'/%3E%3Ccircle cx='100' cy='450' r='3.5' fill='%236366F1' fill-opacity='0.4'/%3E%3Ccircle cx='100' cy='550' r='3.5' fill='%2306B6D4' fill-opacity='0.4'/%3E%3Ccircle cx='220' cy='200' r='3.5' fill='%2306B6D4' fill-opacity='0.4'/%3E%3Ccircle cx='220' cy='300' r='3.5' fill='%236366F1' fill-opacity='0.5'/%3E%3Ccircle cx='220' cy='400' r='3.5' fill='%2306B6D4' fill-opacity='0.4'/%3E%3Ccircle cx='220' cy='500' r='3.5' fill='%236366F1' fill-opacity='0.5'/%3E%3Ccircle cx='220' cy='600' r='3.5' fill='%2306B6D4' fill-opacity='0.4'/%3E%3Ccircle cx='340' cy='250' r='3.5' fill='%236366F1' fill-opacity='0.4'/%3E%3Ccircle cx='340' cy='350' r='3.5' fill='%2306B6D4' fill-opacity='0.4'/%3E%3Ccircle cx='340' cy='450' r='3.5' fill='%236366F1' fill-opacity='0.4'/%3E%3Ccircle cx='340' cy='550' r='3.5' fill='%2306B6D4' fill-opacity='0.4'/%3E%3Ccircle cx='440' cy='300' r='4' fill='%2306B6D4' fill-opacity='0.6'/%3E%3Ccircle cx='440' cy='400' r='4' fill='%236366F1' fill-opacity='0.6'/%3E%3Ccircle cx='440' cy='500' r='4' fill='%2306B6D4' fill-opacity='0.6'/%3E%3Ccircle cx='220' cy='300' r='8' stroke='%236366F1' stroke-opacity='0.15' stroke-width='1.5' fill='none'/%3E%3Ccircle cx='440' cy='400' r='10' stroke='%236366F1' stroke-opacity='0.2' stroke-width='1.5' fill='none'/%3E%3Ccircle cx='220' cy='500' r='8' stroke='%236366F1' stroke-opacity='0.15' stroke-width='1.5' fill='none'/%3E%3Ccircle cx='100' cy='350' r='7' stroke='%2306B6D4' stroke-opacity='0.15' stroke-width='1.5' fill='none'/%3E%3Ccircle cx='1340' cy='250' r='3.5' fill='%2306B6D4' fill-opacity='0.4'/%3E%3Ccircle cx='1340' cy='350' r='3.5' fill='%236366F1' fill-opacity='0.4'/%3E%3Ccircle cx='1340' cy='450' r='3.5' fill='%2306B6D4' fill-opacity='0.4'/%3E%3Ccircle cx='1340' cy='550' r='3.5' fill='%236366F1' fill-opacity='0.4'/%3E%3Ccircle cx='1220' cy='200' r='3.5' fill='%236366F1' fill-opacity='0.4'/%3E%3Ccircle cx='1220' cy='300' r='3.5' fill='%2306B6D4' fill-opacity='0.5'/%3E%3Ccircle cx='1220' cy='400' r='3.5' fill='%236366F1' fill-opacity='0.4'/%3E%3Ccircle cx='1220' cy='500' r='3.5' fill='%2306B6D4' fill-opacity='0.5'/%3E%3Ccircle cx='1220' cy='600' r='3.5' fill='%236366F1' fill-opacity='0.4'/%3E%3Ccircle cx='1100' cy='250' r='3.5' fill='%2306B6D4' fill-opacity='0.4'/%3E%3Ccircle cx='1100' cy='350' r='3.5' fill='%236366F1' fill-opacity='0.4'/%3E%3Ccircle cx='1100' cy='450' r='3.5' fill='%2306B6D4' fill-opacity='0.4'/%3E%3Ccircle cx='1100' cy='550' r='3.5' fill='%236366F1' fill-opacity='0.4'/%3E%3Ccircle cx='1000' cy='300' r='4' fill='%236366F1' fill-opacity='0.6'/%3E%3Ccircle cx='1000' cy='400' r='4' fill='%2306B6D4' fill-opacity='0.6'/%3E%3Ccircle cx='1000' cy='500' r='4' fill='%236366F1' fill-opacity='0.6'/%3E%3Ccircle cx='1220' cy='300' r='8' stroke='%2306B6D4' stroke-opacity='0.15' stroke-width='1.5' fill='none'/%3E%3Ccircle cx='1000' cy='400' r='10' stroke='%2306B6D4' stroke-opacity='0.2' stroke-width='1.5' fill='none'/%3E%3Ccircle cx='1220' cy='500' r='8' stroke='%2306B6D4' stroke-opacity='0.15' stroke-width='1.5' fill='none'/%3E%3Ccircle cx='1340' cy='350' r='7' stroke='%236366F1' stroke-opacity='0.15' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.hero{background:0 0;align-items:center;min-height:100vh;margin-top:-70px;padding-top:120px;display:flex;position:relative;overflow:hidden}.hero__bg-grid{pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.hero__eyebrow{align-items:center;gap:var(--space-2);background:var(--color-primary-glow);color:var(--color-primary-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);margin-bottom:var(--space-6);padding:6px 14px;font-weight:600;display:inline-flex}.hero__headline{font-family:var(--font-heading);margin-bottom:var(--space-6);letter-spacing:-1.5px;font-size:clamp(36px,5vw,68px);font-weight:700;line-height:1.1}.hero__headline-accent{background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero__sub{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:580px;margin-bottom:var(--space-8);line-height:1.6}.pricing-section{padding:var(--space-12) 0;background:0 0}.pricing-card{flex-direction:column;height:100%;display:flex}.pricing-card--featured{border-color:var(--color-primary);box-shadow:var(--shadow-glow);position:relative}.pricing-card__badge{background:var(--color-primary);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);padding:3px 12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card__price{font-family:var(--font-heading);font-size:var(--text-4xl);color:var(--color-text-primary);margin:var(--space-4) 0 var(--space-2);font-weight:700}.pricing-card__features{gap:var(--space-3);margin:var(--space-6) 0 var(--space-8);flex-direction:column;flex:1;display:flex}.pricing-card__feature-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.landing-nav{-webkit-backdrop-filter:blur();backdrop-filter:blur();width:100%;height:70px;z-index:var(--z-sticky);box-shadow:none;transition:background var(--transition-base), backdrop-filter var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);background:0 0;border-bottom:1px solid #0000;align-items:center;display:flex;position:sticky;top:0}.landing-nav--scrolled{background:var(--color-glass-bg)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--color-border)!important;box-shadow:0 4px 20px #0000004d!important}.landing-nav__container{justify-content:space-between;align-items:center;width:100%;display:flex}.landing-nav__logo{align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700;font-family:var(--font-heading);display:flex}.landing-nav__links{gap:var(--space-8);display:flex}.landing-nav__link{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast);font-weight:500}.landing-nav__link:hover{color:var(--color-primary-light)}.features-section{padding:var(--space-12) 0;background:0 0;position:relative}.features-card{text-align:left}.features-card__icon{border-radius:var(--radius-md);background:var(--color-primary-glow);width:48px;height:48px;color:var(--color-primary-light);margin-bottom:var(--space-4);border:1px solid var(--color-glass-border);justify-content:center;align-items:center;display:flex}.features-card__title{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text-primary);font-weight:600;font-family:var(--font-heading)}.landing-footer{padding:var(--space-12) 0 var(--space-6);background:0 0}.landing-footer__grid{gap:var(--space-8);margin-bottom:var(--space-10);grid-template-columns:2fr repeat(3,1fr);display:grid}.landing-footer__brand{gap:var(--space-3);flex-direction:column;max-width:320px;display:flex}.landing-footer__logo{align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700;font-family:var(--font-heading);display:flex}.landing-footer__col{gap:var(--space-3);flex-direction:column;display:flex}.landing-footer__col-title{font-size:var(--text-sm);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;font-weight:700}.landing-footer__list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.landing-footer__link{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast)}.landing-footer__link:hover{color:var(--color-primary-light)}.landing-footer__bottom{border-top:1px solid var(--color-border);padding-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.auth-wrapper{background:var(--color-bg-base);min-height:100vh;padding:20px}.auth-card{width:100%;max-width:460px;padding:40px}.mobile-menu-btn{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.playground-grid{grid-template-columns:minmax(0,3fr) minmax(320px,2fr)}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.chat-drawer-overlay{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:350;animation:.2s ease-out fadeIn;position:fixed;inset:0}.chat-drawer{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--color-border);z-index:360;flex-direction:row;width:100vw;max-width:100vw;animation:.3s cubic-bezier(.16,1,.3,1) drawerSlideIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-10px 0 30px #00000080}.chat-drawer__sidebar{background:var(--color-glass-bg);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:260px;height:100%;transition:width .3s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex;overflow:hidden}.chat-drawer:not(.chat-drawer--sidebar-open) .chat-drawer__sidebar{border-right-color:#0000;width:0}.chat-sidebar-header{border-bottom:1px solid var(--color-border);padding:16px 20px}.chat-sidebar-new-btn{justify-content:center;align-items:center;font-weight:600;transition:background .15s,box-shadow .15s;display:flex}.chat-sidebar-body{flex:1;padding:10px 0;overflow-y:auto}.chat-drawer__workspace{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.chat-drawer__header{border-bottom:1px solid var(--color-border);background:var(--color-glass-bg);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.chat-drawer__body{background:var(--color-glass-bg);flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-history-icon{flex-shrink:0}.chat-drawer__history-item{border-bottom:1px solid var(--color-border);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 20px;transition:background .15s;display:flex}.chat-drawer__history-item:hover{background:var(--color-bg-surface-soft)}.chat-drawer__history-item--active{background:var(--color-primary-glow);border-left:3px solid var(--color-primary)}.chat-bubble{border-radius:14px;max-width:85%;padding:12px 16px;font-size:13px;line-height:1.5;animation:.2s ease-out slideUpIn}.chat-bubble--user{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-text-primary);box-shadow:0 4px 10px var(--color-glass-border);border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble--user .chat-bubble-user-header,.chat-bubble--user .chat-paragraph,.chat-bubble--user em,.chat-bubble--user li,.chat-bubble--user p,.chat-bubble--user span,.chat-bubble--user strong{color:var(--color-text-primary)!important}.chat-bubble--user .chat-bubble-user-header{opacity:.85}.chat-bubble--assistant{background:var(--color-bg-surface-soft);color:var(--color-text-primary);border:1px solid var(--color-border);border-bottom-left-radius:4px;align-self:stretch;max-width:100%!important}.chat-drawer__footer{border-top:1px solid var(--color-border);background:var(--color-glass-bg);padding:16px 20px}.chat-input-container{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:center;gap:10px;padding:8px 12px;transition:border-color .15s;display:flex}.chat-input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.chat-textarea{color:var(--color-text-primary);resize:none;scrollbar-width:none;background:0 0;border:none;outline:0;flex:1;height:20px;max-height:140px;padding:0;font-size:13px;line-height:20px;overflow-y:auto}.chat-textarea::-webkit-scrollbar{display:none}.chat-textarea::placeholder{color:var(--color-text-muted)}.chat-table-header-row{background:var(--color-bg-surface-soft)}.chat-table-th{color:var(--color-text-muted)}.chat-table-td{color:var(--color-text-secondary)}.chat-header-h5{margin-top:6px;margin-bottom:2px;font-size:13px}.chat-header-h4{border-bottom:1px solid var(--color-border);margin-top:6px;margin-bottom:2px;padding-bottom:4px;font-size:15px}.chat-list-ul{flex-direction:column;gap:4px;display:flex}.chat-paragraph{white-space:pre-wrap}.chat-w-full{width:100%}.chat-items-center{align-items:center}.chat-bot-icon-wrapper{border-radius:8px;width:38px;height:38px;position:relative}.chat-online-dot{background:var(--color-success);border:2px solid var(--color-bg-base);width:10px;height:10px;box-shadow:0 0 6px var(--color-success);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.chat-agent-name{font-size:15px;line-height:1.2}.chat-sub-header-row{align-items:center;margin-top:2px}.chat-model-label{background:var(--color-bg-surface);padding:1px 5px;font-size:10px}.chat-header-btn{padding:6px}.chat-mcp-bar{border-top:1px solid var(--color-border);width:100%;color:var(--color-text-muted);padding-top:8px;font-size:11px}.chat-flex-wrap{flex-wrap:wrap}.chat-badge-tag{padding:1px 6px;font-size:9px}.chat-history-header{border-bottom:1px solid var(--color-border);text-transform:uppercase;color:var(--color-text-muted);padding:10px 20px;font-size:11px;font-weight:700}.chat-history-empty{text-align:center;color:var(--color-text-muted);padding:20px;font-size:12px}.chat-history-text-col{flex-direction:column;gap:2px;display:flex}.chat-text-xs{font-size:12px}.chat-text-xxs{font-size:10px}.chat-loading-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.chat-loading-spinner{width:28px;height:28px}.chat-empty-wrapper{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.chat-sparkles-circle{background:var(--color-primary-glow);width:64px;height:64px;color:var(--color-primary-light);border:1px solid var(--color-glass-border);box-shadow:0 0 20px var(--color-primary-glow);border-radius:50%;justify-content:center;align-items:center;animation:2s infinite bounce;display:flex}.chat-empty-desc{flex-direction:column;gap:6px;max-width:340px;display:flex}.chat-text-md{font-size:14px}.chat-text-sm-leading{font-size:12px;line-height:1.6}.chat-suggested-wrapper{flex-direction:column;gap:8px;width:100%;margin-top:16px;display:flex}.chat-suggested-label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;font-size:11px;font-weight:700}.chat-suggested-btn{justify-content:flex-start;padding:8px 12px;font-size:12px}.chat-bubble-col{flex-direction:column;gap:4px;display:flex}.chat-bubble-user-header{opacity:.8;align-items:center;gap:8px;margin-bottom:2px;font-size:11px;font-weight:700;display:flex}.chat-bubble-bot-header{color:var(--color-primary-light);align-items:center;gap:8px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.chat-typing-container{flex-direction:column;gap:6px;min-width:120px;display:flex}.chat-typing-activity{align-items:center;gap:8px;padding:4px 0;display:flex}.chat-typing-spinner{border:1.5px solid var(--color-border-hover);border-top-color:var(--color-primary-light);width:12px;height:12px}.chat-typing-text{font-size:12px}.chat-send-btn{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.chat-powered-label{margin-top:8px;font-size:10px}.toast-close-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:8px;padding:4px;transition:color .15s,background-color .15s;display:flex}.toast-close-btn:hover{color:var(--color-text-primary);background:var(--color-border)}.agent-page-container{flex-direction:column;gap:24px;display:flex}.agent-page-subtitle{margin-top:4px}.agent-alert-box{gap:8px;display:flex}.agent-flex-shrink-0{flex-shrink:0}.agent-card-wrapper{flex-direction:column;gap:14px;height:100%;display:flex}.agent-align-start{align-items:flex-start}.agent-model-badge{background:var(--color-bg-surface);border-radius:var(--radius-sm);padding:3px 8px}.agent-delete-btn{padding:4px}.agent-card-col{flex-direction:column;gap:4px;display:flex}.agent-card-title{font-size:18px}.agent-card-desc{min-height:40px}.agent-card-footer{border-top:1px solid var(--color-border);margin-top:auto;padding-top:12px}.agent-card-footer-info{color:var(--color-text-muted);font-size:12px}.agent-mcp-badge-list{flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:8px;display:flex}.agent-chat-launch-btn{gap:6px;margin-top:12px;padding:8px 12px}.agent-modal-body{flex-direction:column;gap:16px;display:flex}.agent-modal-grid{gap:16px;display:grid}.agent-variables-textarea{min-height:80px;font-size:12px}.agent-mcp-label{margin-bottom:6px}.agent-mcp-grid{background:var(--sidebar-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);gap:8px;padding:12px;display:grid}@keyframes chat-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.chat-cursor{background:var(--color-primary-light);vertical-align:middle;border-radius:1px;width:2px;height:13px;margin-left:2px;animation:.8s step-end infinite chat-cursor-blink;display:inline-block}.chat-code-block{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-base);margin:8px 0;overflow:hidden}.chat-code-block__header{border-bottom:1px solid var(--color-border);background:#6366f112;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.chat-code-block__lang{font-family:var(--font-mono);color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.chat-copy-btn{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:10px;font-family:var(--font-body);background:0 0;padding:2px 8px;line-height:1.6;transition:color .15s,border-color .15s,background .15s}.chat-copy-btn:hover{color:var(--color-primary-light);border-color:var(--color-primary-light);background:var(--color-primary-glow)}.chat-copy-btn--copied{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-light)}.chat-code-block__body{padding:14px 16px;overflow-x:auto}.chat-code-block__body pre{font-family:var(--font-mono);color:var(--color-text-primary);white-space:pre;tab-size:2;background:0 0;border:none;border-radius:0;margin:0;padding:0;font-size:12px;line-height:1.65}.hl-comment{font-style:italic;color:var(--color-text-muted)!important}.hl-string{color:var(--color-accent)!important}.hl-keyword{font-weight:600;color:#ff5f85!important}.hl-builtin{color:#60a5fa!important}.hl-boolean,.hl-number{color:var(--color-warning)!important}.hl-function-call{color:#a78bfa!important}.chat-code-line{white-space:pre;min-height:1.65em}.chat-inline-code{font-family:var(--font-mono);color:var(--color-accent);border:1px solid var(--color-glass-border);background:#6366f11a;border-radius:4px;padding:1px 5px;font-size:11.5px}.chat-table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:8px 0;overflow:auto hidden}.chat-table{border-collapse:collapse;width:100%;font-size:12px}.chat-table-header-row{border-bottom:1px solid var(--color-border);background:#6366f114}.chat-table-th{color:var(--color-primary-light);text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:7px 12px;font-size:11px;font-weight:700}.chat-table-td{color:var(--color-text-secondary);border-top:1px solid var(--color-border);padding:7px 12px;font-size:12px}.chat-table tbody tr:hover .chat-table-td{background:var(--color-border)}.chat-h1{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);margin:10px 0 4px;padding-bottom:5px;font-size:17px;font-weight:700}.chat-h2{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);margin:8px 0 3px;padding-bottom:4px;font-size:15px;font-weight:700}.chat-h3{color:var(--color-primary-light);margin:7px 0 3px;font-size:14px;font-weight:600}.chat-h4{color:var(--color-primary-light);margin:6px 0 2px;font-size:13px;font-weight:600}.chat-h5{color:var(--color-text-secondary);margin:4px 0 2px;font-size:12px;font-weight:600}.chat-list-ol,.chat-list-ul{flex-direction:column;gap:3px;margin:5px 0;padding-left:18px;display:flex}.chat-list-li{color:var(--color-text-secondary);font-size:13px;line-height:1.55;list-style-type:square}.chat-list-ul .chat-list-li{list-style-type:disc}.chat-list-ol .chat-list-li{list-style-type:decimal}.chat-paragraph{color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.65}.chat-hr{border:none;border-top:1px solid var(--color-border);margin:10px 0}.chat-blockquote{border-left:3px solid var(--color-primary);background:var(--color-primary-glow);color:var(--color-text-secondary);border-radius:0 4px 4px 0;margin:6px 0;padding:4px 12px;font-size:13px;font-style:italic}.chat-response-wrapper{flex-direction:column;gap:6px;display:flex}.workspace-tree-scrollbar::-webkit-scrollbar{width:6px!important;display:block!important}.workspace-tree-scrollbar::-webkit-scrollbar-track{background:var(--color-border)!important;border-left:1px solid var(--color-border)!important}.workspace-tree-scrollbar::-webkit-scrollbar-thumb{background:#6366f140!important;border-radius:3px!important}.workspace-tree-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f180!important}.code-editor-scrollbar::-webkit-scrollbar{width:10px!important;display:block!important}.code-editor-scrollbar::-webkit-scrollbar-track{background:var(--color-bg-base)!important;border-left:1px solid var(--color-border)!important}.code-editor-scrollbar::-webkit-scrollbar-thumb{border:2.5px solid var(--color-bg-base)!important;background:#6366f159!important;border-radius:5px!important}.code-editor-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f199!important}.extracted-style-1{gap:20px}.extracted-style-2{height:300px}.extracted-style-3{gap:24px}.extracted-style-4{background:var(--color-success-light)}.extracted-style-5{text-align:center;min-height:200px}.extracted-style-6{margin-bottom:16px}.extracted-style-7{margin-bottom:8px;font-size:24px}.extracted-style-8{max-width:100%;line-height:1.6}.extracted-style-9{background:var(--color-bg-base);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:100vh}.extracted-style-10{vertical-align:middle;margin-right:3px;display:inline}.extracted-style-11{align-items:center;display:flex}.extracted-style-12{color:var(--color-text-primary);font-weight:600px;gap:6px;margin-left:8px;text-decoration:none}.extracted-style-13{margin:0 8px}.extracted-style-14{gap:6px}.extracted-style-15{text-align:center;margin-bottom:24px}.extracted-style-16{margin-bottom:12px}.extracted-style-17{font-size:24px}.extracted-style-18{margin-top:4px}.extracted-style-19{margin-bottom:20px}.extracted-style-20{gap:16px}.extracted-style-21{gap:8px;margin-top:8px}.extracted-style-22{width:40%}.extracted-style-23{width:70%}.extracted-style-24{margin-top:20px}.extracted-style-25{border-radius:var(--radius-lg);height:220px}.extracted-style-26{gap:6px;padding:6px 12px}.extracted-style-27{font-size:12px}.extracted-style-28{gap:10px}.extracted-style-29{flex-shrink:0}.extracted-style-30{grid-template-columns:1fr;gap:24px}.extracted-style-31{color:var(--color-text-primary);font-size:18px}.extracted-style-32{padding:48px var(--space-6);border-radius:var(--radius-lg);border:1px dashed var(--color-border);background:#090b16;gap:12px}.extracted-style-33{opacity:.5}.extracted-style-34{gap:4px}.extracted-style-35{text-align:right}.extracted-style-36{gap:2px}.extracted-style-37{font-size:14px}.extracted-style-38{white-space:normal;max-width:100%}.extracted-style-39{align-items:center;gap:4px;display:inline-flex}.extracted-style-40{word-break:break-all;background:#06080e;max-width:100%;padding:4px 8px;display:inline-block}.extracted-style-41{cursor:pointer;color:var(--color-accent);font-size:11px}.extracted-style-42{background:#04050b;margin-top:6px;padding:8px;font-size:10px}.extracted-style-43{justify-content:flex-end}.extracted-style-44{padding:6px}.extracted-style-45{align-self:center;margin-left:4px}.extracted-style-46{align-items:center}.extracted-style-47{line-height:1.6}.extracted-style-48{min-height:100px;font-size:12px}.extracted-style-49{justify-content:flex-end;align-items:stretch}.extracted-style-50{border-radius:var(--radius-lg) 0 0 var(--radius-lg);width:500px;max-width:100%;height:100%;margin:0;animation:.3s ease-out slideInRight}.extracted-style-51{border-bottom:1px solid var(--color-border);padding-bottom:16px}.extracted-style-52{letter-spacing:.05em}.extracted-style-53{font-size:18px;font-weight:700px}.extracted-style-54{flex:1;gap:20px;padding:20px;overflow-y:auto}.extracted-style-55{gap:16px;padding:60px 0}.extracted-style-56{width:28px;max-width:100%;height:28px}.extracted-style-57{gap:12px;padding:60px 0}.extracted-style-58{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;gap:10px;padding:16px;display:flex}.extracted-style-59{align-items:flex-start}.extracted-style-60{font-size:13px}.extracted-style-61{font-size:10px}.extracted-style-62{line-height:1.5}.extracted-style-63{border-top:1px solid #ffffff0d;gap:6px;margin-top:6px;padding-top:10px}.extracted-style-64{background:#00000026;border-radius:4px;padding:6px 10px;font-size:11px}.extracted-style-65{border-top:1px solid var(--color-border);padding-top:16px}.extracted-style-66{width:100%}.extracted-style-67{color:var(--color-accent)}.extracted-style-68{color:var(--color-success)}.extracted-style-69{color:var(--color-text-muted)}.extracted-style-70{color:var(--color-text-muted);flex-shrink:0}.extracted-style-71{color:#818cf8;flex-shrink:0}.extracted-style-72{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500px;overflow:hidden}.extracted-style-73{align-items:center;gap:6px;min-width:0;max-width:100%}.extracted-style-74{flex-shrink:0;align-items:center;gap:4px}.extracted-style-75{background:var(--color-warning);border-radius:50%;width:6px;max-width:100%;height:6px;display:block}.extracted-style-76{color:var(--color-text-muted);font-family:monospace;font-size:8.5px}.extracted-style-77{padding:2px}.extracted-style-78{gap:0;width:100%;height:100vh;min-height:0}.extracted-style-79{border:none;flex:1;min-height:0;overflow:hidden}.extracted-style-80{border-right:1px solid var(--color-border);background:#090b13;flex-direction:column;flex-shrink:0;align-items:center;gap:16px;width:50px;max-width:100%;padding:12px 0;display:flex}.extracted-style-81{flex:1}.extracted-style-82{border-radius:var(--radius-xs);color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;padding:8px;display:flex}.extracted-style-83{border-right:1px solid var(--color-border);background:#0f111e;flex-direction:column;flex-shrink:0;width:260px;max-width:100%;display:flex}.extracted-style-84{border-bottom:1px solid var(--color-border);padding:10px 14px}.extracted-style-85{color:var(--color-primary-light)}.extracted-style-86{border-bottom:1px solid var(--color-border);padding:10px}.extracted-style-87{height:26px;padding:0 6px;font-family:monospace;font-size:11px}.extracted-style-88{width:100%;height:26px;font-size:11px}.extracted-style-89{border-bottom:1px solid var(--color-border);padding:6px 8px}.extracted-style-90{height:24px;padding:0 6px;font-size:10px}.extracted-style-91{flex:1;min-height:0;padding:6px;overflow-y:auto}.extracted-style-92{gap:6px;padding:30px 10px}.extracted-style-93{opacity:.3}.extracted-style-94{font-size:10px;line-height:1.4}.extracted-style-95{padding:12px 0;font-size:10px}.extracted-style-96{gap:1px;width:100%}.extracted-style-97{background:#020306;flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex}.extracted-style-98{border-bottom:1px solid var(--color-border);white-space:nowrap;background:#07090f;flex-shrink:0;align-items:center;height:35px;display:flex;overflow-x:auto}.extracted-style-99{background:var(--color-warning);border-radius:50%;width:7px;max-width:100%;height:7px}.extracted-style-100{color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;padding:1px;display:flex}.extracted-style-101{background:var(--color-violet);height:2px;position:absolute;bottom:0;left:0;right:0}.extracted-style-102{padding:0 14px;font-size:11px;font-style:italic}.extracted-style-103{flex-direction:column;flex:1;min-height:0;display:flex}.extracted-style-104{border-bottom:1px solid var(--color-border);background:#090b1666;padding:6px 12px}.extracted-style-105{align-items:center;gap:6px}.extracted-style-106{align-items:center;gap:2px;padding:1px 4px;font-size:9px;display:inline-flex}.extracted-style-107{height:24px;padding:0 6px;font-size:10px}.extracted-style-108{gap:3px;height:24px;padding:0 8px;font-size:10px}.extracted-style-109{background:#030408;flex:1;min-height:0;display:flex;position:relative}.extracted-style-110{width:35px;font-family:var(--font-mono);color:#fff3;text-align:right;-webkit-user-select:none;user-select:none;background:#0000001a;border-right:1px solid #ffffff0d;max-width:100%;padding:12px 8px 12px 0;font-size:12px;overflow:hidden}.extracted-style-111{height:18px;line-height:18px}.extracted-style-112{resize:none;height:100%;font-family:var(--font-mono);color:#e2e8f0;white-space:pre;background:0 0;border:none;outline:0;flex:1;padding:12px;font-size:12px;line-height:18px;overflow:auto scroll}.extracted-style-113{flex:1;gap:10px;padding:20px}.extracted-style-114{opacity:.15;animation:2.5s infinite glowing}.extracted-style-115{max-width:100%}.extracted-style-116{color:var(--color-text-muted);margin-top:2px;font-size:10px;line-height:1.4}.extracted-style-117{border-top:1px solid var(--color-border);background:#04060c;flex-direction:column;flex-shrink:0;height:240px;display:flex}.extracted-style-118{border-bottom:1px solid var(--color-border);background:#090c16;flex-shrink:0;justify-content:space-between;align-items:center;height:28px;padding:0 12px;display:flex}.extracted-style-119{align-items:center;gap:10px}.extracted-style-120{color:#a7f3d0;font-family:monospace;font-size:10px;font-weight:700}.extracted-style-121{align-items:center;gap:4px}.extracted-style-122{color:var(--color-success);font-family:monospace;font-size:8px}.extracted-style-123{gap:12px}.extracted-style-124{font-family:monospace;font-size:9px}.extracted-style-125{font-family:var(--font-mono);flex-direction:column;flex:1;gap:4px;padding:10px 14px;font-size:11px;line-height:1.4;display:flex;overflow-y:auto}.extracted-style-126{border-top:1px solid var(--color-border);background:#060812;flex-shrink:0;align-items:center;height:32px;padding:0 12px;display:flex}.extracted-style-127{color:var(--color-success);margin-right:6px;font-family:monospace;font-size:11px}.extracted-style-128{color:#fff;background:0 0;border:none;outline:0;flex:1;font-family:monospace;font-size:11px}.extracted-style-129{border-left:1px solid var(--color-border);background:#0f111e;flex-direction:column;flex-shrink:0;width:320px;max-width:100%;display:flex}.extracted-style-130{color:#ec4899}.extracted-style-131{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow-y:hidden}.extracted-style-132{gap:6px;padding:6px 0}.extracted-style-133{font-size:9px}.extracted-style-134{width:90%;height:8px}.extracted-style-135{width:70%;height:8px}.extracted-style-136{white-space:pre-wrap;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:11px;line-height:1.4}.extracted-style-137{gap:6px;margin:auto;padding:16px 0}.extracted-style-138{opacity:.2}.extracted-style-139{gap:8px;margin:auto;padding:16px 0}.extracted-style-140{background:#06b6d41a;border:1px solid #06b6d440;border-radius:50%;justify-content:center;align-items:center;width:32px;max-width:100%;height:32px;display:flex}.extracted-style-141{color:var(--color-accent);opacity:.8}.extracted-style-142{flex-direction:column;gap:3px;display:flex}.extracted-style-143{color:var(--color-accent);font-size:10px;font-weight:600px}.extracted-style-144{color:var(--color-text-muted);font-size:9px;line-height:1.4}.extracted-style-145{background:#00000026;padding:12px}.extracted-style-146{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#07090f;flex-direction:column;display:flex;overflow:hidden}.extracted-style-147{resize:none;color:#fff;height:60px;box-shadow:none;background:0 0;border:none;outline:0;padding:10px;font-size:11px}.extracted-style-148{background:0 0;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.extracted-style-149{align-items:center;gap:8px;display:flex}.extracted-style-150{color:var(--color-success);background:#10b98114;border:1px solid #10b98133;border-radius:3px;align-items:center;gap:3px;padding:1px 5px;font-family:monospace;font-size:9px;display:flex}.extracted-style-151{color:var(--color-accent);background:#06b6d414;border:1px solid #06b6d433;border-radius:3px;align-items:center;gap:3px;padding:1px 5px;font-family:monospace;font-size:9px;display:flex}.extracted-style-152{color:var(--color-text-muted);border:1px solid var(--color-border);background:#ffffff08;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:9px}.extracted-style-153{height:20px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:3px;outline:0;padding:1px 4px;font-size:9px}.extracted-style-153 option{background-color:var(--color-bg-surface);color:var(--color-text-primary)}.extracted-style-154{border-radius:var(--radius-xs);justify-content:center;align-items:center;gap:4px;height:24px;padding:0 12px;font-size:10px;display:flex}.extracted-style-155{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#05060cd9;width:100vw;height:100vh;padding:20px;position:fixed;top:0;left:0}.extracted-style-156{border-bottom:1px solid var(--color-border);background:#f59e0b08;padding:12px 16px}.extracted-style-157{align-items:center;gap:8px}.extracted-style-158{color:var(--color-warning)}.extracted-style-159{gap:1px}.extracted-style-160{padding:16px}.extracted-style-161{color:var(--color-text-secondary);margin:0}.extracted-style-162{border-radius:var(--radius-xs);border:1px solid var(--color-border);background:#04050b;align-items:center;gap:8px;padding:8px 12px;display:flex}.extracted-style-163{min-width:0;max-width:100%}.extracted-style-164{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.extracted-style-165{font-size:11px}.extracted-style-166{color:var(--color-danger)}.extracted-style-167{gap:4px;margin-top:2px}.extracted-style-168{height:30px}.extracted-style-169{border-radius:var(--radius-xs);border:1px solid var(--color-border);background:#04050b;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.extracted-style-170{color:var(--color-text-muted);font-size:9px}.extracted-style-171{border-radius:var(--radius-xs);background:#ef44440d;border:1px solid #ef444433;align-items:center;gap:6px;padding:8px;display:flex}.extracted-style-172{color:var(--color-text-secondary);font-size:9px}.extracted-style-173{font-size:8.5px}.extracted-style-174{border:1px solid var(--color-border);border-radius:var(--radius-xs);max-height:220px;font-size:10px;font-family:var(--font-mono);background:#04050b;overflow-y:auto}.extracted-style-175{color:#a7f3d0;background:#04050b;max-height:180px;margin:0;padding:10px;font-size:10px;overflow-y:auto}.extracted-style-176{border-top:1px solid var(--color-border);background:#090b1666;padding:10px 16px}.extracted-style-177{height:30px;padding:0 12px;font-size:11px}.extracted-style-178{gap:4px;height:30px;padding:0 14px;font-size:11px}.extracted-style-179{background:var(--color-success);color:#000;gap:4px;height:30px;padding:0 14px;font-size:11px}.extracted-style-180{max-width:100%;padding-top:24px}.extracted-style-181{margin-bottom:32px}.extracted-style-182{margin-top:8px}.extracted-style-183{border-bottom:1px solid var(--color-border);margin-bottom:24px;padding-bottom:16px}.extracted-style-184{gap:8px}.extracted-style-185{gap:16px;max-width:100%}.extracted-style-186{align-self:flex-start;gap:8px;margin-top:8px}.extracted-style-187{min-height:60vh}.extracted-style-188{padding-top:24px}.extracted-style-189{gap:32px}.extracted-style-190{max-height:350px;overflow:auto}.extracted-style-191{min-width:100px;max-width:100%;text-align:right!important}.extracted-style-192{text-align:right;white-space:nowrap}.extracted-style-193{flex-wrap:nowrap;justify-content:flex-end}.extracted-style-194{flex-shrink:0;justify-content:center;min-width:32px;max-width:100%;padding:8px;display:flex}.extracted-style-195{background:var(--color-bg-surface-soft)}.extracted-style-196{border-bottom:none;margin-bottom:16px}.extracted-style-197{gap:12px;margin-top:16px}.extracted-style-198{width:100%;max-width:420px}.extracted-style-199{gap:12px;margin-top:24px}.unified-chat-box{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0003;flex-direction:column;flex:1;margin:12px;display:flex;overflow:hidden}.chat-response-wrapper{flex-direction:column;flex:1;min-height:0;padding:10px;display:flex}.chat-input-wrapper{border-top:1px solid var(--color-border);flex-direction:column;display:flex}.xterm-terminal-container{background:#07090f;width:100%;height:100%;min-height:200px;padding:8px;overflow:hidden}.editor-wrapper{flex-direction:column;flex:1;height:100%;display:flex}.terminal-wrapper{flex:1;padding:0}.custom-select-wrapper{width:100%;position:relative}.custom-select-trigger{cursor:pointer;background-image:none;padding-right:12px}.custom-select-trigger--disabled{cursor:not-allowed}.custom-select-dropdown{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:50;max-height:200px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.custom-select-empty{color:var(--color-text-muted);padding:8px 12px}.custom-select-option{cursor:pointer;color:var(--color-text-primary);background-color:#0000;padding:8px 12px;transition:background-color .15s}.custom-select-option--hover,.custom-select-option:hover{background-color:var(--color-bg-hover)}.custom-select-option--selected{background-color:var(--color-bg-hover);color:var(--color-primary)}@media (max-width:1024px){.main-content{margin-left:0}.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}.playground-grid{grid-template-columns:1fr!important}.playground-right-col{order:-1}.navbar{padding:0 var(--space-4);left:0}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.sidebar{transform:translate(-100%)}.sidebar.sidebar--open{transform:translate(0)}.sidebar-overlay{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:299;position:fixed;inset:0}.chat-drawer__sidebar{z-index:370;background:var(--color-bg-base);width:280px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000080}.chat-drawer.chat-drawer--sidebar-open .chat-drawer__sidebar{width:280px;transform:translate(0)}}@media (max-width:768px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.page-content{padding:var(--space-4)}.landing-footer__grid{gap:var(--space-6);grid-template-columns:1fr}.landing-nav__links{display:none}.page-header{flex-direction:column;align-items:flex-start}.page-header__actions{width:100%;margin-top:var(--space-2)}.modal-overlay{padding:var(--space-2)!important}.modal{max-height:98vh!important}.modal__body,.modal__header{padding:var(--space-4)!important}.modal__footer{flex-wrap:wrap;justify-content:space-between;padding:var(--space-3) var(--space-4)!important}.chat-drawer__header{gap:8px;padding:12px 14px}.chat-drawer__body{gap:12px;padding:12px}.chat-drawer__footer{padding:12px 14px}.chat-bubble{max-width:92%;padding:10px 12px;font-size:12px}.chat-input-container{gap:8px;padding:6px 10px}.chat-mcp-bar{flex-direction:column;align-items:flex-start;gap:4px}.chat-agent-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;overflow:hidden}}@media (max-width:640px){h1{font-size:var(--text-3xl)!important}h2{font-size:var(--text-2xl)!important}h3{font-size:var(--text-xl)!important}h4{font-size:var(--text-lg)!important}.stat-card__value{font-size:var(--text-2xl)}.stat-card{align-items:flex-start;gap:var(--space-2);flex-direction:column}.btn{font-size:var(--text-xs);padding:8px 16px}}@media (max-width:480px){.auth-wrapper{padding:10px}.auth-card{padding:24px 16px}.chat-drawer__sidebar{width:85vw!important}.chat-empty-wrapper{gap:12px;padding:20px 10px}.chat-sparkles-circle{width:48px;height:48px}.chat-sparkles-circle svg{width:20px;height:20px}.chat-suggested-wrapper{margin-top:8px}.chat-suggested-btn{padding:6px 10px;font-size:11px}.chat-agent-name{max-width:120px}}.navbar__breadcrumb{flex:1;min-width:0}.navbar__breadcrumb-current{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.navbar__actions{flex-shrink:0}@media (max-width:768px){.container{padding:0 var(--space-4)}}@media (max-width:640px){.page-content{padding:12px!important}.card{padding:16px!important}.container{padding:0 var(--space-3)}}@media (max-width:480px){.page-content{padding:8px!important}.card{padding:12px!important}.navbar{padding:0 8px!important}.navbar__actions .btn span{display:none}.navbar__actions .btn{padding:6px}.navbar__breadcrumb{gap:4px;font-size:12px}.container{padding:0 var(--space-2)}}@media (max-width:320px){.page-content{padding:4px!important}.card{padding:8px!important}.navbar{padding:0 4px!important}.btn{padding:4px 8px;font-size:10px}h1{font-size:var(--text-2xl)!important}h2{font-size:var(--text-xl)!important}h3{font-size:var(--text-lg)!important}.table{font-size:11px}.table-wrapper{border-radius:var(--radius-sm);margin-top:var(--space-2)}.stat-card__value{font-size:var(--text-xl)}.stat-card__icon{width:32px;height:32px}}.card,.grid>*{min-width:0}.page-content{min-width:0;overflow-x:hidden}.table-wrapper{max-width:100%}@media (max-width:1024px){.desktop-playground-ui{display:none!important}}@media (min-width:1025px){.mobile-playground-warning{display:none!important}}@media (max-width:480px){.toast__title{font-size:12px!important}.toast__message{font-size:11px!important;line-height:1.2!important}.toast>svg{width:16px!important;height:16px!important}.toast button>svg{width:14px!important;height:14px!important}.navbar__breadcrumb-current,.navbar__breadcrumb-separator{display:none!important}.toast-container{align-items:center!important;width:max-content!important;max-width:calc(100vw - 24px)!important;right:50%!important;transform:translate(50%)!important}.toast{border-radius:6px!important;gap:8px!important;width:100%!important;min-width:200px!important;padding:8px 12px!important}.page-content{padding:12px!important}.navbar{padding:0 12px!important}.mobile-menu-btn{width:24px;height:24px;margin:0!important;padding:0!important}.mobile-menu-btn svg{width:100%;height:100%}}@media (max-width:320px){.page-content{padding:8px!important}.navbar{padding:0 8px!important}}