:root{

--brand-orange:#F78F1E;
--brand-orange-hover:#FF9F3E;
--brand-orange-light:#FFAD66;
--brand-orange-press:#D97A0E;
--brand-orange-tint:rgba(247,143,30,.1); 
--brand-orange-tint-strong:rgba(247,143,30,.15);
--brand-grey:#929295; 


--canvas:#0D1117;      
--surface-1:#161B22;   
--surface-2:#21262D;   
--surface-hover:#30363D; 
--hairline:#30363D;    
--hairline-light:#484F58; 
--hairline-dark:#21262D;  


--ink-1:#E6EDF3;  
--ink-2:#8B949E;  
--ink-3:#6E7681;  
--ink-inverse:#0D1117; 


--error:#FF6B6B;   --error-hover:#F87171;   --error-light:#FCA5A5;
--success:#4ADE80; --success-hover:#22C55E; --success-light:#86EFAC;
--warning:#FACC15; --warning-hover:#EAB308; --warning-light:#FDE047;
--info:#38BDF8;    --info-hover:#0EA5E9;    --info-light:#7DD3FC;
--error-bg:rgba(255,107,107,.1);
--success-bg:rgba(74,222,128,.1);
--warning-bg:rgba(250,204,21,.1);
--info-bg:rgba(56,189,248,.1);
--error-subtle:rgba(255,107,107,.15);   
--success-subtle:rgba(74,222,128,.15);
--warning-subtle:rgba(250,204,21,.15);
--info-subtle:rgba(56,189,248,.15);
--error-bg-dark:#450A0A;  
--error-title:#FCA5A5;
--error-faint:#FECACA;
--warning-foreground:#18181B;
--badge-neutral:#64748B;
--neutral-active:#98A1AC; 
--neutral-inert:#606770;  


--integration-evs:#E31937;
--integration-vantage:#00A4E4;
--integration-signiant:#FF6B00;
--integration-smartsheet:#0073EA;
--integration-aws:#FF9900;
--integration-xsquare:#10B981;


--gray-200:#E5E7EB; --gray-500:#6B7280; --gray-600:#4B5563;
--white:#FFFFFF; --gray-dark:#333333; --gray-medium:#666666; --gray-light:#999999;


--bg-canvas:var(--canvas);
--bg-panel:var(--surface-1);
--bg-header:var(--surface-2);
--bg-input:var(--surface-2);        
--bg-input-alt:var(--canvas);       
--bg-row-hover:rgba(33,38,45,.5);   
--bg-row-selected:var(--surface-2); 
--bg-scrim:rgba(0,0,0,.5);          
--bg-scrim-heavy:rgba(0,0,0,.7);    
--bg-scrim-photo:rgba(0,0,0,.4);    

--text-primary:var(--ink-1);
--text-secondary:var(--ink-2);
--text-disabled:var(--ink-3);
--text-accent:var(--brand-orange);
--text-on-accent:var(--ink-inverse); 

--border-default:var(--hairline);
--border-focus:var(--brand-orange);
--ring:var(--brand-orange);
--focus-ring:0 0 0 3px rgba(247,143,30,.5); 

--action-primary-bg:var(--brand-orange);
--action-primary-bg-hover:var(--brand-orange-hover);
--action-primary-bg-press:var(--brand-orange-press);

--icon-default:var(--ink-2);
--icon-active:var(--brand-orange);
--icon-strong:var(--ink-1);

--tab-active-bg:rgba(247,143,30,.1);     
--tab-hover-bg:rgba(247,143,30,.08);
--media-letterbox:#000000;
--timeline-track:#30363D;
--timeline-playhead:var(--brand-orange);
--switch-track-off:#30363D;             
--overlay-media-bottom:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%); 
--overlay-media-top:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%); 
}


:root{
--font-sans:"Inter",system-ui,-apple-system,sans-serif;
--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;

--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;

--font-size-2xs:11px; 
--font-size-xs:12px;  
--font-size-sm:13px;  
--font-size-base:14px;
--font-size-lg:16px;  
--font-size-xl:18px;  
--font-size-2xl:20px; 
--font-size-3xl:24px; 


--text-section-header:var(--weight-semibold) var(--font-size-2xl)/1.3 var(--font-sans);
--text-dialog-title:var(--weight-semibold) var(--font-size-xl)/1 var(--font-sans);
--text-asset-title:var(--weight-medium) var(--font-size-lg)/1.35 var(--font-sans);
--text-body:var(--weight-regular) var(--font-size-base)/1.4 var(--font-sans);
--text-button:var(--weight-medium) var(--font-size-base)/1.4 var(--font-sans);
--text-label:var(--weight-medium) var(--font-size-xs)/1.35 var(--font-sans);
--text-tab:var(--weight-medium) var(--font-size-xs)/1.35 var(--font-sans); 
--text-badge:var(--weight-medium) var(--font-size-xs)/1.35 var(--font-sans);
--text-micro:var(--weight-medium) var(--font-size-xs)/1.35 var(--font-sans);
--text-code:var(--weight-regular) var(--font-size-sm)/1.5 var(--font-mono);
--text-timecode:var(--weight-regular) var(--font-size-base)/1.4 var(--font-mono);
--letter-spacing-tab:.01em; 
--font-numeric-tabular:tabular-nums; 
}


