.base-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-weight:500;transition:all .2s;display:inline-flex}.base-btn:disabled{opacity:.5;cursor:not-allowed}.base-btn-sm{height:24px;padding:0 8px;font-size:11px}.base-btn-md{height:30px;padding:0 12px;font-size:12px}.base-btn-lg{height:36px;padding:0 16px;font-size:13px}.base-btn-primary{background:var(--sandbox-accent);color:#fff;border-color:var(--sandbox-accent)}.base-btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 12px #2563eb66}.base-btn-secondary{background:var(--sandbox-surface-strong);color:var(--sandbox-text);border-color:var(--sandbox-border)}.base-btn-secondary:hover:not(:disabled){background:var(--sandbox-surface);border-color:var(--sandbox-cyan)}.base-btn-ghost{color:var(--sandbox-muted);background:0 0}.base-btn-ghost:hover:not(:disabled){color:var(--sandbox-text);background:#ffffff0d}.base-btn-icon{color:var(--sandbox-muted);background:0 0;width:auto;height:auto;padding:4px}.base-btn-icon:hover:not(:disabled){color:var(--sandbox-text);background:#ffffff0d}.base-btn-danger{color:var(--sandbox-danger);background:#fb71851a;border-color:#fb71854d}.base-btn-danger:hover:not(:disabled){border-color:var(--sandbox-danger);background:#fb718533}.base-typography{margin:0;padding:0;font-family:inherit;line-height:1.5}.base-typ-title{font-size:16px;font-weight:700;line-height:1.3}.base-typ-subtitle{font-size:13px;font-weight:600;line-height:1.4}.base-typ-body{font-size:12px;font-weight:400}.base-typ-caption{font-size:11px;font-weight:400;line-height:1.4}.base-typ-meta{letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:600}.base-typ-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.base-typ-default{color:var(--sandbox-text)}.base-typ-muted{color:var(--sandbox-muted)}.base-typ-cyan{color:var(--sandbox-cyan)}.base-typ-purple{color:var(--sandbox-purple)}.base-typ-green{color:var(--sandbox-green)}.base-typ-yellow{color:var(--sandbox-yellow)}.base-typ-danger{color:var(--sandbox-danger)}.base-typ-white{color:#fff}.base-typ-w-normal{font-weight:400}.base-typ-w-medium{font-weight:500}.base-typ-w-semibold{font-weight:600}.base-typ-w-bold{font-weight:700}.base-typ-left{text-align:left}.base-typ-center{text-align:center}.base-typ-right{text-align:right}.base-typ-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.base-toast-container{z-index:var(--z-modal,9999);pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 48px);max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}.base-toast{pointer-events:auto;border:1px solid var(--sandbox-border);background:var(--sandbox-surface-strong);color:var(--sandbox-text);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;line-height:1.4;transition:all .2s;animation:.2s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;box-shadow:0 8px 24px #00000059}.base-toast-success{color:#f8fafc;background:#121a2ef2;border-color:#34d3994d}.base-toast-success .base-toast-icon{color:var(--sandbox-green,#34d399)}.base-toast-error{color:#f8fafc;background:#1e0f19f2;border-color:#fb71854d}.base-toast-error .base-toast-icon{color:var(--sandbox-danger,#fb7185)}.base-toast-warning{color:#f8fafc;background:#1e190ff2;border-color:#fbbf244d}.base-toast-warning .base-toast-icon{color:var(--sandbox-yellow,#fbbf24)}.base-toast-info{color:#f8fafc;background:#121a2ef2;border-color:#38bdf84d}.base-toast-info .base-toast-icon{color:var(--sandbox-cyan,#38bdf8)}.base-toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.base-toast-content{word-break:break-word;flex:1;font-weight:500}.base-toast-close{color:var(--sandbox-muted);flex-shrink:0}.base-toast-close:hover{color:var(--sandbox-text)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.base-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;font-weight:600;line-height:1;display:inline-flex}.base-badge-sm{padding:2px 5px;font-size:9px}.base-badge-md{padding:3px 7px;font-size:10px}.base-badge-default{background:var(--sandbox-surface-strong);color:var(--sandbox-muted);border:1px solid var(--sandbox-border)}.base-badge-cyan{color:var(--sandbox-cyan);background:#38bdf81f;border:1px solid #38bdf840}.base-badge-purple{color:var(--sandbox-purple);background:#a78bfa1f;border:1px solid #a78bfa40}.base-badge-green{color:var(--sandbox-green);background:#34d3991f;border:1px solid #34d39940}.base-badge-yellow{color:var(--sandbox-yellow);background:#fbbf241f;border:1px solid #fbbf2440}.base-badge-danger{color:var(--sandbox-danger);background:#fb71851f;border:1px solid #fb718540}.base-chip{-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;font-weight:500;transition:all .2s;display:inline-flex}.base-chip-sm{height:20px;padding:0 6px;font-size:10px}.base-chip-md{height:24px;padding:0 8px;font-size:11px}.base-chip-default{background:var(--sandbox-surface-strong);color:var(--sandbox-text);border-color:var(--sandbox-border)}.base-chip-cyan{color:var(--sandbox-cyan);background:#38bdf81a;border-color:#38bdf833}.base-chip-purple{color:var(--sandbox-purple);background:#a78bfa1a;border-color:#a78bfa33}.base-chip-green{color:var(--sandbox-green);background:#34d3991a;border-color:#34d39933}.base-chip-yellow{color:var(--sandbox-yellow);background:#fbbf241a;border-color:#fbbf2433}.base-chip-danger{color:var(--sandbox-danger);background:#fb71851a;border-color:#fb718533}.base-chip-clickable{cursor:pointer}.base-chip-clickable:hover:not(.base-chip-disabled){border-color:var(--sandbox-cyan);filter:brightness(1.1)}.base-chip-selected{background:var(--sandbox-accent);color:#fff;border-color:var(--sandbox-accent)}.base-chip-disabled{opacity:.5;cursor:not-allowed}.base-chip-delete-btn{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;margin-left:2px;padding:0;display:inline-flex}.base-chip-delete-btn:hover{opacity:1}.base-chip-icon{align-items:center;display:inline-flex}.base-input-container{background:var(--sandbox-surface-strong);border:1px solid var(--sandbox-border);box-sizing:border-box;border-radius:6px;align-items:center;gap:6px;width:100%;padding:0 8px;transition:all .2s;display:inline-flex}.base-input-container:focus-within:not(.base-input-disabled){border-color:var(--sandbox-cyan);box-shadow:0 0 0 1px var(--sandbox-cyan)}.base-input-field{color:var(--sandbox-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit}.base-input-field::placeholder{color:var(--sandbox-muted);opacity:.6}.base-input-sm{height:24px;font-size:11px}.base-input-md{height:30px;font-size:12px}.base-input-lg{height:36px;font-size:13px}.base-input-range{border-radius:0;height:auto;box-shadow:none!important;background:0 0!important;border-color:#0000!important;padding:0!important}.base-input-range:focus-within:not(.base-input-disabled){box-shadow:none!important;border-color:#0000!important}.base-input-flush{background:0 0;border-color:#0000;padding:0}.base-input-flush:focus-within:not(.base-input-disabled){box-shadow:none;border-color:#0000}.base-input-filled{background:var(--sandbox-raised);border-color:#0000}.base-input-disabled{opacity:.5;cursor:not-allowed}.base-input-icon{color:var(--sandbox-muted);flex-shrink:0;align-items:center;display:inline-flex}.base-kbd{background:var(--sandbox-surface-strong);border:1px solid var(--sandbox-border);color:var(--sandbox-text);-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600;display:inline-flex;box-shadow:0 1px #0000004d}.base-kbd-sm{min-width:18px;height:18px;padding:0 4px;font-size:10px}.base-kbd-md{min-width:22px;height:22px;padding:0 6px;font-size:11px}.base-label{color:var(--sandbox-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-family:inherit;font-weight:600;display:inline-flex}.base-label-sm{font-size:11px}.base-label-md{font-size:12px}.base-label-required{color:var(--sandbox-danger);font-size:12px}.base-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.base-modal-dialog{background:var(--sandbox-surface-strong);border:1px solid var(--sandbox-border);border-radius:12px;flex-direction:column;width:100%;animation:.15s ease-out modalScaleUp;display:flex;overflow:hidden;box-shadow:0 16px 36px #0006}.base-modal-header{border-bottom:1px solid var(--sandbox-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.base-modal-title{color:var(--sandbox-text);margin:0;font-size:14px;font-weight:600}.base-modal-body{color:var(--sandbox-muted);flex:1;padding:18px;font-size:13px;overflow-y:auto}.base-modal-footer{border-top:1px solid var(--sandbox-border);background:#0000001a;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.base-popover-container{display:inline-block;position:relative}.base-popover-content{z-index:1000;background-color:var(--panel-bg,#252526);border:1px solid var(--border-color,#454545);border-radius:4px;min-width:140px;padding:8px 12px;animation:.15s ease-out base-popover-fade-in;position:absolute;box-shadow:0 4px 12px #00000059}.base-popover-bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.base-popover-top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.base-popover-left{top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.base-popover-right{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}@keyframes base-popover-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.base-select{color:var(--sandbox-text,#e0e0e0);background-color:var(--sandbox-surface-strong,#1f2430);border:1px solid var(--sandbox-border,#333a4d);cursor:pointer;appearance:none;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238892b0' 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-position:right 10px center;background-repeat:no-repeat;background-size:14px 14px;border-radius:6px;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s,background-color .15s}.base-select:hover:not(:disabled){border-color:var(--sandbox-border-hover,#4c566a);background-color:var(--sandbox-surface,#1b202c)}.base-select:focus{border-color:var(--sandbox-accent,#7aa2f7);box-shadow:0 0 0 2px #7aa2f740}.base-select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--sandbox-surface-strong,#191d28)}.base-select-sm{height:26px;padding:2px 28px 2px 8px;font-size:.75rem}.base-select-md{height:32px;padding:4px 32px 4px 10px;font-size:.8125rem}.base-select-lg{height:38px;padding:6px 36px 6px 12px;font-size:.875rem}.base-table{border-collapse:collapse;width:100%;color:var(--text-color,#d4d4d4);text-align:left;font-size:.8125rem}.base-table-bordered,.base-table-bordered .base-table-header-cell,.base-table-bordered .base-table-cell{border:1px solid var(--border-color,#ffffff1a)}.base-table-striped .base-table-row:nth-child(2n){background-color:var(--table-stripe-bg,#ffffff05)}.base-table-head{background-color:var(--table-header-bg,#ffffff0a);border-bottom:1px solid var(--border-color,#ffffff1a)}.base-table-header-cell{color:var(--text-muted,#888);padding:6px 10px;font-weight:600}.base-table-cell{border-bottom:1px solid var(--border-subtle,#ffffff0d);padding:6px 10px}.base-table-header-cell.align-left,.base-table-cell.align-left{text-align:left}.base-table-header-cell.align-center,.base-table-cell.align-center{text-align:center}.base-table-header-cell.align-right,.base-table-cell.align-right{text-align:right}.base-textarea{box-sizing:border-box;background:var(--sandbox-surface-strong);border:1px solid var(--sandbox-border);width:100%;color:var(--sandbox-text);border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:12px;line-height:1.5;transition:all .2s}.base-textarea:focus:not(.base-textarea-disabled){border-color:var(--sandbox-cyan);box-shadow:0 0 0 1px var(--sandbox-cyan)}.base-textarea::placeholder{color:var(--sandbox-muted);opacity:.6}.base-textarea-disabled{opacity:.5;cursor:not-allowed}.base-textarea-resize-none{resize:none}.base-textarea-resize-vertical{resize:vertical}.base-textarea-resize-horizontal{resize:horizontal}.base-textarea-resize-both{resize:both}.base-link{cursor:pointer;align-items:center;gap:6px;font-family:inherit;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex}.base-link-default{color:var(--sandbox-text)}.base-link-default:hover{color:#fff}.base-link-cyan{color:var(--sandbox-cyan)}.base-link-cyan:hover{filter:brightness(1.2)}.base-link-muted{color:var(--sandbox-muted)}.base-link-muted:hover{color:var(--sandbox-text)}.base-link-subtle{color:inherit}.base-link-underline-always,.base-link-underline-hover:hover{text-decoration:underline}.base-link-underline-none{text-decoration:none}.base-link-icon{align-items:center;display:inline-flex}.base-link-external-icon{opacity:.7;transition:opacity .2s}.base-link:hover .base-link-external-icon{opacity:1}.base-tooltip-wrapper{display:inline-flex;position:relative}.base-tooltip-bubble{z-index:1100;color:#fff;border:1px solid var(--sandbox-border);white-space:nowrap;pointer-events:none;background:#0f172a;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;animation:.15s ease-out tooltipFadeIn;position:absolute;box-shadow:0 4px 12px #0006}.base-tooltip-top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.base-tooltip-bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.base-tooltip-left{top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.base-tooltip-right{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.base-accordion{border:1px solid var(--border-color,#3c3c3c);border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.base-accordion-item{border-bottom:1px solid var(--border-color,#3c3c3c)}.base-accordion-item:last-child{border-bottom:none}.base-accordion-header{background:var(--header-bg,#252526);width:100%;color:var(--text-color,#ccc);text-align:left;cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.8125rem;font-weight:500;transition:background-color .15s;display:flex}.base-accordion-header:hover:not(:disabled){background:var(--header-hover-bg,#2a2d2e);color:var(--text-hover-color,#fff)}.base-accordion-header:disabled{opacity:.4;cursor:not-allowed}.base-accordion-chevron{font-size:.625rem;transition:transform .15s}.base-accordion-item-expanded .base-accordion-chevron{transform:rotate(90deg)}.base-accordion-content{background:var(--content-bg,#1e1e1e);color:var(--text-color,#ccc);padding:10px 12px;font-size:.8125rem}.base-breadcrumbs{color:var(--sandbox-muted);align-items:center;font-family:inherit;font-size:.75rem;display:flex}.base-breadcrumbs-list{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.base-breadcrumbs-item{align-items:center;gap:4px;display:inline-flex}.base-breadcrumbs-link{color:var(--sandbox-muted);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 4px;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.base-breadcrumbs-link:hover{color:var(--sandbox-accent);background:#ffffff0d}.base-breadcrumbs-link.active{color:var(--sandbox-text);cursor:default;font-weight:600}.base-breadcrumbs-link.active:hover{background:0 0}.base-breadcrumbs-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.base-breadcrumbs-separator{color:var(--sandbox-muted);opacity:.5;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.base-breadcrumbs-sm{font-size:.7rem}.base-breadcrumbs-md{font-size:.8rem}.base-category-nav{background:var(--sandbox-surface-strong);border:1px solid var(--sandbox-border);border-radius:8px;gap:4px;padding:4px;display:flex;overflow-x:auto}.base-category-pill{white-space:nowrap;flex:1;color:var(--sandbox-muted)!important;border-radius:6px!important;padding:4px 8px!important;font-size:11px!important;font-weight:600!important}.base-category-pill:hover:not(.active){color:var(--sandbox-text)!important;background:#ffffff0a!important}.base-category-pill.active{box-shadow:0 1px 3px #0003;background:var(--sandbox-raised)!important;color:var(--sandbox-cyan)!important}.base-category-icon{margin-right:2px}.base-dropdown{display:inline-block;position:relative}.base-dropdown-trigger{cursor:pointer;align-items:center;display:inline-flex}.base-dropdown-menu{z-index:1000;background-color:var(--sandbox-surface-strong,#1f2430);border:1px solid var(--sandbox-border,#333a4d);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;min-width:150px;margin:0;padding:6px;list-style:none;animation:.12s ease-out base-dropdown-fade-in;position:absolute;top:calc(100% + 4px);box-shadow:0 8px 24px #00000073}.base-dropdown-menu-bottom-left{left:0}.base-dropdown-menu-bottom-right{right:0}.base-dropdown-item{width:100%;color:var(--sandbox-text,#ccc);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;outline:none;align-items:center;gap:8px;padding:6px 10px;font-size:.8125rem;transition:background-color .12s,color .12s;display:flex}.base-dropdown-item:hover:not(:disabled),.base-dropdown-item:focus-visible:not(:disabled){background-color:var(--sandbox-surface-hover,#2a3040);color:var(--sandbox-accent,#7aa2f7)}.base-dropdown-item:disabled{opacity:.4;cursor:not-allowed}.base-dropdown-item-icon{align-items:center;font-size:.875rem;display:inline-flex}.base-dropdown-item-label{flex:1}@keyframes base-dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.base-search-bar-molecule{width:100%}.base-search-clear-btn{color:var(--sandbox-muted)!important;padding:2px!important}.base-search-clear-btn:hover{color:var(--sandbox-text)!important}.confirm-modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);border-radius:12px;width:400px;max-width:calc(100vw - 32px);padding:24px;box-shadow:0 24px 64px #00000080}.confirm-modal-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.confirm-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.confirm-icon--danger{background:var(--sandbox-danger-muted);color:var(--sandbox-danger)}.confirm-icon--warning{color:var(--sandbox-yellow);background:#f59e0b1f}.confirm-title{color:var(--sandbox-text);flex:1;margin:0;font-size:15px;font-weight:600}.confirm-close{width:28px;height:28px;color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.confirm-close:hover{background:var(--sandbox-surface-light);color:var(--sandbox-text)}.confirm-message{color:var(--sandbox-muted);margin:0 0 20px;font-size:13.5px;line-height:1.6}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.confirm-btn--cancel{background:var(--sandbox-surface-light);border-color:var(--sandbox-border);color:var(--sandbox-text)}.confirm-btn--cancel:hover{background:#ffffff14}.confirm-btn--danger{background:var(--sandbox-danger);color:#fff}.confirm-btn--danger:hover{filter:brightness(1.1)}.confirm-btn--warning{background:var(--sandbox-yellow);color:#000}.confirm-btn--warning:hover{filter:brightness(1.1)}.onboarding-overlay{z-index:calc(var(--z-modal) + 10);pointer-events:none;position:fixed;inset:0}.onboarding-backdrop{pointer-events:all;background:#000000bf;transition:background .3s;position:fixed;inset:0}.onboarding-backdrop.transparent{background:0 0}.onboarding-spotlight{pointer-events:none;z-index:calc(var(--z-modal) + 11);border-radius:8px;position:fixed;box-shadow:inset 0 0 0 2px #7aa2f7e6,0 0 0 9999px #000000d1}.onboarding-spotlight.sidebar-spotlight{border-radius:4px;box-shadow:inset 0 0 0 2px #7aa2f7e6,0 0 0 9999px #000000d1}.onboarding-tooltip{z-index:calc(var(--z-modal) + 15);background:var(--sandbox-surface);pointer-events:all;border:1px solid #7aa2f759;border-radius:12px;width:320px;padding:18px 20px 16px;position:fixed;box-shadow:0 0 0 1px #7aa2f726,0 20px 60px #0009;border-left:1px solid #7aa2f759!important}.onboarding-tooltip:before{content:"";background:var(--sandbox-surface);border:1px solid #7aa2f759;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.onboarding-tooltip.arrow-left:before{border-top:none;border-right:none;top:20px;left:-6px}.onboarding-tooltip.arrow-right:before{border-bottom:none;border-left:none;top:20px;right:-6px}.onboarding-tooltip.arrow-bottom:before{border-top:none;border-left:none;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.onboarding-tooltip.arrow-top:before{border-bottom:none;border-right:none;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.onboarding-tooltip.arrow-none:before{display:none}.onboarding-step-badge{color:var(--sandbox-accent);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:inline-flex}.onboarding-step-dots{gap:4px;margin-left:auto;display:flex}.onboarding-dot{background:var(--sandbox-border);border-radius:50%;width:5px;height:5px;transition:background .2s}.onboarding-dot.active{background:var(--sandbox-accent)}.onboarding-step-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.onboarding-step-icon{width:32px;height:32px;color:var(--sandbox-accent);background:#7aa2f71f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.onboarding-step-title{color:var(--sandbox-text);margin:0;font-size:14px;font-weight:600;line-height:1.3}.onboarding-step-description{color:var(--sandbox-muted);margin:0 0 16px;font-size:13px;line-height:1.65}.onboarding-step-description kbd{background:var(--sandbox-surface-light);border:1px solid var(--sandbox-border);color:var(--sandbox-text);border-radius:4px;padding:1px 6px;font-family:inherit;font-size:11.5px;display:inline-block}.onboarding-actions{align-items:center;gap:8px;display:flex}.onboarding-skip{color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px;transition:color .15s}.onboarding-skip:hover{color:var(--sandbox-text)}.onboarding-next{background:var(--sandbox-accent);color:#fff;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:6px;margin-left:auto;padding:7px 14px;font-size:13px;font-weight:500;transition:filter .15s;display:inline-flex}.onboarding-next:hover{filter:brightness(1.12)}.onboarding-tooltip.center-modal{width:380px;height:fit-content;transform:none;margin:auto!important;inset:0!important}.command-palette-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;padding-top:100px;display:flex;position:fixed;inset:0}.command-palette{background:#1f2335;border:1px solid #24283b;border-radius:12px;flex-direction:column;width:600px;height:max-content;max-height:480px;animation:.2s cubic-bezier(.16,1,.3,1) slideDown;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.palette-input-container{border-bottom:1px solid #24283b;align-items:center;gap:12px;padding:16px;display:flex}.search-icon{color:#7aa2f7;opacity:.8}.palette-input{color:#c0caf5;background:0 0;border:none;outline:none;width:100%;font-size:16px}.palette-list{flex:1;min-height:200px;padding:8px;overflow-y:auto}.palette-item{cursor:pointer;color:#a9b1d6;border-radius:6px;align-items:center;gap:12px;height:40px;margin-bottom:2px;padding:0 12px;font-size:14px;transition:all .1s;display:flex}.palette-item:last-child{margin-bottom:0}.palette-item.active{color:#7aa2f7;background:#7aa2f726}.command-icon{opacity:.7;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.command-name{flex:1}.command-shortcut-badges{gap:4px;display:flex}.command-shortcut-badges kbd{color:#565f89;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;min-width:20px;padding:2px 6px;font-family:inherit;font-size:10px}.palette-item.active .command-shortcut-badges kbd{color:#7aa2f7;border-color:#7aa2f74d}.palette-no-results{text-align:center;color:#565f89;padding:40px;font-size:14px}.palette-footer{background:#1a1b2e;border-top:1px solid #24283b;gap:20px;padding:10px 16px;display:flex}.footer-tip{color:#565f89;align-items:center;gap:6px;font-size:11px;display:flex}.footer-tip kbd{background:#ffffff0d;border-radius:3px;padding:2px 4px}.history-container{background:#050505;flex-direction:column;height:100%;display:flex;overflow:hidden}.history-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0a0a0fcc;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.header-title{color:var(--text-primary);align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;display:flex}.header-meta{color:#60a5fa;text-transform:uppercase;letter-spacing:.05em;background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:4px;padding:.2rem .6rem;font-size:.7rem}.diff-viewer{background:var(--glass-border);border-radius:8px;flex:1;gap:1px;width:100%;min-height:0;display:flex;overflow:hidden}@media (width<=1024px){.diff-viewer{flex-direction:column;min-height:0}}.diff-pane{background:#050505;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.pane-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.pane-content{flex:1;min-height:0;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.6;overflow:auto}.pane-content::-webkit-scrollbar{width:6px;height:6px}.pane-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.pane-content::-webkit-scrollbar-track{background:0 0}.pane-content::-webkit-scrollbar-corner{background:0 0}.pane-label{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.pane-label.prev{color:#f87171}.pane-label.curr{color:#4ade80}.diff-line{border-radius:2px;gap:1rem;margin-bottom:1px;padding:.125rem .5rem;display:flex}.diff-line.removed{color:#fca5a5;background:#f871711a;border-left:2px solid #ef4444}.diff-line.added{color:#86efac;background:#4ade801a;border-left:2px solid #22c55e}.diff-line.unchanged{opacity:.8}.line-marker{-webkit-user-select:none;user-select:none;opacity:.5;width:12px;font-weight:700}.line-content{white-space:pre;flex:1;min-width:0;overflow-x:auto}.text-content{white-space:pre;margin:0}.diff-line.removed .text-content{opacity:.7;text-decoration:line-through}.multi-data-wrapper{flex-direction:column;gap:4px;margin-top:4px;display:flex}.json-wrapper{background:#0003;border-radius:4px;padding:4px 8px}.perf-container{align-items:center;gap:.5rem;display:flex}.perf-badge{color:var(--text-tertiary);font-size:.7rem;font-family:var(--font-mono);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:4px;padding:.15rem .4rem}.perf-badge.ops{color:#7aa2f7;background:#7aa2f71a;border-color:#7aa2f74d}.perf-badge.mem{color:#bb9af7;background:#bb9af71a;border-color:#bb9af74d}.perf-badge.mem.slower{color:#f7768e;background:#f7768e1a;border-color:#f7768e4d}.delta-badge{font-size:.65rem;font-weight:700;font-family:var(--font-mono);border-radius:4px;padding:.1rem .4rem}.delta-badge.faster{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033}.delta-badge.slower{color:#f87171;background:#f871711a;border:1px solid #f8717133}.section-title{border-top:1px solid #ffffff0d;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 0;display:flex}.section-title span{text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.1em;font-size:.65rem;font-weight:700}.diff-line.empty{opacity:.3;background:#ffffff03;height:24px}.code-diff .line-content{font-family:var(--font-mono);font-size:.8rem}.code-diff{max-height:300px}.history-clear-btn{color:#f87171;cursor:pointer;background:#f871711a;border:1px solid #f8717133;border-radius:4px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.history-clear-btn:hover{background:#f8717133;transform:translateY(-1px)}.version-tag{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:4px;padding:.2rem .5rem;font-size:.7rem}.history-list{flex-direction:column;flex:1;gap:2rem;width:100%;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}.history-item{flex-direction:column;flex:1;gap:.75rem;width:100%;min-height:0;display:flex}.history-empty{text-align:center;justify-content:center;align-items:center;height:100%;display:flex}.empty-content{max-width:320px}.icon-wrapper{color:#60a5fa;background:#60a5fa0d;border:1px solid #60a5fa1a;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.history-empty h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.heatmap-analytics{color:var(--sandbox-text);flex-direction:column;gap:20px;padding:16px;display:flex}.performance-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:4px;display:grid}.summary-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;transition:all .3s;display:flex}.summary-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.summary-content{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.summary-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;overflow:hidden}.summary-label{text-transform:uppercase;letter-spacing:.05em;color:var(--sandbox-text-dim);opacity:.6;font-size:8px;font-weight:800}.analytics-controls{background:var(--sandbox-surface-light);border:1px solid var(--sandbox-border);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.control-label{align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.toggle-switch{background:var(--sandbox-surface-dark);border:1px solid var(--sandbox-border);cursor:pointer;border-radius:10px;width:36px;height:20px;transition:background .3s;position:relative}.toggle-switch.active{background:var(--sandbox-accent);border-color:var(--sandbox-accent)}.switch-handle{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .3s;position:absolute;top:2px;left:2px}.toggle-switch.active .switch-handle{transform:translate(16px)}.heatmap-empty{opacity:.6;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.heatmap-empty h3{margin:0 0 8px;font-size:1.1rem}.heatmap-empty p{margin:0;font-size:.9rem}.analytics-header{border-bottom:1px solid var(--sandbox-border);justify-content:space-between;align-items:center;min-height:28px;padding-bottom:12px;display:flex}.header-title{text-transform:uppercase;letter-spacing:.08em;color:#fff;align-items:center;gap:8px;font-size:.75rem;font-weight:800;display:flex}.header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.header-meta{color:var(--sandbox-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:4px;align-items:center;padding:2px 7px;font-size:9px;font-weight:800;display:inline-flex}.hot-paths-list{flex-direction:column;gap:12px;display:flex}.hot-path-item{cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:8px;transition:background .2s;display:flex}.hot-path-item:hover{background:var(--sandbox-surface-light)}.func-icon-box{color:#bd93f9;background:#bd93f91a;border:1px solid #bd93f933;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:flex}.hot-stepper-list{flex-direction:column;margin-top:10px;display:flex}.stepper-item{cursor:pointer;gap:16px;display:flex}.stepper-node{flex-direction:column;flex-shrink:0;align-items:center;width:12px;display:flex}.stepper-dot{background:var(--sandbox-accent);border:2px solid var(--sandbox-bg);width:8px;height:8px;box-shadow:0 0 8px rgba(var(--sandbox-accent-rgb), .4);z-index:2;border-radius:50%;margin-top:6px}.stepper-line{background:linear-gradient(to bottom, var(--sandbox-accent), rgba(var(--sandbox-accent-rgb), .1));opacity:.3;flex:1;width:2px;margin:-2px 0}.stepper-content{flex:1;padding-bottom:20px}.stepper-range-info{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.range-label{font-size:.75rem;font-weight:800;font-family:var(--font-mono);color:#fff}.range-time{color:var(--sandbox-muted);font-size:10px;font-family:var(--font-mono)}.stepper-heat-bg{background:#ffffff0d;border-radius:2px;height:4px;overflow:hidden}.stepper-heat-fill{border-radius:2px;height:100%}.stepper-item:hover .range-label{color:var(--sandbox-accent)}.stepper-item:hover .stepper-dot{background:#fff;transform:scale(1.2)}.line-num-box{background:var(--sandbox-surface-dark);border:1px solid var(--sandbox-border);width:32px;height:32px;font-size:.7rem;font-family:var(--font-mono);color:var(--sandbox-accent);border-radius:4px;justify-content:center;align-items:center;display:flex}.path-bar-container{flex-direction:column;flex:1;gap:4px;display:flex}.path-label{font-size:.75rem;font-family:var(--font-mono);color:var(--sandbox-muted);align-items:center;gap:4px;display:flex}.path-bar-bg{background:var(--sandbox-surface-dark);border-radius:2px;height:4px;overflow:hidden}.path-bar-fill{border-radius:2px;height:100%}.hotzone-sort-toggle{text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all .2s;height:20px!important;color:var(--sandbox-accent)!important;background:rgba(var(--sandbox-accent-rgb), .1)!important;border:1px solid rgba(var(--sandbox-accent-rgb), .2)!important;white-space:nowrap!important;border-radius:4px!important;align-items:center!important;gap:3px!important;padding:0 6px!important;font-size:9px!important;font-weight:700!important;display:inline-flex!important}.hotzone-sort-toggle:hover{background:rgba(var(--sandbox-accent-rgb), .2)!important;color:#fff!important}.hotzone-jump-hint{opacity:0;color:var(--sandbox-accent);transition:opacity .2s,transform .2s}.stepper-item:hover .hotzone-jump-hint{opacity:.85;transform:translate(2px)}.analytics-footer{background:var(--sandbox-surface-light);color:var(--sandbox-muted);border-radius:6px;align-items:center;gap:8px;margin-top:auto;padding:12px;font-size:.8rem;display:flex}.comparison-dashboard{background-color:var(--sandbox-bg);color:var(--sandbox-text);flex-direction:column;gap:20px;min-height:100%;padding:24px 24px 64px;display:flex;overflow-y:auto}.comparison-header{margin-bottom:8px}.comparison-title{color:var(--sandbox-accent);margin:0 0 6px;font-size:1.5rem;font-weight:600}.comparison-subtitle{color:var(--sandbox-muted);margin:0;font-size:.9rem;line-height:1.4}.compare-selector-container{background-color:var(--sandbox-surface);border:1px solid var(--sandbox-border);border-radius:8px;align-items:flex-end;gap:16px;padding:16px;display:flex}.compare-selector-group{flex-direction:column;flex:1;gap:6px;display:flex}.compare-label{text-transform:uppercase;letter-spacing:.5px;color:var(--sandbox-muted);font-size:.75rem;font-weight:500}.compare-select{background-color:var(--sandbox-surface-strong);border:1px solid var(--sandbox-border);color:var(--sandbox-text);cursor:pointer;border-radius:6px;outline:none;padding:8px 12px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.compare-select:focus{border-color:var(--sandbox-accent);box-shadow:0 0 0 2px #7aa2f740}.compare-select:disabled{opacity:.6;cursor:not-allowed}.compare-divider-icon{height:38px;color:var(--sandbox-muted);justify-content:center;align-items:center;display:flex}.divider-split-icon{opacity:.6}.compare-run-btn{background-color:var(--sandbox-accent);color:var(--sandbox-surface-strong);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;height:38px;padding:9px 18px;font-size:.9rem;font-weight:600;transition:filter .2s,transform .1s,opacity .2s;display:flex}.compare-run-btn:hover:not(:disabled){filter:brightness(1.1)}.compare-run-btn:active:not(:disabled){transform:scale(.98)}.compare-run-btn:disabled{opacity:.5;cursor:not-allowed}.compare-run-btn.running{background-color:var(--sandbox-border);color:var(--sandbox-muted)}.compare-play-icon{flex-shrink:0}.compare-error-banner{background-color:var(--sandbox-danger-muted);border:1px solid var(--sandbox-danger);color:#f88;border-radius:6px;padding:12px 16px;font-size:.9rem}.compare-summary-banner{border:1px solid #0000;border-radius:6px;padding:12px 16px;font-size:.95rem;font-weight:500}.compare-summary-banner.summary-better{background-color:var(--sandbox-green-soft);color:var(--sandbox-green);border-color:#4ade804d}.compare-summary-banner.summary-worse{color:var(--sandbox-orange);background-color:#fb923c1a;border-color:#fb923c4d}.compare-summary-banner.summary-equal{color:var(--sandbox-accent);background-color:#7aa2f71a;border-color:#7aa2f74d}.compare-grid-section{flex-direction:column;display:flex}.compare-grid-placeholder{background-color:var(--sandbox-surface);border:1px dotted var(--sandbox-border);text-align:center;color:var(--sandbox-muted);border-radius:8px;padding:40px;font-size:.95rem}.compare-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=768px){.compare-grid{grid-template-columns:1fr}}.compare-metric-card{background-color:var(--sandbox-surface);border:1px solid var(--sandbox-border);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.compare-metric-header{border-bottom:1px solid var(--sandbox-surface-light);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.compare-metric-title-group{color:var(--sandbox-text);align-items:center;gap:8px;display:flex}.compare-metric-icon{color:var(--sandbox-accent);align-items:center;display:flex}.compare-metric-title{margin:0;font-size:.9rem;font-weight:600}.compare-metric-badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.compare-metric-badge.badge-success{background-color:var(--sandbox-green-soft);color:var(--sandbox-green)}.compare-metric-badge.badge-warning{color:var(--sandbox-orange);background-color:#fb923c26}.compare-metric-badge.badge-danger{background-color:var(--sandbox-danger-muted);color:var(--sandbox-danger)}.compare-metric-badge.badge-neutral{color:var(--sandbox-muted);background-color:#ffffff14}.compare-metric-content{align-items:center;gap:12px;display:flex}.compare-metric-side{flex-direction:column;flex:1;gap:4px;display:flex}.compare-metric-side.left-side{text-align:left}.compare-metric-side.right-side{text-align:right}.compare-metric-value{font-size:1.15rem;font-weight:700}.compare-metric-subtext{color:var(--sandbox-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.compare-metric-vs{color:var(--sandbox-muted);opacity:.5;padding:0 4px;font-size:.8rem;font-weight:600}.compare-progress-bar-container{background-color:var(--sandbox-surface-strong);border-radius:2px;width:100%;height:4px;margin-top:6px;overflow:hidden}.compare-progress-fill{border-radius:2px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.compare-progress-fill.left{background-color:var(--sandbox-accent);float:left}.compare-progress-fill.right{background-color:var(--sandbox-pink);float:right}.compare-logs-panel{flex-direction:column;gap:12px;display:flex}.compare-logs-header{color:var(--sandbox-text);border-bottom:1px solid var(--sandbox-border);margin:0;padding-bottom:6px;font-size:1rem;font-weight:600}.compare-logs-columns{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=768px){.compare-logs-columns{grid-template-columns:1fr}}.compare-logs-column{flex-direction:column;gap:6px;display:flex}.compare-logs-column-title{color:var(--sandbox-muted);text-transform:uppercase;font-size:.8rem;font-weight:500}.compare-logs-box{background-color:var(--sandbox-surface-strong);border:1px solid var(--sandbox-border);border-radius:6px;flex-direction:column;gap:6px;height:200px;padding:12px;font-family:monospace;font-size:.85rem;display:flex;overflow-y:auto}.compare-log-empty{color:var(--sandbox-muted);margin:auto;font-style:italic}.compare-log-item{word-break:break-all;gap:8px;line-height:1.4;display:flex}.compare-log-item .log-time{color:var(--sandbox-muted);flex-shrink:0}.compare-log-item.log-error .log-text{color:var(--sandbox-danger)}.compare-log-item.log-log .log-text{color:var(--sandbox-text)}.compare-log-item.log-warn .log-text{color:var(--sandbox-yellow)}.file-explorer{box-sizing:border-box;flex-direction:column;flex:1;height:100%;min-height:0;padding:10px 0 0;display:flex;overflow:hidden}.explorer-section{flex-direction:column;flex:1;min-height:0;display:flex}.explorer-section-header{color:#565f89;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.header-actions{gap:4px;display:flex}.icon-button{color:#565f89;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.icon-button:hover{color:#a9b1d6;background:#ffffff1a}.new-file-form{flex-shrink:0;padding:0 12px 8px}.new-file-input{color:#a9b1d6;background:#1a1b2e;border:1px solid #3b4261;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-size:12px}.new-file-input:focus{border-color:#7aa2f7}.new-file-input-wrapper{flex-direction:column;gap:4px;display:flex}.input-hint{color:#565f89;padding:0 2px;font-size:10px}.file-list{flex:1;min-height:0;padding-bottom:20px;overflow-y:auto}.file-item{cursor:pointer;height:28px;color:var(--sandbox-text);align-items:center;padding:0 12px;font-size:13px;transition:all .1s;display:flex;position:relative}.file-item:hover{background:var(--sandbox-surface-light)}.file-item.active{background:rgba(var(--sandbox-accent-rgb), .12);color:var(--sandbox-accent)}.file-item.active:before{content:"";background:var(--sandbox-accent);width:3px;position:absolute;top:0;bottom:0;left:0}.file-expand-icon{color:#565f89;justify-content:center;align-items:center;width:16px;margin-right:4px;display:flex}.file-type-icon{align-items:center;margin-right:8px;display:flex}.folder-icon{color:#e0af68}.test-icon{color:#f7768e}.json-icon{color:#f1c40f}.file-icon-lucide{color:#7aa2f7}.file-icon-brand{border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;font-size:8px;font-weight:800;line-height:1;display:flex}.ts-icon-small{color:#fff;background:#3178c6}.js-icon-small{color:#000;background:#f7df1e}.json-icon-small{color:#000;background:#f1c40f}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-actions{gap:4px;margin-left:auto;display:none}.file-item:hover .file-actions{display:flex}.action-button{color:#565f89;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.action-button:hover{color:#a9b1d6;background:#ffffff1a}.action-button.delete:hover{color:#f7768e;background:#f7768e1a}.rename-form{flex:1}.rename-input{color:#a9b1d6;background:#1a1b2e;border:1px solid #7aa2f7;border-radius:2px;outline:none;width:100%;padding:0 4px;font-size:13px}.explorer-clear-section{box-sizing:border-box;border-top:1px solid var(--sandbox-border);background:var(--sandbox-surface-strong);flex-shrink:0;justify-content:flex-start;align-items:center;height:26px;min-height:26px;max-height:26px;margin-top:auto;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;position:relative}.clear-workspace-btn,.clear-workspace-btn.base-btn,.clear-workspace-btn.base-btn-ghost{opacity:.65;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:flex-start;align-items:center;gap:6px;height:100%;font-family:inherit;font-size:11px;font-weight:500;line-height:26px;transition:opacity .15s,color .15s;display:inline-flex;box-shadow:none!important;color:#f7768e!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.clear-workspace-btn:hover,.clear-workspace-btn:hover:not(:disabled),.clear-workspace-btn.base-btn:hover:not(:disabled),.clear-workspace-btn.base-btn-ghost:hover:not(:disabled),.clear-workspace-btn:focus-visible{opacity:1!important;color:#f7768e!important;box-shadow:none!important;background:0 0!important;outline:none!important}.clear-workspace-btn .clear-icon,.clear-workspace-btn span{transition:opacity .15s,color .15s;color:#f7768e!important}.clear-workspace-btn.armed,.clear-workspace-btn.armed:hover,.clear-workspace-btn.armed:hover:not(:disabled){font-weight:700;animation:1s ease-in-out infinite armed-text-pulse;opacity:1!important;color:#f55!important}@keyframes armed-text-pulse{0%,to{opacity:1}50%{opacity:.5}}.clear-icon{flex-shrink:0}.clear-workspace-hint{background:var(--sandbox-surface-strong);color:#f7768e;text-align:center;z-index:50;pointer-events:none;border:1px solid #f7768e66;border-radius:4px;padding:4px 8px;font-size:10px;line-height:1.3;position:absolute;bottom:28px;left:8px;right:8px;box-shadow:0 4px 12px #0006}.info-view-container{background:var(--sandbox-bg);height:100%;color:var(--sandbox-text);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.info-category-nav{background:var(--sandbox-surface);border-bottom:1px solid var(--sandbox-border);scrollbar-width:none;align-items:center;gap:4px;padding:8px 10px;display:flex;overflow-x:auto}.info-category-nav::-webkit-scrollbar{display:none}.category-pill{color:var(--sandbox-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:600;transition:all .15s ease-in-out;display:flex}.category-pill:hover:not(.active){color:var(--sandbox-text);background:#ffffff0a}.category-pill.active{background:var(--sandbox-raised);border-color:var(--sandbox-border);color:var(--sandbox-cyan);box-shadow:0 1px 4px #0003}.info-search-bar{border-bottom:1px solid var(--sandbox-border);background:#00000026;align-items:center;gap:6px;padding:6px 10px;display:flex;position:relative}.info-search-bar .search-icon{color:var(--sandbox-muted);flex-shrink:0}.info-search-bar input{color:var(--sandbox-text);background:0 0;border:none;outline:none;flex:1;font-size:11.5px}.info-search-bar input::placeholder{color:var(--sandbox-muted);opacity:.7}.clear-search-btn{color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px}.clear-search-btn:hover{color:var(--sandbox-text)}.info-content{scrollbar-width:thin;flex:1;padding:10px;overflow-y:auto}.info-tab-pane{flex-direction:column;gap:8px;display:flex}.shortcuts-list-container{flex-direction:column;gap:6px;display:flex}.shortcut-card{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;transition:border-color .15s;display:flex}.shortcut-card:hover{border-color:#38bdf84d}.shortcut-meta{flex-direction:column;gap:2px;display:flex}.shortcut-label{color:var(--sandbox-text);font-size:12px;font-weight:500}.shortcut-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--sandbox-muted);font-size:9.5px;font-weight:600}.shortcut-keys-row{align-items:center;gap:3px;display:flex}.key-cap{background:var(--sandbox-raised);border:1px solid var(--sandbox-border);min-width:18px;height:20px;color:var(--sandbox-cyan);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-family:inherit;font-size:10.5px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000004d}.engine-intro-card{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);border-radius:6px;margin-bottom:4px;padding:10px}.intro-title{color:var(--sandbox-text);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.text-cyan{color:var(--sandbox-cyan)}.intro-desc{color:var(--sandbox-muted);margin:0;font-size:11px;line-height:1.4}.engine-steps-timeline{flex-direction:column;gap:6px;display:flex}.engine-step-card{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);border-radius:6px;flex-direction:column;gap:4px;padding:8px 10px;transition:border-color .15s;display:flex}.engine-step-card:hover{border-color:var(--sandbox-cyan)}.step-header{align-items:center;gap:6px;display:flex}.step-badge-number{border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:inline-flex}.step-name{color:var(--sandbox-text);font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:600}.step-tag{text-transform:uppercase;letter-spacing:.04em;margin-left:auto;font-size:9.5px;font-weight:700}.step-desc{color:var(--sandbox-muted);margin:0;padding-left:24px;font-size:11px;line-height:1.35}.features-grid{flex-direction:column;gap:8px;display:flex}.feature-card{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);border-radius:6px;flex-direction:column;gap:6px;padding:10px;transition:all .15s;display:flex}.feature-card:hover{border-color:#38bdf859}.feature-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.feature-title{color:var(--sandbox-text);font-size:12px;font-weight:600}.feature-badge{text-transform:uppercase;color:var(--sandbox-cyan);background:var(--sandbox-cyan-soft);border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:600}.feature-desc{color:var(--sandbox-muted);margin:0;font-size:11px;line-height:1.4}.feature-action-btn{background:var(--sandbox-raised);border:1px solid var(--sandbox-border);color:var(--sandbox-cyan);cursor:pointer;border-radius:4px;align-self:flex-start;align-items:center;gap:4px;margin-top:2px;padding:4px 8px;font-size:10.5px;font-weight:600;transition:all .15s;display:inline-flex}.feature-action-btn:hover{background:var(--sandbox-cyan-soft);border-color:var(--sandbox-cyan)}.about-hero-card{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;display:flex}.about-logo{align-items:center;gap:6px;display:flex}.about-logo h3{color:var(--sandbox-text);letter-spacing:-.02em;margin:0;font-size:15px;font-weight:700}.about-mission{color:var(--sandbox-muted);max-width:260px;margin:0;font-size:11px;line-height:1.45}.about-meta-row{align-items:center;gap:6px;margin-top:4px;display:flex}.version-tag,.edition-tag{border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.version-tag{background:var(--sandbox-raised);border:1px solid var(--sandbox-border);color:var(--sandbox-text)}.edition-tag{background:var(--sandbox-cyan-soft);color:var(--sandbox-cyan);border:1px solid #38bdf84d}.about-links-section{flex-direction:column;gap:6px;margin-top:4px;display:flex}.about-link-row{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);color:var(--sandbox-text);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.about-link-row:hover{background:var(--sandbox-raised);border-color:var(--sandbox-cyan);color:var(--sandbox-cyan)}.link-title{align-items:center;gap:6px;display:flex}.no-matches-notice{text-align:center;color:var(--sandbox-muted);padding:16px;font-size:11.5px}.info-footer{background:var(--sandbox-surface);border-top:1px solid var(--sandbox-border);color:var(--sandbox-muted);justify-content:center;align-items:center;gap:6px;padding:8px;font-size:10px;display:flex}.footer-dot{opacity:.5}.workbench-search{background:var(--sandbox-bg);flex-direction:column;height:100%;display:flex}.search-input-container{border-bottom:1px solid var(--sandbox-border);padding:12px}.search-input{background:var(--sandbox-surface-strong);border:1px solid var(--sandbox-border);width:100%;color:var(--sandbox-text);border-radius:4px;outline:none;padding:6px 8px;font-size:12px}.search-input:focus{border-color:var(--sandbox-accent)}.search-results{flex:1;padding:8px 0;overflow-y:auto}.results-count{color:var(--sandbox-muted);margin-bottom:8px;padding:4px 12px;font-size:11px}.file-result-group{margin-bottom:2px}.file-result-header{cursor:pointer;align-items:center;gap:6px;padding:4px 12px;transition:background .1s;display:flex}.file-result-header:hover{background:#ffffff0d}.file-icon{color:#3b82f6}.file-name-text{color:var(--sandbox-text);flex:1;font-size:12px;font-weight:500}.filename-match-badge{color:#60a5fa;text-transform:uppercase;background:#3b82f633;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.match-count{color:var(--sandbox-muted);text-align:center;background:#ffffff0d;border-radius:10px;min-width:18px;padding:0 6px;font-size:11px}.file-matches-list{padding-left:28px}.match-line-item{cursor:pointer;border-radius:2px;gap:8px;padding:4px 12px 4px 0;font-family:JetBrains Mono,monospace;font-size:11px;transition:background .1s;display:flex}.match-line-item:hover{background:#ffffff08}.match-line-number{color:var(--sandbox-muted);text-align:right;min-width:20px}.match-line-text{color:var(--sandbox-text);opacity:.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-no-results{text-align:center;color:var(--sandbox-muted);padding:24px;font-size:12px}.settings-view-container{background:var(--sandbox-bg);flex-direction:column;height:100%;font-family:Inter,sans-serif;display:flex}.settings-header{padding:20px 16px 12px}.settings-title{color:var(--sandbox-text);letter-spacing:.05em;text-transform:uppercase;opacity:.9;font-size:14px;font-weight:700}.settings-content{flex:1;padding:8px 16px 24px;overflow-y:auto}.settings-group{margin-bottom:32px}.group-label{color:var(--sandbox-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.settings-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:4px;box-shadow:0 4px 12px #0000001a}.setting-item{border-radius:8px;justify-content:space-between;align-items:center;padding:16px 12px;transition:background .2s;display:flex}.setting-item:not(:last-child){border-bottom:1px solid #ffffff08}.setting-info{flex-direction:column;gap:4px;display:flex}.setting-name{color:var(--sandbox-text);font-size:13px;font-weight:500}.setting-desc{color:var(--sandbox-muted);font-size:11px;font-weight:400}.setting-toggle{cursor:pointer;background:#ffffff1a;border-radius:12px;width:44px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.setting-toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.setting-toggle.active{background:#3b82f6}.setting-toggle.active:after{left:23px}.setting-select{color:var(--sandbox-text);cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:4px 8px;font-size:11px;transition:border-color .2s}.setting-select:hover{border-color:#fff3}.setting-select:focus{border-color:#3b82f6}.text-accent{color:#3b82f6}.workbench-status-bar{background:var(--sandbox-surface-strong);border-top:1px solid var(--sandbox-border);height:26px;min-height:26px;max-height:26px;color:var(--sandbox-muted);-webkit-user-select:none;user-select:none;z-index:20;box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 16px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.status-bar-left{flex:1;justify-content:flex-start;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.status-bar-center{flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;display:flex}.status-bar-right{flex:1 0;justify-content:flex-end;align-items:center;gap:8px;min-width:60px;display:flex}.status-shortcut{white-space:nowrap;color:var(--sandbox-muted);align-items:center;gap:4px;font-size:11px;display:flex}.status-shortcut kbd{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);color:var(--sandbox-muted);border-radius:3px;align-items:center;padding:1px 5px;font-size:10px;font-weight:500;line-height:1.2;display:inline-flex}.status-dot{background:var(--sandbox-border);opacity:.6;border-radius:50%;flex-shrink:0;width:3px;height:3px;margin:0 2px}.status-execution{align-items:center;gap:6px;font-size:11px;display:flex}.status-indicator-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-indicator-dot.ready{background:var(--sandbox-cyan)}.status-indicator-dot.success{background:var(--sandbox-green);box-shadow:0 0 6px #50fa7b66}.status-indicator-dot.error{background:var(--sandbox-danger);box-shadow:0 0 6px #ef444466}.status-execution.success span{color:#a0ffd0}.status-execution.has-error span{color:#f55}.status-execution.is-running span{color:var(--sandbox-accent)}.status-pulse-dot{background:var(--sandbox-accent);border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.status-item{color:var(--sandbox-muted);white-space:nowrap;font-size:11px}.status-button{color:var(--sandbox-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;margin:0;padding:2px 4px;font-family:inherit;font-size:11px;line-height:1;transition:all .15s;display:inline-flex}.status-button:hover,.status-button:focus-visible{color:var(--sandbox-text);background:var(--sandbox-surface-hover);outline:none}.status-badge.clickable{cursor:pointer;transition:all .15s}.status-badge.clickable:hover{filter:brightness(1.15)}.status-badge{border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.3;display:inline-flex}.status-badge.ok-badge{color:#34d399;background:#34d3991a;border:1px solid #34d39940}.status-badge.error-badge{color:#fb7185;background:#fb71851f;border:1px solid #fb718559;animation:1.8s infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.prettier-info{color:var(--sandbox-muted);align-items:center;display:inline-flex}.prettier-info.formatted{color:#c084fc;font-weight:600}@media (width<=900px){.status-shortcut:nth-child(n+3){display:none}}@media (width<=640px){.status-bar-left{display:none}}.activity-bar{background:var(--sandbox-surface-strong);border-right:1px solid var(--sandbox-border);z-index:100;box-sizing:border-box;flex-direction:column;align-items:center;width:44px;padding:10px 0 0;display:flex}.activity-item{cursor:pointer;width:44px;height:44px;font:inherit;color:var(--sandbox-muted);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:relative}.activity-item:hover{color:var(--sandbox-text)}.activity-item.active{color:var(--sandbox-accent)}.active-indicator{background:var(--sandbox-accent);border-radius:0 4px 4px 0;width:2px;position:absolute;top:6px;bottom:6px;left:0}.activity-separator{background:var(--sandbox-border);opacity:.5;width:24px;height:1px;margin:8px 0}.activity-bar-bottom{border-top:1px solid var(--sandbox-border);box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:26px;min-height:26px;max-height:26px;margin-top:auto;display:flex}.activity-item.bottom-item{width:100%;height:26px}.editor-tabs{background:var(--sandbox-surface-strong);border-bottom:1px solid var(--sandbox-border);scrollbar-width:none;-ms-overflow-style:none;height:35px;min-height:35px;max-height:35px;display:flex;overflow:auto hidden}.editor-tabs::-webkit-scrollbar{display:none}.editor-tab{background:var(--sandbox-bg);border:none;border-right:1px solid var(--sandbox-border);cursor:pointer;min-width:120px;height:35px;color:var(--sandbox-muted);text-align:left;outline:none;align-items:center;padding:0 12px;font-family:inherit;font-size:12px;transition:background .2s;display:flex;position:relative}.editor-tab.active{background:var(--sandbox-bg);color:var(--sandbox-text)}.editor-tab.active:after{content:"";background:var(--sandbox-accent);height:2px;position:absolute;top:0;left:0;right:0}.tab-close{opacity:0;cursor:pointer;color:inherit;background:0 0;border:none;outline:none;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:opacity .2s;display:flex}.tab-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:6px;transition:all .2s;display:inline-block}.tab-status-dot.error{background:var(--sandbox-danger);box-shadow:0 0 6px #f8717199}.editor-tab:hover .tab-close{opacity:1}.workbench-divider{border-left:1px solid var(--sandbox-border);cursor:col-resize;z-index:10;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:5px;transition:border-color .2s;display:flex}.workbench-divider:hover,.workbench-divider.active{border-left-color:var(--sandbox-accent)}.divider-grip{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:4px;height:32px;display:flex}.divider-grip:before,.divider-grip:after,.workbench-divider:hover .divider-grip{content:""}.workbench-divider:hover .divider-grip,.workbench-divider.active .divider-grip{background:radial-gradient(circle, var(--sandbox-accent) 1.5px, transparent 1.5px);background-size:4px 8px}.workbench-layout.is-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.editor-container.no-select,.workbench-layout.is-resizing .panel-container{pointer-events:none}.workbench-layout{background:var(--sandbox-bg);width:100vw;height:100vh;color:var(--sandbox-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.workbench-sidebar{background:var(--sandbox-bg);border-right:1px solid var(--sandbox-border);flex-direction:column;width:260px;transition:all .2s;display:flex}.workbench-sidebar.large{width:450px}.sidebar-header{text-transform:uppercase;letter-spacing:.5px;height:35px;color:var(--sandbox-muted);align-items:center;padding:0 12px;font-size:11px;font-weight:600;display:flex}.sidebar-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.workbench-center{flex-direction:column;flex:1;min-width:0;display:flex}.workbench-main-split{flex:1;min-height:0;display:flex;position:relative}.editor-container{flex-direction:column;flex:1;min-width:0;display:flex}.panel-container{border-left:1px solid var(--sandbox-border);background:var(--sandbox-surface-strong);flex-direction:column;flex:1;min-width:0;display:flex}.panel-header-row{background:var(--sandbox-surface-strong);border-bottom:1px solid var(--sandbox-border);justify-content:space-between;align-items:center;height:35px;padding-right:8px;display:flex}.panel-tabs{height:100%;display:flex}.panel-actions{align-items:center;gap:4px;display:flex}.panel-tab{cursor:pointer;text-transform:uppercase;height:100%;color:var(--sandbox-muted);border-bottom:2px solid #0000;align-items:center;padding:0 12px;font-size:11px;font-weight:600;display:flex}.panel-tab.active{color:var(--sandbox-text);border-bottom-color:var(--sandbox-accent)}.panel-content{flex:1;min-height:0;overflow:hidden}.sidebar-placeholder{text-align:center;width:100%;height:100%;color:var(--sandbox-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.placeholder-box{border:1px solid var(--sandbox-border);background:#ffffff05;border-radius:12px;flex-direction:column;align-items:center;gap:16px;max-width:320px;padding:32px;display:flex;box-shadow:0 8px 24px #0003}.placeholder-text{color:var(--sandbox-text);margin:0;font-size:15px;font-weight:600}.placeholder-subtext{opacity:.6;margin:0;font-size:12px;line-height:1.5}.full-page-container{background:var(--sandbox-bg);flex-direction:column;width:100%;height:100%;display:flex}.full-page-header{background:var(--sandbox-surface-strong);border-bottom:1px solid var(--sandbox-border);justify-content:space-between;align-items:center;height:35px;padding:0 16px;display:flex}.full-page-header .header-title{letter-spacing:1px;color:var(--sandbox-accent);font-size:11px;font-weight:700}.close-full-page{color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.close-full-page:hover{color:var(--sandbox-text);background:#ffffff0d}.full-page-content{flex:1;overflow:hidden}.workbench-layout.is-mobile,.workbench-layout.is-mobile .workbench-main-split{flex-direction:column}.workbench-layout.is-mobile .workbench-center{height:100vh}.workbench-layout.is-mobile .workbench-divider{cursor:row-resize;width:100%;height:4px}.workbench-layout.is-mobile .panel-container{border-left:none;border-top:1px solid var(--sandbox-border)}.workbench-layout.is-mobile .editor-container,.workbench-layout.is-mobile .panel-container{width:100%}.code-sandbox-wrapper{background:radial-gradient(circle at center, var(--sandbox-bg) 0%, #1e1f29 100%);z-index:10;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.code-sandbox-wrapper .workbench-layout{flex:1;height:calc(100vh - 45px);min-height:0}.code-sandbox-wrapper.zen-mode .workbench-layout{height:100vh}.code-sandbox-container{flex-direction:column;width:100%;height:100%;display:flex}.sandbox-layout{background:0 0;flex:1;min-height:0;display:flex;overflow:visible}@media (width<=640px){.sandbox-layout{flex-direction:column-reverse}}.sandbox-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.zen-mode .activity-bar,.zen-mode .workbench-sidebar{display:none!important}.zen-mode .sandbox-layout{transition:all .35s cubic-bezier(.4,0,.2,1)}.zen-exit-hint{color:var(--sandbox-cyan);pointer-events:none;z-index:9999;opacity:.8;letter-spacing:.5px;background:#8be9fd1a;border:1px solid #8be9fd33;border-radius:20px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.7rem;position:fixed;top:12px;right:16px}@keyframes focusFlash{0%{box-shadow:inset 0 0 #8be9fd00}30%{box-shadow:inset 0 0 40px #8be9fd33}to{box-shadow:inset 0 0 #8be9fd00}}.focus-flash{animation:.8s ease-out focusFlash}.main-content{background:var(--sandbox-bg);flex:1;min-height:0;display:grid;position:relative;overflow:hidden}.main-content.is-stacked{background:var(--sandbox-bg)}.main-content.is-resizing{-webkit-user-select:none;user-select:none}.main-content:not(.is-stacked).is-resizing{cursor:col-resize}.main-content.is-stacked.is-resizing{cursor:row-resize}@media (width<=1024px){.sandbox-sidebar{width:44px}.sidebar-label{display:none}}@media (width<=767px){.sandbox-sidebar{width:40px}.sidebar-label,.sidebar-version,.sidebar-saving{display:none}.notes-view,.flow-view{flex-direction:column;height:100%;display:flex}.notes-textarea,.markdown-preview{padding:1.5rem 1rem!important}}.mobile-editor-notice{height:100%;color:var(--sandbox-muted);text-align:center;opacity:.6;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-family:JetBrains Mono,monospace;font-size:.75rem;display:none}.mobile-editor-notice svg{opacity:.4}.view-divider{z-index:10;background:#ffffff08;transition:all .2s;position:relative}.main-content:not(.is-stacked)>.view-divider{cursor:col-resize;width:4px;height:100%}.main-content.is-stacked>.view-divider{cursor:row-resize;width:100%;height:4px}.view-divider:hover,.view-divider:focus{background:#bd93f94d;box-shadow:0 0 15px #bd93f933}.divider-handle{opacity:0;background:#ffffff1a;border-radius:4px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-content:not(.is-stacked) .divider-handle{width:2px;height:30px}.main-content.is-stacked .divider-handle{width:30px;height:2px}.view-divider:hover .divider-handle,.is-resizing .divider-handle{opacity:1}.history-view,.notes-view,.flow-view,.flow-view-container,.history-view-container,.notes-view-container{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.view-loading{width:100%;height:100%;color:var(--sandbox-muted);background:var(--sandbox-bg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;display:flex}.tl-container{background-color:var(--sandbox-bg)!important}.tl-ui-layout{z-index:100!important;pointer-events:all!important}.tl-canvas{background-color:#0000!important}.shortcuts-modal-overlay{z-index:2000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;position:absolute;inset:0}.shortcuts-modal{z-index:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:450px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.shortcuts-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:20px;display:flex}.header-title{align-items:center;gap:10px;display:flex}.header-title h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.close-btn:hover{color:var(--text-primary);background:#ffffff0d}.shortcuts-grid{max-height:400px;padding:10px 20px;overflow-y:auto}.shortcut-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.shortcut-row:last-child{border-bottom:none}.shortcut-action{color:var(--text-secondary);font-size:.9rem}.shortcut-keys{align-items:center;gap:4px;display:flex}.shortcut-keys kbd{border:1px solid var(--border-color);color:var(--text-primary);text-align:center;background:#ffffff0d;border-radius:4px;min-width:24px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;box-shadow:0 2px #0003}.key-sep{color:var(--text-muted);font-size:.8rem}.shortcuts-footer{border-top:1px solid var(--border-color);text-align:center;background:#0003;padding:15px 20px}.shortcuts-footer p{color:var(--text-muted);margin:0;font-size:.8rem}.shortcuts-footer kbd{color:var(--accent-color);background:#ffffff1a;border-radius:3px;padding:1px 5px}.sandbox-sidebar{border-right:1px solid var(--sandbox-border);background:var(--sandbox-surface);z-index:100;flex-direction:column;flex-shrink:0;width:60px;padding:.25rem 0;display:flex;position:relative}.sidebar-top,.sidebar-bottom{flex-direction:column;width:100%;display:flex}.sidebar-bottom{gap:1rem;margin-top:auto}.sidebar-divider{background:var(--sandbox-border);opacity:.5;height:1px;margin:1rem 12px}.collapse-toggle{background:var(--sandbox-surface-light);border:1px solid var(--sandbox-border);width:24px;height:24px;color:var(--sandbox-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;margin:0 auto 1.5rem;transition:all .2s;display:flex}.collapse-toggle:hover{color:var(--sandbox-accent);background:var(--sandbox-surface)}@media (width<=640px){.sandbox-sidebar{justify-content:space-around;border-right:none!important;border-top:1px solid var(--sandbox-border)!important;flex-direction:row!important;width:100%!important;height:56px!important;padding:0!important}.sidebar-top,.sidebar-bottom{height:100%;flex-direction:row!important;width:auto!important}.sidebar-bottom{margin-left:auto;padding-right:12px;margin-top:0!important}.sidebar-divider{width:1px!important;height:24px!important;margin:auto 8px!important}.collapse-toggle{display:none!important}}.sandbox-tab{width:100%;color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 0;transition:all .2s;display:flex;position:relative}.sandbox-tab span{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;z-index:1;max-width:100%;margin-top:2px;padding:0 4px;font-size:.6rem;font-weight:600;position:relative;overflow:hidden}.sandbox-tab svg{z-index:1;flex-shrink:0;position:relative;width:18px!important;height:18px!important}.sandbox-tab:hover{color:var(--sandbox-text);background:var(--sandbox-surface-light)}.sandbox-tab.active{color:var(--sandbox-accent)}.active-tab-bg{z-index:0;background:#8be9fd14;animation:4s ease-in-out infinite activePulse;position:absolute;inset:0}@keyframes activePulse{0%,to{opacity:.8}50%{opacity:1}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--sandbox-surface-strong);color:var(--sandbox-text);border:1px solid var(--sandbox-border);text-transform:none;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:9999;border-radius:4px;padding:5px 10px;font-size:.75rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:100%;transform:translateY(-50%)translate(10px);box-shadow:0 4px 12px #00000040}[data-tooltip]:before{content:"";border-style:solid;border-width:5px;border-color:transparent var(--sandbox-surface-strong) transparent transparent;opacity:0;visibility:hidden;z-index:9999;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:100%;transform:translateY(-50%)translate(5px)}[data-tooltip-pos=bottom]:after{top:100%;left:50%;transform:translate(-50%)translateY(10px)}[data-tooltip-pos=bottom]:before{border-color:transparent transparent var(--sandbox-surface-strong) transparent;top:100%;left:50%;transform:translate(-50%)translateY(5px)}[data-tooltip]:hover:after,[data-tooltip]:focus-within:after{opacity:1;visibility:visible;transform:translateY(-50%)translate(15px)}[data-tooltip-pos=bottom]:hover:after,[data-tooltip-pos=bottom]:focus-within:after{transform:translate(-50%)translateY(15px)}[data-tooltip]:hover:before,[data-tooltip]:focus-within:before{opacity:1;visibility:visible;transform:translateY(-50%)translate(5px)}[data-tooltip-pos=bottom]:hover:before,[data-tooltip-pos=bottom]:focus-within:before{transform:translate(-50%)translateY(10px)}@media (width<=640px){.sandbox-tab{flex:1;min-width:56px;height:100%;padding:0}.sandbox-tab span{display:none}[data-tooltip]:after,[data-tooltip]:before{display:none!important}}.info-panel-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--sandbox-border);z-index:1000;background:#1a1a26f2;flex-direction:column;width:320px;display:flex;position:absolute;top:0;bottom:0;left:100%;box-shadow:20px 0 50px #00000080}@media (width<=640px){.info-panel-overlay{border-right:none;border-top:1px solid var(--sandbox-border);width:100%;position:fixed;inset:0 0 56px;box-shadow:0 -10px 40px #00000080;transform:none!important}}.info-panel-header{border-bottom:1px solid var(--sandbox-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.info-panel-header h3{color:var(--sandbox-accent);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.9rem}.close-btn{color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;transition:color .2s}.close-btn:hover{color:var(--sandbox-text)}.info-panel-content{flex-direction:column;flex:1;gap:2rem;padding:1.5rem;display:flex;overflow-y:auto}.info-section h4{text-transform:uppercase;color:var(--sandbox-text);opacity:.8;align-items:center;gap:8px;margin:0 0 1rem;font-size:.75rem;display:flex}.info-section ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.info-section li{color:var(--sandbox-muted);font-size:.8rem;line-height:1.5}.info-section li strong{color:var(--sandbox-text)}.load-demo-btn{width:100%;color:var(--sandbox-accent);cursor:pointer;background:#8be9fd1a;border:1px solid #8be9fd33;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:1rem;padding:12px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.load-demo-btn:hover{background:#8be9fd33;transform:translateY(-2px);box-shadow:0 4px 12px #8be9fd26}.demo-preview-container{border:1px solid var(--sandbox-border);background:#0000004d;border-radius:8px;margin:1rem 0;overflow:hidden}.preview-header{border-bottom:1px solid var(--sandbox-border);color:var(--sandbox-muted);background:#ffffff0d;justify-content:space-between;align-items:center;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:.65rem;display:flex}.demo-preview-code{max-height:200px;color:var(--sandbox-muted);scrollbar-width:thin;background:0 0;margin:0;padding:12px;font-family:JetBrains Mono,monospace;font-size:.7rem;line-height:1.5;overflow-y:auto}.demo-preview-code::-webkit-scrollbar{width:4px}.demo-preview-code::-webkit-scrollbar-thumb{background:var(--sandbox-border);border-radius:2px}.shortcuts-grid{border:1px solid var(--sandbox-border);background:#0003;border-radius:8px;flex-direction:column;gap:12px;padding:1rem;display:flex}.shortcut-item{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.shortcut-item kbd{border:1px solid var(--sandbox-border);color:var(--sandbox-accent);background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.7rem;box-shadow:0 2px #0003}.shortcut-item span{color:var(--sandbox-muted)}.icon-zap{color:#ffb86c}.icon-copy{color:#bd93f9}.developer-section{border-top:1px solid var(--sandbox-border);margin-top:auto;padding-top:1rem}.github-link{color:var(--sandbox-accent);background:#7aa2f70d;border:1px solid #7aa2f71a;border-radius:8px;align-items:center;gap:10px;padding:12px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.github-link:hover{border-color:var(--sandbox-accent);color:#fff;background:#7aa2f71f;transform:translateY(-2px);box-shadow:0 4px 15px #7aa2f726}.github-link svg{opacity:.8}.trace-lifecycle-section{flex-direction:column;display:flex}.nuance-intro{color:var(--sandbox-muted);margin:0 0 1rem;font-size:.78rem;line-height:1.5}.nuance-intro code{color:var(--sandbox-accent);background:#ffffff0f;border-radius:4px;padding:1px 4px;font-family:JetBrains Mono,monospace;font-size:.75rem}.lifecycle-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.lifecycle-steps li{color:var(--sandbox-muted);font-size:.78rem;line-height:1.45}.lifecycle-steps li strong{color:var(--sandbox-text);font-weight:600}.lifecycle-steps li code{color:#50fa7b;background:#ffffff0d;border-radius:3px;padding:1px 3px;font-family:JetBrains Mono,monospace;font-size:.72rem}.saved-icon{color:#50fa7b;opacity:.7}.memory-pulse-container{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px;transition:all .3s;display:flex}.memory-pulse-container.collapsed{background:0 0;border:none;justify-content:center;padding:10px}.memory-pulse-dot{background:#bd93f9;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite memoryPulse;box-shadow:0 0 8px #bd93f999}.memory-pulse-text{font-family:var(--font-mono,monospace);color:var(--sandbox-cyan,#8be9fd);letter-spacing:.5px;font-size:.75rem;font-weight:600}@keyframes memoryPulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 #bd93f9b3}70%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 6px #bd93f900}to{opacity:1;transform:scale(1);box-shadow:0 0 #bd93f900}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editor-wrapper{--editor-font-size:14px;--editor-line-height:22px;--editor-padding-top:32px;--editor-padding-x:24px;--editor-padding-bottom:72px;background:var(--sandbox-bg);flex:1;display:flex;position:relative;overflow:hidden}@keyframes badge-fade-in{0%{opacity:0;transform:translateY(-50%)translate(-5px)}to{opacity:1;transform:translateY(-50%)translate(0)}}@media (width<=900px){.shortcut-hint:nth-child(n+3){display:none}}@media (width<=700px){.shortcut-hint{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (width<=1250px){.shortcut-hint:nth-child(n+5),.shortcut-hint:nth-child(n+5)+.footer-dot{display:none}}@media (width<=1100px){.footer-center{display:none}}@media (width<=640px){.footer-left{display:none}.editor-footer{justify-content:center;padding:0 12px}}@media (width<=1200px){.editor-container{border-bottom:1px solid #ffffff1a;border-right:none}}@keyframes pulse-save{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.8)}}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.console-container{background:var(--sandbox-surface-strong);flex-direction:column;height:100%;display:flex;overflow:hidden}.terminal-action-btn{width:28px;height:28px;color:var(--sandbox-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.terminal-action-btn:hover{color:var(--sandbox-text);background:#ffffff0d}.terminal-action-btn.stop-btn:hover{color:var(--sandbox-danger);background:#f7768e1a}.terminal-action-btn.clear-btn:hover{color:var(--sandbox-cyan)}.terminal-action-btn.copied{color:var(--sandbox-green)}.v-separator{background:var(--sandbox-border);opacity:.5;width:1px;height:14px;margin:0 4px}.console-output{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sandbox-border) transparent;flex-direction:column;flex:1;gap:2px;padding:.5rem .5rem 2.5rem 0;font-family:JetBrains Mono,monospace;font-size:14px;display:flex;overflow-y:auto}.console-output::-webkit-scrollbar{width:8px}.console-output::-webkit-scrollbar-track{background:0 0}.console-output::-webkit-scrollbar-thumb{background:var(--sandbox-border);background-clip:content-box;border:2px solid #0000;border-radius:10px}.console-output::-webkit-scrollbar-thumb:hover{background:var(--sandbox-muted);background-clip:content-box;border:2px solid #0000}.scroll-top-btn{background:var(--sandbox-surface-strong);border:1px solid var(--sandbox-border);color:var(--sandbox-muted);cursor:pointer;z-index:100;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:.7rem;transition:all .2s;display:flex;position:absolute;bottom:80px;right:20px;box-shadow:0 4px 12px #0000004d}.scroll-top-btn:hover{background:var(--sandbox-surface-light);color:var(--sandbox-cyan);border-color:var(--sandbox-cyan);transform:translateY(-2px)}.peak-memory-badge{color:var(--sandbox-cyan);letter-spacing:.5px;background:#8be9fd1a;border:1px solid #8be9fd33;border-radius:4px;margin-right:8px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700}.terminal-empty-state{opacity:.4;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex;position:relative;overflow:hidden}.empty-state-content{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex}.system-ready-dot{background:var(--sandbox-green);width:8px;height:8px;box-shadow:0 0 12px var(--sandbox-green);border-radius:50%;animation:2s infinite pulseGreen}.system-ready-text{text-transform:uppercase;letter-spacing:2px;color:var(--sandbox-text);font-size:.8rem;font-weight:700}.system-ready-sub{color:var(--sandbox-muted);margin:0;font-size:.7rem}.system-ready-sub kbd{background:#ffffff0d;border-radius:3px;padding:1px 4px;font-family:inherit}.terminal-watermark{color:#fff;opacity:.02;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:-4px;font-size:8rem;font-weight:900;position:absolute}@keyframes pulseGreen{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.console-header{background:var(--sandbox-surface-strong);border-bottom:1px solid var(--sandbox-border);justify-content:space-between;align-items:center;height:35px;padding:0 12px;display:flex}.console-header .header-left{align-items:center;gap:8px;display:flex}.console-header .terminal-title{text-transform:uppercase;color:var(--sandbox-accent);letter-spacing:.5px;font-size:11px;font-weight:700}.console-header .terminal-subtitle{color:var(--sandbox-muted);background:var(--sandbox-surface-light);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}@media (width<=640px){.console-header span:not(.peak-memory-badge){display:none}.header-left span{display:inline!important}.header-left span:first-child{display:none!important}.console-header{height:34px;padding:0 8px}.console-output{padding:.5rem .25rem}}.console-line{border-bottom:1px solid #ffffff05;border-radius:4px;align-items:flex-start;gap:8px;padding:6px 12px 6px 6px;transition:background .1s;display:flex;position:relative}.console-line:hover{background:var(--sandbox-surface-light)}.log-dot.pulse{animation:3s ease-in-out infinite subtlePulse}@keyframes subtlePulse{0%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.4;transform:scale(1)}}.line-icon{opacity:.7;flex-shrink:0;align-items:center;height:20px;margin-top:0;display:flex}.line-icon.log{color:var(--sandbox-accent);justify-content:center;align-items:center;height:20px;display:flex}.log-count-badge{color:#8be9fd;opacity:.6;font-size:.7rem;font-weight:700;font-family:var(--font-mono);align-items:center;height:100%;display:flex}.log-dot{opacity:.5;background:currentColor;border-radius:50%;width:4px;height:4px}.line-icon.error{color:var(--sandbox-danger)}.line-icon.network{color:#50fa7b}.line-content{flex-wrap:wrap;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.line-content pre{white-space:pre-wrap;word-break:break-all;color:var(--sandbox-text);margin:0}.line-meta{opacity:0;align-items:center;gap:8px;transition:opacity .2s;display:flex}.console-line:hover .line-meta{opacity:1}.source-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--sandbox-cyan-soft);color:var(--sandbox-cyan);border:1px solid var(--sandbox-cyan-soft);border-radius:3px;padding:1px 5px;font-size:.55rem;font-weight:600}.line-link-btn{color:var(--sandbox-accent);cursor:pointer;white-space:nowrap;background:#8be9fd1a;border:1px solid #8be9fd33;border-radius:4px;padding:1px 6px;font-size:.6rem;font-weight:700;transition:all .2s}.line-link-btn:hover{background:var(--sandbox-accent);color:#1a1b2e}.line-timestamp{color:var(--sandbox-muted);white-space:nowrap;font-size:.6rem}.log-copy-btn{color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:-2px;padding:4px;transition:all .2s;display:flex}.log-copy-btn:hover{background:var(--sandbox-surface-light);color:var(--sandbox-text)}.log-copy-btn.copied{color:var(--sandbox-green);background:var(--sandbox-green-soft)}.log-copy-btn svg{width:10px!important;height:10px!important}.console-line.command{background:#8be9fd0d}.line-icon.command{color:var(--sandbox-green)}.text-cmd{font-weight:500}.line-icon.result{color:#bd93f9}.line-icon.warn{color:#ffb86c}.line-icon.info{color:#8be9fd}.result-indicator{background:#bd93f9;border-radius:50%;width:4px;height:4px;margin-top:6px}.console-line.result{background:#bd93f914}.text-result{opacity:1;font-weight:600;color:#50fa7b!important}.console-line.warn{background:#ffb86c0d}.console-line.error{background:#ff55550d}.line-icon.result{color:#bd93f9;opacity:1}.table-log-group{flex-direction:column;gap:8px;width:100%;display:flex}.console-table-wrapper{background:#0003;border:1px solid #ffffff1a;border-radius:4px;max-width:100%;margin-top:4px;margin-bottom:4px;overflow-x:auto}.console-table{border-collapse:collapse;text-align:left;width:100%;font-size:.75rem}.console-table th{color:var(--sandbox-muted);background:#ffffff0d;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;padding:4px 8px;font-weight:600}.console-table td{white-space:nowrap;border-bottom:1px solid #ffffff0d;border-right:1px solid #ffffff1a;padding:4px 8px}.console-table tr:last-child td{border-bottom:none}.console-table th:last-child,.console-table td:last-child{border-right:none}.table-index{color:var(--sandbox-muted);text-align:center;background:#ffffff05;width:40px}.console-table td.string{color:#f1fa8c}.console-table td.number{color:#bd93f9}.console-table td.boolean{color:#ff79c6}.console-table td.object{color:#8be9fd}.multi-log-content{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.log-item{align-items:center;display:flex}.log-string{color:var(--sandbox-text);white-space:pre-wrap}.log-value{color:var(--token-number);font-weight:500}.console-line.result .log-value{color:#50fa7b;font-weight:600}.terminal-error-card{width:100%;font-family:var(--font-mono);align-items:center;margin:0;animation:.2s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.error-message{color:#f55;font-size:.85rem;font-weight:600;line-height:1.4}.error-line-info{color:#ffb86c;background:#ffb86c1a;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:.75rem;font-weight:700}.repl-container{background:var(--sandbox-surface-strong);border-top:1px solid var(--sandbox-border);box-sizing:border-box;align-items:flex-start;gap:8px;min-height:48px;padding:8px 12px;transition:all .3s;display:flex}.repl-container.focused{background:var(--sandbox-surface);border-top-color:var(--sandbox-accent);z-index:2;position:relative;box-shadow:0 -4px 20px #0003}.repl-prompt{color:var(--sandbox-cyan);opacity:.7;flex-shrink:0;justify-content:center;align-items:flex-start;width:20px;padding-top:8px;font-family:JetBrains Mono,monospace;font-weight:800;transition:all .3s;display:flex}.repl-input{border:1px solid var(--sandbox-border);color:var(--sandbox-text);resize:none;background:#0003;border-radius:6px;outline:none;flex:1;min-height:34px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.5;transition:border-color .2s;overflow:hidden}.repl-container.focused .repl-input{border-color:var(--sandbox-accent)}.repl-input::placeholder{color:var(--sandbox-muted);opacity:.5}.console-welcome{border-bottom:1px solid var(--sandbox-border);background:#8be9fd08;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.welcome-title{color:var(--sandbox-accent);text-transform:uppercase;letter-spacing:.8px;font-size:.7rem;font-weight:800}.welcome-subtitle{color:var(--sandbox-muted);opacity:.7;font-size:.65rem;font-style:italic}.repl-suggestions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--sandbox-border);z-index:1000;background:#1f2335f2;border-radius:10px;max-height:280px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:40px;right:12px;overflow-y:auto;box-shadow:0 10px 40px #00000080}.repl-suggestion-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .2s;display:flex}.repl-suggestion-item:hover,.repl-suggestion-item.selected{color:var(--sandbox-accent);background:#7aa2f726}.suggestion-icon{width:16px;height:16px;color:var(--sandbox-accent);text-transform:uppercase;background:#7aa2f733;border-radius:4px;justify-content:center;align-items:center;font-size:.6rem;font-weight:800;display:flex}.suggestion-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.json-node{margin-left:2px;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.6}.json-summary{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;align-items:flex-start;gap:6px;width:fit-content;padding:1px 4px;transition:background .2s;display:flex}.json-summary:hover:not(.empty){background:#ffffff0d}.json-summary.empty{cursor:default}.json-toggle{color:var(--sandbox-muted);justify-content:center;align-items:center;width:14px;height:14px;margin-top:4px;transition:transform .2s;display:flex}.json-bracket,.json-separator{color:#565f89}.json-placeholder{color:#565f89;opacity:.8;padding:0 4px;font-size:.75rem}.json-value.undefined,.json-value.null{color:#565f89;font-style:italic}.json-circular{color:#f7768e;opacity:.8;font-size:.75rem;font-style:italic}.json-content{border-left:1px dashed #ffffff0d;margin-left:6px;padding-left:12px;overflow:hidden}.json-closing-bracket{color:var(--sandbox-muted);padding-left:20px}.json-row{align-items:baseline;gap:4px;padding:1px 4px;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.6;display:flex}.json-inline-array{flex-wrap:wrap}.json-inline-value{color:var(--token-number,#e0af68);word-break:break-all;font-family:JetBrains Mono,monospace;font-size:.82rem}.notes-view{background:var(--sandbox-bg);flex-direction:column;height:100%;display:flex;position:relative}.notes-content{background:0 0;flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.notes-textarea::-webkit-scrollbar{width:6px}.markdown-preview::-webkit-scrollbar{width:6px}.notes-textarea::-webkit-scrollbar-track{background:0 0}.markdown-preview::-webkit-scrollbar-track{background:0 0}.notes-textarea::-webkit-scrollbar-thumb{background:var(--sandbox-border);border-radius:10px}.markdown-preview::-webkit-scrollbar-thumb{background:var(--sandbox-border);border-radius:10px}.notes-textarea::-webkit-scrollbar-thumb:hover{background:var(--sandbox-accent)}.markdown-preview::-webkit-scrollbar-thumb:hover{background:var(--sandbox-accent)}.notes-header{background:var(--sandbox-surface);border-bottom:1px solid var(--sandbox-border);z-index:10;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.notes-title h3{color:var(--sandbox-text);letter-spacing:.02em;opacity:.8;margin:0;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600}.notes-actions{align-items:center;gap:16px;display:flex}.mode-toggle{border:1px solid var(--sandbox-border);background:#0003;border-radius:8px;padding:3px;display:flex}.mode-toggle button{color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.mode-toggle button:hover:not(.active){color:var(--sandbox-text);background:#ffffff0d}.mode-toggle button.active{background:var(--sandbox-accent);color:#000;box-shadow:0 0 12px #10b98166}.mode-toggle button span{display:none}@media (width>=640px){.mode-toggle button span{display:inline}}.divider{background:var(--sandbox-border);opacity:.5;width:1px;height:24px}.clear-btn{color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.clear-btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important}.clear-btn:hover:not(:disabled){color:#ff4d4d;background:#ff4d4d1a;transform:scale(1.05)}.notes-textarea{color:var(--sandbox-text);resize:none;background:0 0;border:none;outline:none;flex:1;padding:2.5rem 3rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;line-height:1.8;transition:opacity .2s;overflow-y:auto}.notes-textarea::placeholder{color:var(--sandbox-muted);opacity:.5}.markdown-preview{color:var(--sandbox-text);flex:1;padding:3rem 4rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;line-height:1.8;overflow-y:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:var(--sandbox-accent);margin-top:1.5em;margin-bottom:.75em;font-family:Outfit,sans-serif;font-weight:600}.markdown-preview h1{border-bottom:1px solid var(--sandbox-border);padding-bottom:.4em;font-size:2rem}.markdown-preview h2{font-size:1.5rem}.markdown-preview h3{font-size:1.25rem}.markdown-preview p{margin-bottom:1.2em}.markdown-preview ul,.markdown-preview ol{margin-bottom:1.5em;padding-left:2em}.markdown-preview li{margin-bottom:.5em}.markdown-preview code{color:var(--sandbox-accent);background:#10b9811a;border-radius:4px;padding:.2em .4em;font-family:JetBrains Mono,monospace;font-size:.9em}.markdown-preview pre{border:1px solid var(--sandbox-border);background:#0000004d;border-radius:12px;margin-bottom:1.5em;padding:1.5rem;overflow-x:auto}.markdown-preview pre code{color:var(--sandbox-text);background:0 0;padding:0}.preview-code-wrapper{display:block;position:relative}.preview-copy-btn{color:var(--sandbox-muted);cursor:pointer;z-index:10;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.preview-copy-btn:hover{color:var(--sandbox-accent);background:#ffffff1a;transform:translateY(-1px)}.markdown-preview a{color:var(--sandbox-accent);border-bottom:1px solid #10b9814d;text-decoration:none;transition:all .2s}.markdown-preview a:hover{border-bottom-color:var(--sandbox-accent);background:#10b9810d}.markdown-preview blockquote{border-left:4px solid var(--sandbox-accent);color:var(--sandbox-muted);background:#ffffff05;border-radius:0 8px 8px 0;margin:0 0 1.5em;padding:.5rem 0 .5rem 1.5rem;font-style:italic}.preview-empty{height:100%;color:var(--sandbox-muted);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.empty-icon{filter:drop-shadow(0 0 15px #10b9814d);font-size:3.5rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.preview-empty p{opacity:.7;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:500}.ast-viewer-card{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 16px #0003}.ast-viewer-embedded{flex-direction:column;width:100%;display:flex}.ast-viewer-header{border:1px solid var(--sandbox-border);background:#0003;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:8px 14px;display:flex}.ast-viewer-card .ast-viewer-header{border-top:none;border-left:none;border-right:none;border-radius:0;margin-bottom:0}.ast-viewer-title-group{align-items:center;gap:8px;display:flex}.ast-title-icon{color:var(--sandbox-cyan,#38bdf8)}.ast-viewer-title{color:var(--sandbox-text);margin:0;font-size:.82rem;font-weight:600}.ast-root-badge{font-size:.7rem;font-family:var(--font-mono,monospace);color:var(--sandbox-cyan,#38bdf8);text-overflow:ellipsis;white-space:nowrap;background:#38bdf826;border:1px solid #38bdf84d;border-radius:6px;max-width:250px;padding:2px 8px;overflow:hidden}.ast-viewer-controls{align-items:center;gap:8px;display:flex}.ast-view-toggle{border:1px solid var(--sandbox-border);background:#0000004d;border-radius:6px;padding:2px;display:flex}.ast-toggle-btn{align-items:center;gap:4px;display:flex;border-radius:4px!important;padding:4px 8px!important;font-size:.72rem!important}.ast-ctrl-btn{align-items:center;gap:5px;display:flex;border-radius:6px!important;padding:4px 10px!important;font-size:.72rem!important}.ast-viewer-content{min-height:200px;font-family:var(--font-mono,"JetBrains Mono", Consolas, monospace);padding:10px 12px;overflow-x:auto}.ast-tree-container{flex-direction:column;gap:2px;display:flex}.ast-tree-node{flex-direction:column;display:flex}.ast-node-row{-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:4px 8px;transition:background .15s;display:inline-flex}.ast-node-row:hover{background:#ffffff0d}.ast-node-row.clickable{cursor:pointer}.ast-node-connector-space{flex-shrink:0;justify-content:center;align-items:center;width:22px;display:flex}.ast-toggle-arrow{color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.ast-toggle-arrow:hover{color:var(--sandbox-text);background:#ffffff1a;transform:scale(1.15)}.ast-leaf-bullet{color:var(--sandbox-muted);opacity:.6;font-size:.75rem}.ast-node-icon{color:var(--sandbox-muted);align-items:center;font-size:.85rem;display:inline-flex}.ast-icon-svg{color:var(--sandbox-muted)}.ast-node-label{color:var(--sandbox-text);font-size:.82rem;font-weight:600}.ast-node-separator{color:var(--sandbox-muted);opacity:.5;margin:0 4px}.ast-node-value{color:var(--sandbox-cyan,#38bdf8);word-break:break-all;background:#38bdf814;border-radius:4px;padding:1px 6px;font-size:.82rem}.ast-type-protocol{color:var(--sandbox-green,#34d399);background:#34d39914}.ast-type-subdomain{color:var(--sandbox-pink,#f472b6);background:#f472b614}.ast-type-domain{color:var(--sandbox-cyan,#38bdf8)}.ast-type-port{color:var(--sandbox-orange,#fb923c);background:#fb923c14}.ast-type-claim{color:var(--sandbox-yellow,#fbbf24)}.ast-type-signature{color:var(--sandbox-purple,#a78bfa)}.ast-node-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:600}.ast-badge-default{color:var(--sandbox-muted);background:#ffffff14}.ast-badge-success{color:var(--sandbox-green,#34d399);background:#34d39926;border:1px solid #34d3994d}.ast-badge-warning{color:var(--sandbox-orange,#fb923c);background:#fb923c26;border:1px solid #fb923c4d}.ast-badge-danger{color:var(--sandbox-danger,#fb7185);background:#fb718526;border:1px solid #fb71854d}.ast-badge-info{color:var(--sandbox-cyan,#38bdf8);background:#38bdf826;border:1px solid #38bdf84d}.ast-badge-accent{color:var(--sandbox-purple,#a78bfa);background:#a78bfa26;border:1px solid #a78bfa4d}.ast-nested-jwt-btn{color:var(--sandbox-orange,#fb923c);cursor:pointer;background:#fb923c33;border:1px solid #fb923c66;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.ast-nested-jwt-btn:hover{background:#fb923c59;transform:translateY(-1px)}.ast-node-actions{opacity:0;align-items:center;margin-left:6px;transition:opacity .15s;display:flex}.ast-node-row:hover .ast-node-actions{opacity:1}.ast-copy-node-btn{color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;display:flex}.ast-copy-node-btn:hover{color:var(--sandbox-text);background:#ffffff1a}.ast-children-container{margin-left:11px;padding-left:20px;display:flex;position:relative}.ast-guide-line{background:var(--sandbox-border);opacity:.5;width:1px;position:absolute;top:0;bottom:8px;left:0}.ast-children-list{flex-direction:column;gap:2px;width:100%;display:flex}.ast-ascii-container{color:var(--sandbox-text);background:#00000040;border-radius:6px;margin:0;padding:12px;font-size:.8rem;line-height:1.5;overflow-x:auto}.notes-tool-tabs{border:1px solid var(--sandbox-border);background:#00000040;border-radius:8px;align-items:center;gap:4px;padding:3px;display:flex}.notes-tool-tab{align-items:center;gap:6px;display:flex;color:var(--sandbox-muted)!important;border:none!important;border-radius:6px!important;padding:5px 12px!important;font-size:.78rem!important;font-weight:600!important;transition:all .2s!important}.notes-tool-tab:hover:not(.active){color:var(--sandbox-text)!important;background:#ffffff0d!important}.notes-tool-tab.active{box-shadow:0 0 10px #2563eb66;background:var(--sandbox-accent)!important;color:#fff!important}.url-inspector-container,.jwt-inspector-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:16px 20px;display:flex}.inspector-grid-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;width:100%;display:grid}@media (width<=960px){.inspector-grid-layout{grid-template-columns:1fr}}.inspector-panel-card{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);border-radius:10px;flex-direction:column;min-height:480px;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000026}.inspector-panel-header{background:var(--sandbox-surface-strong,#0003);border-bottom:1px solid var(--sandbox-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:50px;padding:0 16px;display:flex}.inspector-panel-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.inspector-label-group{align-items:center;gap:8px;display:flex}.inspector-accent-icon{color:var(--sandbox-accent)}.inspector-label{color:var(--sandbox-text);letter-spacing:.02em;font-size:.8rem;font-weight:600}.presets-dropdown-wrapper{border:1px solid var(--sandbox-border);background:#0003;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;display:flex}.presets-icon{color:var(--sandbox-yellow,#fbbf24)}.inspector-presets-select{color:var(--sandbox-text);cursor:pointer;background:0 0;border:none;outline:none;font-size:.75rem}.inspector-presets-select option{background:var(--sandbox-surface-strong,#121a2e);color:var(--sandbox-text)}.inspector-input-row{align-items:flex-start;gap:8px;display:flex}.inspector-tab-buttons{gap:4px;display:flex}.inspector-view-tab{padding:5px 10px!important;font-size:.78rem!important;font-weight:600!important}.inspector-quick-actions{align-items:center;gap:6px;display:flex}.quick-action-btn{align-items:center;gap:4px;display:flex;font-size:.72rem!important}.detected-structures-bar{border-bottom:1px solid var(--sandbox-border);background:#0003;align-items:center;gap:8px;padding:8px 24px;display:flex;overflow-x:auto}.detected-label{color:var(--sandbox-muted);white-space:nowrap;font-size:.72rem;font-weight:600}.detected-chip{border:1px solid var(--sandbox-border);color:var(--sandbox-text);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.detected-chip:hover{background:var(--sandbox-accent);color:#fff;border-color:var(--sandbox-accent)}.detected-chip.detected-url{border-color:#38bdf84d}.detected-chip.detected-jwt{border-color:#fb923c4d}.inspector-text-input{border:1px solid var(--sandbox-border);color:var(--sandbox-text);font-family:var(--font-mono,monospace);background:#00000040;border-radius:6px;outline:none;flex:1;padding:10px 14px;font-size:.85rem;transition:border-color .2s}.inspector-text-input:focus{border-color:var(--sandbox-accent)}.url-chips-row{flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.url-chip{font-family:var(--font-mono,monospace);border:1px solid var(--sandbox-border);color:var(--sandbox-text);background:#ffffff0d;border-radius:5px;padding:3px 8px;font-size:.72rem}.chip-key{color:var(--sandbox-muted);margin-right:2px}.chip-protocol{color:var(--sandbox-green,#34d399);border-color:#34d3994d}.chip-subdomain{color:var(--sandbox-pink,#f472b6);border-color:#f472b64d}.chip-domain{color:var(--sandbox-cyan,#38bdf8);border-color:#38bdf84d}.chip-port{color:var(--sandbox-orange,#fb923c);border-color:#fb923c4d}.chip-hash{color:var(--sandbox-purple,#a78bfa);border-color:#a78bfa4d}.embedded-token-banner{background:#fb923c1a;border:1px solid #fb923c4d;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.embedded-token-info{color:var(--sandbox-orange,#fb923c);align-items:center;gap:8px;display:flex}.token-pulse-dot{background:var(--sandbox-orange,#fb923c);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}.embedded-token-action-btn{align-items:center;gap:6px;display:flex;background:var(--sandbox-orange,#fb923c)!important;color:#000!important;font-size:.75rem!important;font-weight:600!important}.query-builder-card{flex-direction:column;gap:12px;display:flex}.query-builder-header{justify-content:space-between;align-items:center;display:flex}.builder-title{color:var(--sandbox-text);margin:0;font-size:.82rem;font-weight:600}.add-param-btn{align-items:center;gap:6px;display:flex;font-size:.75rem!important}.query-empty-state{text-align:center;padding:24px}.query-params-table{flex-direction:column;gap:8px;display:flex}.params-table-header{color:var(--sandbox-muted);text-transform:uppercase;grid-template-columns:1fr 2fr 70px;gap:10px;padding:0 4px;font-size:.72rem;font-weight:600;display:grid}.params-table-row{grid-template-columns:1fr 2fr 70px;align-items:center;gap:10px;display:grid}.param-input{border:1px solid var(--sandbox-border);color:var(--sandbox-text);font-family:var(--font-mono,monospace);background:#00000040;border-radius:6px;outline:none;padding:6px 10px;font-size:.8rem}.param-input:focus{border-color:var(--sandbox-accent)}.param-row-actions{align-items:center;gap:4px;display:flex}.param-jwt-btn{color:var(--sandbox-orange,#fb923c)!important;padding:4px!important}.param-del-btn{color:var(--sandbox-muted)!important;padding:4px!important}.param-del-btn:hover{color:var(--sandbox-danger)!important}.jwt-text-textarea{border:1px solid var(--sandbox-border);color:var(--sandbox-text);font-family:var(--font-mono,monospace);resize:vertical;background:#00000040;border-radius:6px;outline:none;flex:1;min-height:180px;max-height:380px;padding:12px 14px;font-size:.82rem;line-height:1.5;transition:border-color .2s;overflow-y:auto}.jwt-text-textarea:focus{border-color:var(--sandbox-accent)}.jwt-bearer-notice{background:#38bdf814;border:1px solid #38bdf840;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.78rem;display:flex}.bearer-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.03em;background:#38bdf833;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.bearer-text{color:var(--sandbox-text-muted,#94a3b8);flex:1;font-size:.75rem}.bearer-clean-btn{color:#38bdf8!important;border:1px solid #38bdf84d!important;height:24px!important;padding:2px 8px!important;font-size:.72rem!important}.bearer-clean-btn:hover{background:#38bdf826!important}.jwt-input-action-col{flex-direction:column;gap:4px;display:flex}.jwt-segmented-preview{font-family:var(--font-mono,monospace);border:1px solid var(--sandbox-border);word-break:break-all;background:#00000040;border-radius:6px;flex-wrap:wrap;align-items:center;padding:8px 12px;font-size:.75rem;display:flex}.segment-header{color:#fb7185;background:#fb71851a;border-radius:3px;padding:2px 4px}.segment-payload{color:#c084fc;background:#c084fc1a;border-radius:3px;padding:2px 4px}.segment-signature{color:#38bdf8;background:#38bdf81a;border-radius:3px;padding:2px 4px}.jwt-segment-dot{color:var(--sandbox-muted);padding:0 2px;font-weight:700}.jwt-status-banner{border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;display:flex}.status-expired{color:var(--sandbox-danger,#fb7185);background:#fb71851f;border:1px solid #fb71854d}.status-valid{color:var(--sandbox-green,#34d399);background:#34d3991f;border:1px solid #34d3994d}.status-info{color:var(--sandbox-cyan,#38bdf8);background:#38bdf81f;border:1px solid #38bdf84d}.status-warning{color:var(--sandbox-orange,#fb923c);background:#fb923c1f;border:1px solid #fb923c4d}.jwt-status-left{align-items:center;gap:8px;font-weight:600;display:flex}.jwt-status-right{color:var(--sandbox-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.jwt-live-countdown{font-variant-numeric:tabular-nums;font-family:var(--font-mono,monospace);font-size:.78rem}.claims-table-card{border:1px solid var(--sandbox-border);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.claims-table-header{border-bottom:1px solid var(--sandbox-border);color:var(--sandbox-muted);text-transform:uppercase;background:#0003;grid-template-columns:100px 160px 1fr;gap:12px;padding:8px 14px;font-size:.72rem;font-weight:600;display:grid}.claims-table-body{flex-direction:column;display:flex}.claims-table-row{border-bottom:1px solid #ffffff0d;grid-template-columns:100px 160px 1fr;align-items:center;gap:12px;padding:8px 14px;font-size:.8rem;display:grid}.claim-key-tag{font-family:var(--font-mono,monospace);color:var(--sandbox-yellow,#fbbf24);background:#fbbf241a;border-radius:4px;width:fit-content;padding:2px 6px;font-weight:600}.claim-desc{color:var(--sandbox-muted);font-size:.75rem}.claim-val{font-family:var(--font-mono,monospace);color:var(--sandbox-text);word-break:break-all}.val-expired{color:var(--sandbox-danger,#fb7185)}.val-valid{color:var(--sandbox-green,#34d399)}.jwt-json-split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sig-box{grid-column:1/-1}.json-box{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.json-box-header{border-bottom:1px solid var(--sandbox-border);color:var(--sandbox-text);background:#0003;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.72rem;font-weight:600;display:flex}.json-pre{font-family:var(--font-mono,monospace);color:var(--sandbox-text);margin:0;padding:10px 14px;font-size:.78rem;overflow-x:auto}.signature-pre{color:var(--sandbox-cyan,#38bdf8);word-break:break-all;white-space:normal}.snippet-viewer-card{border:1px solid var(--sandbox-border);background:#0003;border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.snippet-viewer-header{border-bottom:1px solid var(--sandbox-border);background:#0003;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px 6px 8px;display:flex}.snippet-tabs{flex-wrap:wrap;gap:2px;display:flex}.snippet-tab-btn{align-items:center;gap:5px;display:flex;border-radius:5px!important;padding:4px 10px!important;font-size:.75rem!important}.snippet-copy-btn{flex-shrink:0}.snippet-code-block{font-family:var(--font-mono,"JetBrains Mono", Consolas, monospace);color:var(--sandbox-text);white-space:pre;flex:1;margin:0;padding:14px 16px;font-size:.8rem;line-height:1.6;overflow-x:auto}.curl-inspector-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:16px 20px;display:flex}.curl-textarea{min-height:120px!important;max-height:320px!important}.curl-summary-strip{border:1px solid var(--sandbox-border);background:#0003;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;display:flex;overflow:hidden}.curl-method-badge{font-size:.7rem;font-weight:700;font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;flex-shrink:0;padding:2px 8px}.method-get{color:var(--sandbox-green,#34d399);background:#34d39933;border:1px solid #34d39966}.method-post{color:var(--sandbox-cyan,#38bdf8);background:#38bdf833;border:1px solid #38bdf866}.method-delete{color:var(--sandbox-danger,#fb7185);background:#fb718533;border:1px solid #fb718566}.method-other{color:var(--sandbox-orange,#fb923c);background:#fb923c33;border:1px solid #fb923c66}.curl-url-preview{font-family:var(--font-mono,monospace);color:var(--sandbox-text);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.78rem;overflow:hidden}.curl-error-card{background:#fb718514;border:1px solid #fb718540;border-radius:6px;padding:10px 12px}.curl-error-text{color:var(--sandbox-danger,#fb7185);margin:0;font-size:.78rem}.curl-headers-table-header{grid-template-columns:180px 1fr!important}.curl-header-row{align-items:center;grid-template-columns:180px 1fr!important}.curl-header-key{word-break:break-all}.curl-header-value-cell{align-items:center;gap:8px;min-width:0;display:flex}.curl-header-val{word-break:break-all;flex:1;min-width:0;font-size:.78rem}.curl-open-jwt-btn{flex-shrink:0;align-items:center;gap:4px;display:flex;color:var(--sandbox-orange,#fb923c)!important;border:1px solid #fb923c66!important;border-radius:4px!important;padding:2px 6px!important;font-size:.7rem!important}.curl-open-jwt-btn:hover{background:#fb923c26!important}.curl-empty-label{color:var(--sandbox-muted);text-align:center;margin:16px 0;font-size:.78rem}.curl-body-view{border:1px solid var(--sandbox-border);background:#0003;border-radius:6px;overflow:auto}.curl-body-raw{color:var(--sandbox-cyan,#38bdf8)}.token-key-label{color:var(--sandbox-orange,#fb923c);font-size:.78rem}.sandbox-error-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.sandbox-error-content{background:#141414cc;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:1.5rem;max-width:500px;padding:2rem;display:flex}.error-header{align-items:center;gap:.75rem;display:flex}.error-header h3{color:#fff;margin:0;font-size:1.25rem}.text-error{color:#ef4444}.sandbox-error-content p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.error-details{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;padding:1rem}.error-details code{color:#f87171;word-break:break-all;font-family:JetBrains Mono,monospace;font-size:.85rem}.error-actions{gap:1rem;display:flex}.error-actions button{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-reload{color:#000;background:#fff;border:none}.btn-soft-reset{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.btn-reload:hover{background:#f3f4f6;transform:translateY(-2px)}.btn-soft-reset:hover{background:#ffffff1a;transform:translateY(-2px)}.system-notice-banner{z-index:1500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffab00;background:#ffab0026;border:1px solid #ffab004d;border-radius:8px;align-items:center;gap:.75rem;width:max-content;max-width:80%;margin:0 auto;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:flex;position:fixed;top:.75rem;left:0;right:0;box-shadow:0 8px 32px #0006}.notice-content{align-items:center;gap:.75rem;display:flex}.notice-icon{font-size:1.125rem}.notice-close{color:#ffab0099;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.notice-close:hover{color:#ffab00;background:#ffab0033}.settings-panel{max-width:800px;margin:0 auto;padding:2rem}.settings-group{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:2.5rem;padding:1.5rem}.settings-group h3{text-transform:uppercase;letter-spacing:.1em;color:var(--sandbox-cyan,#8be9fd);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.setting-item{flex-direction:column;gap:1rem;display:flex}.setting-label{color:#f8f8f2;justify-content:space-between;align-items:center;font-weight:500;display:flex}.setting-value{color:var(--sandbox-purple,#bd93f9);font-family:var(--font-mono,monospace);font-size:1rem;font-weight:600}.setting-input{appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px;margin:1rem 0}.setting-input::-webkit-slider-thumb{appearance:none;background:var(--sandbox-purple,#bd93f9);cursor:pointer;border:3px solid #282a36;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 0 10px #bd93f966}.setting-input::-webkit-slider-thumb:hover{background:#ff79c6;transform:scale(1.2)}.setting-hint{color:#f8f8f280;font-size:.8125rem;line-height:1.5}.playground-container ::-webkit-scrollbar{width:6px;height:6px}.playground-container ::-webkit-scrollbar-track{background:0 0}.playground-container ::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px;transition:all .3s}.playground-container ::-webkit-scrollbar-thumb:hover{background:var(--sandbox-cyan);box-shadow:0 0 10px var(--sandbox-cyan)}.playground-container *{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}.playground-container ::selection{color:inherit;background:#ff79c640}.playground-container ::selection{color:inherit;background:#ff79c640}code[class*=language-],pre[class*=language-]{color:var(--sandbox-text);text-shadow:none;text-align:left;background:0 0;white-space:pre!important;word-spacing:normal!important;word-break:normal!important;word-wrap:normal!important;letter-spacing:0!important;font-variant-ligatures:none!important;font-feature-settings:"liga" 0, "calt" 0!important;tab-size:2!important;-webkit-hyphens:none!important;hyphens:none!important;text-rendering:optimizelegibility!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important;margin:0!important;font-family:JetBrains Mono,Menlo,ui-monospace,SFMono-Regular,Monaco,Consolas,monospace!important;font-size:14px!important;font-weight:400!important;line-height:22px!important}code[class*=language-]{padding:0!important}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:var(--token-keyword)}.token.boolean,.token.number{color:var(--token-number)}.token.builtin{color:var(--sandbox-cyan)}.token.attr-name,.token.string,.token.char,.token.inserted{color:var(--token-string)}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:var(--token-function)}.token.keyword{color:var(--token-keyword)}.token.regex,.token.important,.token.variable,.token.parameter{color:var(--token-variable)}.token.function.builtin{color:var(--sandbox-cyan)}.token.builtin.setTimeout,.token.builtin.setInterval,.token.builtin.clearTimeout,.token.builtin.clearInterval,.token.builtin.Error,.token.builtin.TypeError,.token.builtin.RangeError{color:var(--sandbox-danger)}.token.builtin.Promise,.token.builtin.fetch{color:var(--sandbox-purple)}.editor-container{border-right:1px solid var(--sandbox-border);flex-direction:column;min-width:0;display:flex;overflow:hidden}.editor-header{background:var(--sandbox-surface);border-bottom:1px solid var(--sandbox-border);height:38px;color:var(--sandbox-accent);z-index:10;justify-content:space-between;align-items:center;padding:0 16px 0 0;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex;position:relative;overflow:visible}.file-info{background:var(--sandbox-surface-strong);border-right:1px solid var(--sandbox-border);align-items:center;gap:8px;height:100%;padding:0 12px;transition:background .2s;display:flex;position:relative}.file-info.clickable{cursor:pointer}.file-info.clickable:hover{background:var(--sandbox-surface-light)}.js-icon,.ts-icon{border-radius:2px;flex-shrink:0;padding:1px 3px;font-size:.6rem;font-weight:900;line-height:1}.js-icon{color:#000;background:#f7df1e}.ts-icon{color:#fff;background:#3178c6}.editor-actions{align-items:center;gap:12px;margin-right:8px;display:flex}.editor-actions button{color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:all .2s;display:flex}.editor-actions button:hover{color:var(--sandbox-accent);background:var(--sandbox-surface-light)}.zen-btn{border:1px solid #0000!important;border-radius:4px!important;padding:3px 5px!important;transition:all .2s!important}.zen-btn:hover,.zen-btn.active{color:var(--sandbox-cyan)!important;background:#8be9fd14!important;border-color:#8be9fd66!important}.heatmap-btn{border:1px solid #0000!important;border-radius:4px!important;padding:3px 5px!important;transition:all .2s!important}.heatmap-btn:hover,.heatmap-btn.active{color:#f1c40f!important;background:#f1c40f14!important;border-color:#f1c40f66!important}.run-btn-group{align-items:center;gap:4px;display:flex}.debug-btn{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;color:var(--sandbox-cyan)!important;background:#8be9fd1a!important;border:1px solid #8be9fd40!important;gap:4px!important}.debug-btn:hover:not(:disabled){transform:translateY(-1px);background:#8be9fd33!important;border-color:#8be9fd73!important}.debug-btn:disabled{opacity:.4;cursor:not-allowed}.run-btn{border-radius:8px;justify-content:center;align-items:center;min-width:65px;padding:5px 16px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #50fa7b1a;color:#50fa7b!important;background:#50fa7b26!important;border:1px solid #50fa7b4d!important;gap:5px!important}.run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #50fa7b33;background:#50fa7b40!important;border-color:#50fa7b80!important}.run-btn:active:not(:disabled){transform:translateY(0)}.run-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.run-btn.running{animation:1.5s infinite pulse;color:#50fa7b!important;cursor:wait!important;background:#50fa7b1a!important;border-color:#50fa7b4d!important}.animate-spin{animation:1s linear infinite spin}.editor-wrapper{background:var(--sandbox-bg);flex:1;display:flex;position:relative;overflow:hidden}.editor-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}::-webkit-scrollbar-thumb{border:2px solid var(--sandbox-surface);background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--sandbox-accent);box-shadow:0 0 10px var(--sandbox-accent)}.variable-hover-tooltip{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--sandbox-accent);pointer-events:none;background:#1e2233f2;border-radius:8px;min-width:140px;max-width:400px;padding:8px 12px;font-family:JetBrains Mono,monospace;animation:.15s cubic-bezier(.4,0,.2,1) tooltipFadeIn;position:fixed;box-shadow:0 8px 32px #00000080}.tooltip-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding-bottom:4px;display:flex}.tooltip-word{color:var(--sandbox-accent);font-size:13px;font-weight:700}.tooltip-type{color:var(--sandbox-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.tooltip-value{color:var(--sandbox-text);white-space:pre-wrap;word-break:break-all;max-height:200px;font-size:12px;overflow-y:auto}.animate-spin{animation:1s linear infinite spin;display:inline-block}.editor-wrapper{--editor-font-size:14px;--editor-line-height:22px;--editor-padding-top:32px;--editor-padding-x:24px;--editor-padding-bottom:72px;background:var(--sandbox-bg);flex:1;display:flex;position:relative;overflow:hidden}.textarea-container{background:0 0;flex:1;height:100%;position:relative;overflow:hidden}.code-textarea,.code-highlight{width:100%;height:100%;position:absolute;top:0;left:0;padding:var(--editor-padding-top) var(--editor-padding-x) var(--editor-padding-bottom) var(--editor-padding-x)!important;font-family:JetBrains Mono,Menlo,ui-monospace,SFMono-Regular,Monaco,Consolas,monospace!important;font-size:var(--editor-font-size)!important;line-height:var(--editor-line-height)!important;letter-spacing:0!important;font-variant-ligatures:none!important;font-feature-settings:"liga" 0, "calt" 0!important;tab-size:2!important;white-space:pre!important;word-spacing:normal!important;word-break:normal!important;word-wrap:normal!important;overflow-wrap:normal!important;box-sizing:border-box!important;scrollbar-gutter:stable!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important;-webkit-hyphens:none!important;hyphens:none!important;font-synthesis:none!important;border:0 solid #0000!important;outline:none!important;margin:0!important;font-weight:400!important;overflow:auto!important}.code-textarea{caret-color:var(--sandbox-cyan);resize:none;z-index:2;color:#0000!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;vertical-align:top!important;box-shadow:none!important;appearance:none!important;line-height:var(--editor-line-height)!important;background:0 0!important;display:block!important}.code-textarea::-webkit-scrollbar{width:8px;height:8px}.code-textarea::-webkit-scrollbar-track{background:#0003;border-radius:4px}.code-textarea::-webkit-scrollbar-thumb{background:var(--sandbox-border);background-clip:padding-box;border:2px solid #0000;border-radius:4px}.code-highlight{pointer-events:none;z-index:1;color:var(--sandbox-text);scrollbar-width:none;scrollbar-gutter:stable!important;vertical-align:top!important;background:0 0!important;display:block!important;overflow:auto!important}.code-highlight::-webkit-scrollbar{width:8px;height:8px}.code-highlight::-webkit-scrollbar-track{background:0 0!important}.code-highlight::-webkit-scrollbar-thumb{background:0 0!important}.code-highlight code{display:block;font-family:inherit!important;font-size:inherit!important;line-height:var(--editor-line-height)!important;font-weight:inherit!important;font-style:inherit!important;letter-spacing:inherit!important;font-variant-ligatures:inherit!important;font-feature-settings:inherit!important;white-space:pre!important;tab-size:2!important;font-synthesis:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.code-highlight .token{font-family:inherit!important;font-size:inherit!important;line-height:var(--editor-line-height)!important;font-weight:inherit!important;letter-spacing:inherit!important;font-variant-ligatures:inherit!important;font-feature-settings:inherit!important;box-shadow:none!important;text-shadow:none!important;vertical-align:baseline!important;white-space:pre!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;font-style:normal!important}.matched-bracket{background:#8be9fd2e!important;border-radius:2px!important;outline:1px solid #8be9fd66!important;font-weight:700!important;box-shadow:0 0 4px #8be9fd33!important}.line-numbers{border-right:1px solid var(--sandbox-border);-webkit-user-select:none;user-select:none;width:50px;color:var(--sandbox-muted);z-index:3;background:#00000026;overflow:hidden;height:calc(100% - var(--horizontal-scrollbar-height,0px))!important;box-sizing:border-box!important;padding:var(--editor-padding-top) 0 var(--editor-padding-bottom,72px) 0!important;font-family:JetBrains Mono,Menlo,ui-monospace,SFMono-Regular,Monaco,Consolas,monospace!important;font-size:var(--editor-font-size)!important;line-height:var(--editor-line-height)!important;letter-spacing:0!important;font-variant-ligatures:none!important;font-feature-settings:"liga" 0, "calt" 0!important;text-rendering:auto!important;-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important;-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important;margin:0!important;font-weight:400!important;display:block!important}.line-number{text-align:center;width:100%;color:var(--editor-gutter-color);-webkit-user-select:none;user-select:none;cursor:pointer;pointer-events:auto;justify-content:center;align-items:center;transition:all .2s;position:relative;overflow:hidden;height:var(--editor-line-height)!important;line-height:var(--editor-line-height)!important;box-sizing:border-box!important;font-family:JetBrains Mono,Menlo,ui-monospace,SFMono-Regular,Monaco,Consolas,monospace!important;font-size:var(--editor-font-size)!important;letter-spacing:0!important;font-variant-ligatures:none!important;font-feature-settings:"liga" 0, "calt" 0!important;text-rendering:auto!important;-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important;-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important;flex-shrink:0!important;margin:0!important;padding:0!important;font-weight:400!important;display:flex!important}.line-number:hover{color:var(--sandbox-cyan);background:#ffffff0d}.breakpoint-dot{background:var(--sandbox-danger);z-index:2;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;left:6px;box-shadow:0 0 8px #ef444466}.line-number.has-breakpoint{color:inherit;font-weight:inherit;background:0 0}.line-number.active{position:relative;color:var(--sandbox-text,#fff)!important;background:0 0!important;font-weight:700!important}.line-number.error{width:100%;color:#fff!important;background:#ef444459!important;font-weight:700!important}.line-number.executing{width:100%;color:var(--sandbox-accent)!important;background:0 0!important;font-weight:700!important}.heat-bar{background:var(--sandbox-accent);pointer-events:none;border-radius:2px;width:3px;transition:all .3s;position:absolute;right:0}.gutter-value-badge{background:rgba(var(--sandbox-accent-rgb), .9);color:#fff;white-space:nowrap;pointer-events:none;z-index:10;border:1px solid #fff3;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;animation:.2s ease-out badge-fade-in;position:absolute;top:50%;left:55px;transform:translateY(-50%);box-shadow:0 2px 8px #0006}.gutter-value-badge:before{content:"";border-style:solid;border-width:4px 4px 4px 0;border-color:transparent rgba(var(--sandbox-accent-rgb), .9) transparent transparent;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.sparkline{opacity:.85;flex-shrink:0;transition:opacity .2s;display:block}.sparkline:hover{opacity:1}.line-highlights-scroll-container{width:100%;height:calc(100% - var(--horizontal-scrollbar-height,0px));pointer-events:none;z-index:1;scrollbar-width:none;position:absolute;top:0;left:0;overflow:hidden scroll;scrollbar-gutter:stable!important}.line-highlights-scroll-container::-webkit-scrollbar{width:8px;height:8px}.line-highlights-scroll-container::-webkit-scrollbar-track{background:0 0!important}.line-highlights-scroll-container::-webkit-scrollbar-thumb{background:0 0!important}.line-highlights-content{padding:var(--editor-padding-top) 0 var(--editor-padding-bottom,72px) 0;min-height:calc(var(--editor-padding-top) + (var(--line-count,0) * var(--editor-line-height)) + var(--editor-padding-bottom,72px));position:relative}.line-highlight,.line-highlight-placeholder{width:100%;height:var(--editor-line-height)!important;line-height:var(--editor-line-height)!important;box-sizing:border-box!important;margin:0!important;padding:0!important}.line-highlight.error{background:#ff555514}.line-highlight.executing{background:rgba(var(--sandbox-accent-rgb), .05)}.line-highlight.active{background:#ffffff06}.line-highlight-absolute{pointer-events:none;z-index:1;position:absolute;left:0;right:0;margin:0!important}.editor-content{position:relative}.editor-footer{background:var(--sandbox-surface-strong);border-top:1px solid var(--sandbox-border);height:30px;color:var(--sandbox-muted);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 16px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;overflow:hidden}.footer-left{flex:1;justify-content:flex-start;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.footer-center{flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;display:flex}.footer-right{flex:1 0;justify-content:flex-end;align-items:center;gap:12px;min-width:60px;display:flex}.shortcut-hint{white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;display:flex}@media (width<=900px){.shortcut-hint:nth-child(n+3){display:none}}@media (width<=700px){.shortcut-hint{display:none}}.shortcut-hint kbd{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);color:var(--sandbox-muted);box-shadow:0 1px 0 var(--sandbox-border);border-radius:4px;align-items:center;gap:3px;min-width:22px;padding:1px 6px;font-size:.65rem;font-weight:500;line-height:1.2;display:inline-flex}.footer-dot{background:var(--sandbox-border);opacity:.5;border-radius:50%;flex-shrink:0;width:3px;height:3px;margin:0 4px}.line-info{color:var(--sandbox-muted);font-size:.7rem;font-weight:500}.execution-time-info{color:var(--sandbox-muted);align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:.65rem;animation:.3s fadeIn;display:flex}.execution-time-info span{color:#a0ffd0;opacity:.9;font-size:.6rem;font-weight:500}.execution-time-info.has-error span{color:#f55}.execution-time-info.is-running span{color:var(--sandbox-accent);font-weight:700}@media (width<=1250px){.shortcut-hint:nth-child(n+5),.shortcut-hint:nth-child(n+5)+.footer-dot{display:none}}@media (width<=1100px){.footer-center{display:none}}@media (width<=640px){.footer-left{display:none}.editor-footer{justify-content:center;padding:0 12px}}@media (width<=1200px){.editor-container{border-bottom:1px solid #ffffff1a;border-right:none}}.save-status{color:var(--sandbox-muted);align-items:center;gap:6px;font-size:.65rem;font-weight:500;animation:.2s fadeIn;display:flex}.save-dot{background:var(--sandbox-green);width:6px;height:6px;box-shadow:0 0 8px var(--sandbox-green);border-radius:50%;animation:1.5s infinite pulse-save}.variable-hover-tooltip{z-index:1000;-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);pointer-events:none;background:#0d0d12f2;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;min-width:200px;max-width:450px;max-height:400px;padding:12px;animation:.15s cubic-bezier(.4,0,.2,1) tooltip-fade-in;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 48px #00000080,0 0 0 1px #ffffff0d}.tooltip-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.tooltip-main{align-items:center;gap:6px;display:flex}.tooltip-word{color:#fff;letter-spacing:-.2px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.tooltip-separator{color:#fff3;font-size:12px}.tooltip-type{color:#a78bfa;text-transform:uppercase;background:#8b5cf626;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.tooltip-value{color:#fffc;max-height:320px;font-size:12px;line-height:1.5;overflow:auto}.tooltip-value.is-object{background:#0003;border:1px solid #ffffff0d;border-radius:8px;padding:8px}.tooltip-value pre{white-space:pre-wrap;word-break:break-all;margin:0;font-family:JetBrains Mono,monospace}.inline-test-results-scroll-container{width:100%;height:calc(100% - var(--horizontal-scrollbar-height,0px));pointer-events:none;z-index:5;position:absolute;top:0;left:0;overflow:hidden}.inline-test-results-content{width:100%;padding-top:var(--editor-padding-top);padding-bottom:32px;position:relative}.inline-test-placeholder{height:var(--editor-line-height)!important}.inline-test-row{justify-content:flex-end;align-items:center;padding-right:12px;display:flex;height:var(--editor-line-height)!important;line-height:var(--editor-line-height)!important}.inline-test-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all;cursor:help;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0003}.inline-test-pill.passed{color:#10b981;background:#10b98126;border-color:#10b9814d}.inline-test-pill.failed{color:#ef4444;background:#ef444426;border-color:#ef44444d}.status-icon{flex-shrink:0}.status-text{text-transform:uppercase;letter-spacing:.02em}.duration-pill{opacity:.8;font-variant-numeric:tabular-nums;border-left:1px solid;align-items:center;gap:3px;margin-left:6px;padding-left:6px;font-weight:400;display:flex}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--token-comment);font-style:italic}.token.punctuation{color:var(--token-punctuation)}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--token-number)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--token-string)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--token-operator)}.token.atrule,.token.attr-value,.token.keyword{color:var(--token-keyword)}.token.function,.token.class-name{color:var(--token-function)}.token.regex,.token.important,.token.variable{color:var(--token-variable)}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.json-controls{align-items:center;gap:12px;display:flex}.format-btn{color:#a78bfa;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.format-btn:hover{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf666;transform:translateY(-1px)}.format-btn:active{transform:translateY(0)}.json-view-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f1499;border:1px solid #ffffff14;border-radius:8px;padding:3px;display:flex;box-shadow:0 4px 12px #0003}.json-view-toggle .toggle-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .2s}.json-view-toggle .toggle-btn:hover{color:#fffc}.json-view-toggle .toggle-btn.active{color:#fff;background:#ffffff1a;box-shadow:0 2px 8px #0003}.json-visual-viewer{background:#0d0d12;flex:1;padding:24px;font-family:JetBrains Mono,Fira Code,monospace;overflow:auto}.json-visual-content{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;max-width:900px;margin:0 auto;padding:24px}.json-raw-editor{flex:1;position:relative}.json-icon{color:#000;background:linear-gradient(135deg,#f1c40f,#f39c12);border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:flex;box-shadow:0 2px 4px #f1c40f4d}.json-key{color:#f87171;font-weight:500}.json-value.string{color:#34d399}.json-value.number{color:#60a5fa}.json-value.boolean{color:#fbbf24}.json-value.null{color:#94a3b8;font-style:italic}.json-bracket{color:#94a3b8}.json-toggle{color:#64748b;cursor:pointer}.json-toggle:hover{color:#94a3b8}.json-placeholder{color:#475569;font-size:11px;font-style:italic}.autocomplete-menu{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);-webkit-user-select:none;user-select:none;scrollbar-width:none;background:#121218f2;border:1px solid #ffffff1f;border-radius:6px;min-width:240px;max-width:380px;max-height:250px;padding:4px;overflow-y:auto;box-shadow:0 10px 40px #0009,0 0 0 1px #8be9fd0d}.autocomplete-menu::-webkit-scrollbar{display:none}.autocomplete-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;margin-bottom:1px;padding:4px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;transition:all .1s;display:flex}.autocomplete-item:last-child{margin-bottom:0}.autocomplete-item.active{z-index:1}.autocomplete-item .label{color:#fffffff2;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.autocomplete-item .detail{color:#8be9fd99;background:#0003;border-radius:2px;padding:1px 4px;font-size:.65rem;font-weight:400}.type-icon{color:#fff;text-shadow:0 1px 1px #0000004d;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:800;display:flex}.type-icon.keyword{background:linear-gradient(135deg,#ff79c6,#bd93f9)}.type-icon.api{background:linear-gradient(135deg,#8be9fd,#50fa7b)}.type-icon.function{background:linear-gradient(135deg,#50fa7b,#8be9fd)}.type-icon.variable{background:linear-gradient(135deg,#f1fa8c,#ffb86c)}.type-icon.constant{background:linear-gradient(135deg,#bd93f9,#ff79c6)}.type-icon.class{background:linear-gradient(135deg,#ffb86c,#ff79c6)}.type-icon.method{background:linear-gradient(135deg,#8be9fd,#bd93f9)}.type-icon.snippet{background:linear-gradient(135deg,#f1fa8c,#50fa7b)}.snippet-gallery-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;background:#000c;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.snippet-gallery{background:var(--sandbox-bg);border:1px solid var(--sandbox-border);border-radius:16px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000080}.gallery-header{border-bottom:1px solid var(--sandbox-border);text-align:center;padding:30px;position:relative}.gallery-header h2{color:var(--sandbox-accent);margin:0;font-size:2rem}.gallery-header p{color:var(--sandbox-muted);margin:10px 0 0}.gallery-close{color:var(--sandbox-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:20px;right:20px}.gallery-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:30px;display:grid;overflow-y:auto}.snippet-card{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);cursor:pointer;border-radius:12px;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.snippet-card:hover{border-color:var(--sandbox-accent);transform:translateY(-8px);box-shadow:0 12px 30px #7aa2f726}.snippet-badge{border-radius:4px;width:fit-content;margin-bottom:12px;padding:4px 8px;font-size:10px;font-weight:800}.snippet-badge.logic{background:var(--sandbox-purple-soft);color:var(--sandbox-purple)}.snippet-badge.async{background:var(--sandbox-cyan-soft);color:var(--sandbox-cyan)}.snippet-badge.visualization{background:var(--sandbox-green-soft);color:var(--sandbox-green)}.snippet-title{color:var(--sandbox-text);margin:0 0 8px;font-size:1.2rem}.snippet-desc{color:var(--sandbox-muted);margin:0 0 16px;font-size:.9rem;line-height:1.5}.snippet-preview-code{background:var(--sandbox-bg);color:var(--sandbox-muted);opacity:.7;border-radius:6px;margin-bottom:20px;padding:12px;font-family:monospace;font-size:11px}.snippet-load-btn{background:var(--sandbox-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:auto;padding:10px;font-weight:600;transition:opacity .2s}.snippet-card:hover .snippet-load-btn{background:var(--sandbox-accent)}.top-header-bar{background:var(--sandbox-surface-strong);border-bottom:1px solid var(--sandbox-border);height:45px;min-height:45px;color:var(--sandbox-text);z-index:150;justify-content:space-between;align-items:center;padding:0 16px;font-family:Outfit,Inter,sans-serif;display:flex;box-shadow:0 2px 10px #0003}.header-left{align-items:center;gap:12px;display:flex}.logo-area{align-items:center;gap:6px;display:flex}.logo-icon{background:linear-gradient(135deg,#7aa2f7 0%,#7dcfff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px}.logo-title{letter-spacing:.5px;background:linear-gradient(135deg,#7aa2f7 0%,#7dcfff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:15px;font-weight:700}.header-divider{background:var(--sandbox-border);width:1px;height:16px}.header-tagline{color:var(--sandbox-muted);font-size:12px;font-weight:500}.header-right{align-items:center;gap:14px;display:flex}.example-selector-wrapper{background:var(--sandbox-surface-light);border:1px solid var(--sandbox-border);border-radius:6px;align-items:center;height:28px;padding:0 8px;transition:all .2s;display:flex;position:relative}.example-selector-wrapper:hover{border-color:var(--sandbox-accent);background:rgba(var(--sandbox-accent-rgb), .05)}.selector-icon{color:var(--sandbox-accent);flex-shrink:0;margin-right:6px}.example-select-trigger{color:var(--sandbox-text);cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:6px;height:100%;margin:0;padding:0;font-family:Inter,sans-serif;font-size:11px;font-weight:600;display:flex}.selected-value-text{-webkit-user-select:none;user-select:none;font-weight:600}.chevron-icon{color:var(--sandbox-muted);margin-left:2px;transition:transform .2s,color .2s}.example-selector-wrapper.is-open .chevron-icon{color:var(--sandbox-accent);transform:rotate(180deg)}.example-selector-wrapper.is-open{border-color:var(--sandbox-accent);background:rgba(var(--sandbox-accent-rgb), .08)}.example-dropdown-menu{background:var(--sandbox-surface);border:1px solid var(--sandbox-border);min-width:250px;box-shadow:var(--shadow-soft);z-index:200;scrollbar-width:thin;border-radius:8px;max-height:380px;padding:8px 4px;animation:.15s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 5px);right:0;overflow-y:auto}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-group{margin-bottom:8px}.dropdown-group:last-child{margin-bottom:0}.dropdown-group-title{color:var(--sandbox-cyan);text-transform:uppercase;letter-spacing:.8px;-webkit-user-select:none;user-select:none;padding:4px 10px;font-size:9px;font-weight:700}.dropdown-item{text-align:left;width:100%;color:var(--sandbox-text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-family:Inter,sans-serif;font-size:11px;transition:all .15s;display:block}.dropdown-item:hover{background:rgba(var(--sandbox-accent-rgb), .12);color:var(--sandbox-accent);padding-left:14px}.share-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;height:28px;padding:0 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;background:rgba(var(--sandbox-accent-rgb), .1)!important;color:var(--sandbox-accent)!important;border:1px solid rgba(var(--sandbox-accent-rgb), .25)!important}.share-btn:hover{transform:translateY(-1px);background:rgba(var(--sandbox-accent-rgb), .2)!important;border-color:rgba(var(--sandbox-accent-rgb), .45)!important}.share-btn:active{transform:translateY(0)}.share-btn.state-copied{color:var(--sandbox-green)!important;background:#4ade801f!important;border-color:#4ade804d!important}.share-btn.state-error{color:var(--sandbox-danger)!important;background:#f871711f!important;border-color:#f871714d!important}.github-header-link{color:var(--sandbox-muted);align-items:center;padding:4px;transition:color .2s;display:flex}.github-header-link:hover{color:var(--sandbox-text)}@media (width<=768px){.header-tagline,.header-divider{display:none}}@media (width<=480px){.logo-title{display:none}}.app-container{background:var(--bg-color);width:100vw;height:100vh;overflow:hidden}.loading-overlay{background:var(--bg-color);width:100vw;height:100vh;color:var(--text-secondary);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.9rem;display:flex}:root{--bg-color:#050505;--bg-color-light:#121214;--bg-secondary:#050505;--bg-gradient:none;--surface:#18181bd6;--surface-strong:#18181bf5;--surface-muted:#ffffff09;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-cyan:#60a5fa;--accent-blue:#93c5fd;--accent-purple:#a855f7;--accent-pink:#fb7185;--accent-soft:#60a5fa21;--accent-blue-soft:#60a5fa21;--success:#39d353;--success-soft:#39d3531a;--warning:#f59e0b;--warning-soft:#f59e0b1a;--error:#f87171;--error-soft:#f871711a;--glass-bg:var(--surface);--glass-border:#f4f4f51a;--shadow-soft:0 18px 45px #00000038;--shadow-lift:0 24px 55px #00000047;--glow-accent:#60a5fa14;--nav-height:70px;--name-glow:0 12px 30px #60a5fa2e;--primary-color:var(--accent-cyan);--primary-color-alpha:var(--accent-soft);--z-base:0;--z-overlap:1;--z-nav:100;--z-tooltip:999;--z-dropdown:1000;--z-dropdown-over:1001;--z-backdrop:9998;--z-modal:9999;--z-preloader:10000;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--sandbox-bg:#0b1020;--sandbox-surface:#121a2e;--sandbox-surface-strong:#0b1020;--sandbox-surface-light:#1a2540;--sandbox-raised:#1a2540;--sandbox-text:#eaf0ff;--sandbox-muted:#94a3c4;--sandbox-accent:#2563eb;--sandbox-accent-rgb:37, 99, 235;--sandbox-border:#2b395b;--sandbox-cyan:#38bdf8;--sandbox-cyan-soft:#38bdf81f;--sandbox-green:#34d399;--sandbox-green-soft:#34d3991f;--sandbox-orange:#fb923c;--sandbox-orange-soft:#fb923c1f;--sandbox-pink:#f472b6;--sandbox-pink-soft:#f472b61f;--sandbox-purple:#a78bfa;--sandbox-purple-soft:#a78bfa1f;--sandbox-yellow:#fbbf24;--sandbox-danger:#fb7185;--sandbox-danger-muted:#fb71851f;--editor-gutter-color:#6475a8;--active-line-bg:#2563eb14;--token-punctuation:#89ddff;--token-comment:#6272a4;--token-keyword:#bb9af7;--token-function:#38bdf8;--token-string:#34d399;--token-number:#f4a87c;--token-operator:#89ddff;--token-variable:#eaf0ff}[data-theme=light]{--bg-color:#f8fafc;--bg-color-light:#e2e8f0;--bg-secondary:#fff;--bg-gradient:none;--surface:#ffffffd1;--surface-strong:#fffffff5;--surface-muted:#0f172a09;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--glass-bg:var(--surface);--glass-border:#0f172a1f;--accent-cyan:#2563eb;--accent-blue:#2563eb;--accent-purple:#2563eb;--accent-pink:#be123c;--accent-soft:#2563eb1f;--accent-blue-soft:#2563eb1f;--success:#16a34a;--success-soft:#16a34a14;--warning:#d97706;--warning-soft:#d9770614;--error:#dc2626;--error-soft:#dc262614;--shadow-soft:0 18px 42px #0f172a14;--shadow-lift:0 24px 58px #0f172a21;--name-glow:0 12px 26px #2563eb29;--glow-accent:#2563eb0f;--sandbox-bg:#f5f5f5;--sandbox-surface:#fff;--sandbox-surface-strong:#e5e5e5;--sandbox-surface-light:#0000000a;--sandbox-text:#0f172a;--sandbox-muted:#64748b;--sandbox-accent:#2563eb;--sandbox-accent-rgb:37, 99, 235;--sandbox-border:#d1d5db;--sandbox-cyan:#0284c7;--sandbox-cyan-soft:#0284c71a;--sandbox-green:#16a34a;--sandbox-green-soft:#16a34a1a;--sandbox-orange:#d97706;--sandbox-orange-soft:#d977061a;--sandbox-pink:#db2777;--sandbox-pink-soft:#db27771a;--sandbox-purple:#7c3aed;--sandbox-purple-soft:#7c3aed1a;--sandbox-yellow:#ca8a04;--sandbox-danger:#dc2626;--sandbox-danger-muted:#dc26261a;--editor-gutter-color:#8a99ad;--active-line-bg:#2563eb0a;--token-punctuation:#475569;--token-comment:#94a3b8;--token-keyword:#2563eb;--token-function:#7c3aed;--token-string:#16a34a;--token-number:#d97706;--token-operator:#0284c7;--token-variable:#9333ea}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-color);scrollbar-gutter:stable}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--sandbox-bg)}::-webkit-scrollbar-thumb{background:var(--sandbox-border);border:2px solid var(--sandbox-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--sandbox-muted)}::selection{background:var(--accent-cyan);color:#fff}.grain-overlay{z-index:-1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}::view-transition-group(root){animation-duration:.5s}::view-transition-old(root){animation:.5s cubic-bezier(.22,1,.36,1) both fade-out}::view-transition-new(root){animation:.5s cubic-bezier(.22,1,.36,1) both fade-in,.5s cubic-bezier(.22,1,.36,1) both atmosphere-settle}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes atmosphere-settle{0%{filter:blur(4px);transform:scale(1.005)}to{filter:blur();transform:scale(1)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);border-radius:14px;transition:border-color .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1)}a{color:inherit;text-decoration:none}.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}.skip-link{background:var(--accent-cyan);color:var(--bg-color);z-index:10000;border-radius:0 0 10px 10px;padding:10px 20px;font-weight:600;text-decoration:none;transition:top .3s;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.skip-link:focus{top:0}