:root{
--space-xs:4px;
--space-sm:8px;
--space-md:12px;
--space-lg:16px;
--space-xl:20px;
--space-2xl:24px;
--space-3xl:32px;
--space-4xl:40px;
--space-5xl:48px;

--pad-panel:16px;
--pad-panel-compact:8px;
--pad-panel-large:24px;
--pad-card:24px;          
--pad-dialog:24px;        
--pad-button:0 16px;      
--pad-tab:8px 14px;       
--pad-badge:2px 8px;      
--pad-pill:4px 8px;       

--control-height-sm:32px; 
--control-height-md:36px; 
--control-height-lg:40px; 
--table-header-height:40px; 
--list-row-height:44px;   
--tabbar-height:36px;     
--splitter-size:4px;      
--sidebar-weight:15%;      
--browser-weight:55%;      
--inspector-weight:30%;    
--touch-target:44px;      
}


:root{
--radius-2xs:2px;
--radius-xs:4px;
--radius-sm:6px;
--radius-md:8px;
--radius-lg:10px;
--radius-xl:12px;
--radius-pill:999px;

--radius-button:4px;   
--radius-input:4px;    
--radius-badge:4px;    
--radius-pill-status:999px; 
--radius-panel:6px;
--radius-dialog:6px;   
--radius-card:10px;    
--radius-modal:8px;    
--radius-thumb:4px;
--radius-none:0px;
}


:root{
--shadow-sm:0 1px 2px rgba(0,0,0,.3);
--shadow-md:0 4px 6px rgba(0,0,0,.4);
--shadow-lg:0 10px 15px rgba(0,0,0,.5);
--shadow-xl:0 20px 25px rgba(0,0,0,.5);
--shadow-modal:0 20px 60px rgba(0,0,0,.5);
--shadow-popover:0 10px 25px rgba(0,0,0,.5); 
--shadow-tile-glow:0 0 20px rgba(245,130,32,.3); 
--border-panel:1px solid var(--hairline);

--z-dropdown:100;  --z-sticky:200;  --z-fixed:300; 
--z-modal-backdrop:400;  --z-modal:500;  --z-popover:600;  --z-tooltip:700;  --z-toast:800; 
}


:root{
--duration-fast:150ms; 
--duration-base:200ms; 
--duration-slow:300ms; 
--ease-standard:ease; 
--transition-fast:150ms ease; 
--transition-normal:200ms ease; 
--transition-slow:300ms ease; 
--transition-control:background-color 150ms ease,border-color 150ms ease,color 150ms ease; 
}
.cpb,.cpb *{box-sizing:border-box}
.cpb{font-family:'Sora',sans-serif;color:#E6EDF3;background:#080E10;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden;width:100%}
.cpb.cpb :is(h1,h2,h3,p,ul,li){font-family:inherit;text-transform:none;padding:0}
.cpb.cpb a{text-decoration:none;box-shadow:none;transition:opacity .2s ease,color .2s ease}
.cpb.cpb a.cpb-link{color:#31C2FF}.cpb.cpb a.cpb-link:hover{color:#AE92FF}
.cpb.cpb .cpb-btn:hover{opacity:.9}
.cpb.cpb button{padding:0;margin:0;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;line-height:1}
.cpb.cpb .cpb-arrow:hover,.cpb.cpb .cpb-arrow:focus-visible{background:rgba(174,146,255,.15)!important;color:#E6EDF3!important}
.cpb .cpb-card{transition:box-shadow .3s ease,border-color .3s ease}
.cpb .cpb-card:hover{box-shadow:0 0 20px rgba(245,130,32,.3);border-color:#F78F1E!important}
.cpb .cpb-field:focus{border-color:#F78F1E!important;box-shadow:0 0 0 3px rgba(247,143,30,.5)!important}
.cpb [hidden]{display:none!important}

.cpbm.cpbm button{padding:0;margin:0;min-height:0;text-transform:none;letter-spacing:normal;box-shadow:none;line-height:normal}
.cpbm.cpbm :is(input,select){margin:0;box-shadow:none;min-height:0;line-height:normal}
.cpbm.cpbm :is(h1,h2,h3,h4,p){margin:0;color:inherit;font-family:inherit}
.cpbm.cpbm a{color:#F78F1E}
.cpbm *::-webkit-scrollbar{width:8px;height:8px}.cpbm *::-webkit-scrollbar-thumb{background:#30363D;border-radius:4px}.cpbm *::-webkit-scrollbar-track{background:transparent}
@keyframes cpbmPulse{0%,100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 4px 16px rgba(0,0,0,.6))}50%{transform:translate(-50%,-50%) scale(1.12);filter:drop-shadow(0 0 20px rgba(245,130,32,.45))}}
.cpbm .cpbm-pulse{position:absolute;left:50%;top:calc(50% - 28px);width:72px;height:auto;max-width:none;z-index:1;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .4s ease;animation:cpbmPulse 2.4s ease-in-out infinite}
.cpbm .cpbm-pulse.on{opacity:1}
@media (prefers-reduced-motion:reduce){.cpbm .cpbm-pulse{animation:none}}
@media (prefers-reduced-motion:reduce){.cpb *{transition:none!important}}