/* Shared chromatic pixel system. Data colors never imply certified accuracy. */
.brand>strong{font-size:20px;white-space:nowrap}.main-nav>a{display:flex;align-items:center;position:relative;padding:0 7px;font-size:14px;white-space:nowrap;color:var(--muted)}.main-nav>a:hover{color:var(--studio-mint)}.main-nav>a[aria-current=page]{color:var(--studio-mint)}.main-nav>a[aria-current=page]:after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:3px;background:var(--studio-mint)}.engine-body .main-nav{margin-left:auto;gap:12px}.engine-body .brand-caption{display:none}.engine-body .top-actions{margin-left:12px}.engine-field input[aria-invalid=true]{border-color:var(--gold)}
@media(max-width:1180px){.brand-caption,.brand-divider{display:none}.main-nav{gap:10px}.main-nav>a{padding:0 4px}.engine-body .main-nav{gap:7px}}
@media(max-width:760px){.main-nav{gap:12px;overflow-x:auto;flex-shrink:0}.main-nav>a{font-size:13px;min-height:37px}.engine-body .main-nav{order:3;width:100%;margin-left:0}.engine-body .top-actions{margin-left:auto}.brand>strong{font-size:18px}}
:root{--studio-mint:#9bf3d4;--studio-violet:#c4a2ff;--studio-blue:#92bdff;--studio-amber:#f9ca83}
.topbar{background:linear-gradient(110deg,#0e1928 0%,#10172a 44%,#19142d 100%);border-bottom-color:#41406b}.brand-symbol{background:#143d36;border-color:#70bda9;box-shadow:3px 3px 0 #77618e}.brand>strong{color:#c3fce9}.main-nav button[data-page=workspace]{--tab-color:var(--studio-mint)}.main-nav button[data-page=validation]{--tab-color:var(--studio-violet)}.main-nav button[data-page=pipeline]{--tab-color:var(--studio-blue)}.main-nav button{padding:0 11px}.main-nav button:hover{background:#ffffff06;color:var(--tab-color)}.main-nav button.active{color:var(--tab-color);background:linear-gradient(0deg,color-mix(in srgb,var(--tab-color) 10%,transparent),transparent 76%)}.main-nav button.active:after{background:var(--tab-color);box-shadow:0 -3px 17px color-mix(in srgb,var(--tab-color) 25%,transparent)}
.sidebar{background:linear-gradient(160deg,#152839 -26%,#111a2a 26%,#15192d 70%,#18162d)}.side-intro{padding-bottom:2px;border-top:3px solid #65b9a3}.side-intro h1{color:#ddfff1;text-shadow:2px 2px #386258}.side-section>h2{color:#c1a4ed}.mode-buttons button.active{background:linear-gradient(135deg,#174439,#1b3640);border-color:#83d3bd;box-shadow:2px 2px 0 #081711,inset 0 1px #bcffe31a}.mode-buttons button.active .icon{color:#c9ffed}.window-item{border-left:3px solid #4e779a;background:#122133}.window-item[data-window="0"]{--window-color:var(--studio-mint)}.window-item[data-window="1"]{--window-color:var(--studio-blue)}.window-item[data-window="2"]{--window-color:var(--studio-violet)}.window-item.active{border-color:var(--window-color);background:linear-gradient(120deg,color-mix(in srgb,var(--window-color) 13%,#111829),#162738);color:var(--window-color)}.window-item:hover{border-left-color:var(--window-color)}.side-bottom{background:linear-gradient(0deg,#201d3933,transparent)}.pixel-scout{border:1px solid #594c715c;padding:7px 5px;background:linear-gradient(100deg,#182d33,#231c3a);box-shadow:3px 3px 0 #090d1a;margin-top:10px}.pixel-scout strong{color:var(--studio-mint)}.availability{color:#b5bfd1}
.stage-top{background:linear-gradient(100deg,#112030,#191c32);border-bottom:1px solid #324968}.breadcrumbs>strong{color:#c2d8f2}.stage-actions .icon-button:hover{color:var(--studio-blue);background:#293753}.timeline{background:linear-gradient(100deg,#122330,#1b1b33);border-top:2px solid #52628e}.timeline-top h2{color:var(--studio-blue)}.frame-thumb{border:1px solid #405478}.frame-thumb.active{border-color:var(--studio-amber);box-shadow:2px 2px 0 #785439}.timeline-controls>#play-button{background:#203f49;border-color:#487d84;color:var(--studio-mint)}.comparison{border:1px solid #638b9a;box-shadow:0 0 0 4px #9cf0cd05}.comparison-label{border-color:#bdcdf04d;background:#141d32d9}.appearance-header{color:#b8dbd7}.appearance-footer{color:#adc2dd}
.inspector{background:linear-gradient(165deg,#211b35,#151d30 50%,#111d2c)}.inspector-heading{border-bottom:1px solid #564771;background:#30224644}.inspector-heading h2{color:#d5b5ff}.inspector-metric{background:linear-gradient(125deg,#28213f,#1a343a);border-bottom-color:#416268}.metric-value strong{color:#aaffdc;text-shadow:0 0 24px #7bf3bf12}.metric-tag{border-color:#9480b3;color:#e5d0ff;background:#6f46852b}.inspector-section:nth-of-type(2){border-left:3px solid #80b8eb55}.inspector-section:nth-of-type(3){border-left:3px solid #a980dc55}.inspector-section:nth-of-type(4){border-left:3px solid #e3b36855}.spec-list dd{color:#e4edf9}.inspector-bottom{background:#202c43;color:var(--studio-blue)}.statusbar{background:linear-gradient(100deg,#12222b,#191b32);border-top-color:#3f5273}
.content-page{background:radial-gradient(ellipse at 100% 0,#5d378531,transparent 55%),radial-gradient(ellipse at 0 100%,#14656318,transparent 60%),#0d1527}.page-heading{padding:24px 28px 25px;border:1px solid #485079;border-top:3px solid var(--section-accent,#b694e8);background:linear-gradient(105deg,#213345d9,#25223ed9);box-shadow:5px 5px 0 #070b18;margin-bottom:26px;position:relative}.page-heading h1{font-size:clamp(24px,2.4vw,35px);color:#f0eafa;text-shadow:2px 2px #443954}.page-heading .eyebrow{color:var(--section-accent,#b694e8);font-size:13px}.page-heading p{color:#b4c5db}.page-heading>.button{flex-shrink:0}.page-heading .button.quiet{background:#433755;border-color:#847098;color:#f1e7ff}.page-heading .eyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:currentColor;margin-right:10px;box-shadow:9px 0 0 #ffffff16}
#validation{--section-accent:var(--studio-violet)}#pipeline{--section-accent:var(--studio-blue)}#pipeline .page-heading{background:linear-gradient(105deg,#163746d9,#212b50d9)}#pipeline .page-heading h1{color:#e0f2ff;text-shadow:2px 2px #345471}.metric-grid{border:0;background:none;box-shadow:none;gap:16px;overflow:visible}.report-metric{--metric-color:var(--studio-mint);border:1px solid #375d62;border-top:3px solid var(--metric-color);background:linear-gradient(135deg,#1b373e,#172331);box-shadow:4px 4px 0 #060b19;position:relative;min-width:0;padding:22px}.report-metric:last-child{border-right:1px solid #4b647c}.report-metric:nth-child(2){--metric-color:var(--studio-amber);border-color:#775d43;background:linear-gradient(135deg,#3a302a,#282635)}.report-metric:nth-child(3){--metric-color:var(--studio-blue);border-color:#45668c;background:linear-gradient(135deg,#253f59,#202943)}.report-metric:nth-child(4){--metric-color:var(--studio-violet);border-color:#685889;background:linear-gradient(135deg,#372e50,#25253e)}.report-metric>span{font-size:14px;color:#d2deeb}.report-metric strong,.report-metric.warn strong{color:var(--metric-color);font-size:clamp(26px,2.8vw,38px);font-variant-numeric:tabular-nums;font-weight:500}.report-metric small{font-size:12px;line-height:1.6;color:#b4c2d9}.report-metric:after{content:"";width:5px;height:5px;background:var(--metric-color);position:absolute;right:15px;top:15px;opacity:.6}
.report-block{background:linear-gradient(130deg,#18283a,#1b2137);border-color:#455576;border-top:3px solid #91bddd;box-shadow:5px 5px 0 #070b18}.report-grid>.report-block:nth-child(2){background:linear-gradient(130deg,#252441,#182738);border-color:#60517d;border-top-color:#ba98ed}.report-block>.eyebrow{color:#c6aff0;font-family:var(--pixel-font);font-size:13px;letter-spacing:0}.report-block h2{font-size:23px;line-height:1.4;color:#e5edf9}.report-block p{color:#b6c7db}.report-block .notice{border-color:#947844;background:#403624;color:#ffdfa2;box-shadow:3px 3px 0 #0a111e}.report-details{border-color:#48606e}.report-details dd{color:#deefe6}.appearance-result{border-color:#4a4864}.appearance-result img{border:1px solid #797095;box-shadow:3px 3px 0 #0b1222}.appearance-result h3{color:#d7c1ff}.requirement-report{border-top-color:var(--studio-amber);background:linear-gradient(125deg,#1d293c,#241f35)}.requirement-report th{color:#dac2f6;font-size:12px;background:#30293f;padding-left:12px}.requirement-report td{padding-left:12px;border-color:#42425d;font-size:14px}.requirement-report tr:nth-child(even) td{background:#8292bc08}.badge.good{border:1px solid #497f69;color:#b2f6cf;background:#17392f}.badge.pending{border:1px solid #8e743e;color:#ffdc96;background:#3b3023}.report-footer a{color:var(--studio-blue)}
.pipeline-summary{border:1px solid #557291;background:linear-gradient(110deg,#1b3744,#242c48);box-shadow:4px 4px 0 #08101e;line-height:1.6}.pipeline-summary>span{font-size:14px;color:#c4d2e4}.pipeline-summary>span:nth-child(2){color:var(--studio-amber)}.pipeline-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.pipeline-step{--step-color:var(--studio-mint);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;align-items:start;gap:14px;padding:22px;border:1px solid #3d6671;border-top:3px solid var(--step-color);background:linear-gradient(130deg,#1a3540,#192638);box-shadow:4px 4px 0 #070d1d;position:relative}.pipeline-step:nth-child(2),.pipeline-step:nth-child(5){--step-color:var(--studio-blue);background:linear-gradient(130deg,#253d5a,#1b263d);border-color:#506b94}.pipeline-step:nth-child(3),.pipeline-step:nth-child(6){--step-color:var(--studio-violet);background:linear-gradient(130deg,#342c4d,#1e293b);border-color:#756086}.pipeline-step:nth-child(4){--step-color:var(--studio-amber);background:linear-gradient(130deg,#3d3332,#202b39);border-color:#876c4c}.pipeline-step>.step-no{font-size:23px;color:var(--step-color);grid-column:1;grid-row:1}.pipeline-step h2{font-family:var(--pixel-font);font-size:17px;line-height:1.4;color:#f0ecfa;letter-spacing:-.5px;grid-row:2;grid-column:1/-1}.pipeline-step p{font-size:14px;line-height:1.75;color:#bbcada;grid-row:3;grid-column:1/-1}.pipeline-step>span:last-child{grid-row:1;grid-column:2;padding:6px 8px;background:#050a193f;border:1px solid color-mix(in srgb,var(--step-color) 35%,transparent);color:var(--step-color);font-size:12px;font-family:ui-monospace,monospace}.research-list li{border-color:#49485e}.research-list a{color:var(--studio-blue)}.research-list span{color:#bcaad7}
.route-transition,.transition-screen{--transition-accent:var(--studio-mint);background:radial-gradient(ellipse at 45% 35%,#25456844,transparent 54%),radial-gradient(ellipse at 65% 70%,#59317c3d,transparent 45%),#060b18f5}.route-transition[data-destination=validation]{--transition-accent:var(--studio-violet)}.route-transition[data-destination=pipeline]{--transition-accent:var(--studio-blue)}.transition-card{width:min(470px,calc(100vw - 40px));padding:0 27px 17px;border:1px solid #746690;border-top:3px solid var(--transition-accent);background:linear-gradient(140deg,#19283a,#251e3b 68%,#152a36);box-shadow:7px 7px 0 #020613,0 0 70px #a681f412;position:relative}.transition-card:before,.transition-card:after{content:"";width:7px;height:7px;background:var(--transition-accent);position:absolute;top:-5px}.transition-card:before{left:-4px}.transition-card:after{right:-4px}.transition-topline{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #85769b4f;font-family:var(--pixel-font);color:var(--transition-accent);font-size:15px;gap:16px}.transition-topline .transition-context{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:1.4px;color:#bdb2cd}.scout-lane{height:127px;width:188px;margin:14px auto 0;position:relative;display:flex;align-items:flex-end;justify-content:center;border-bottom:2px solid #7dbbad88;background:repeating-linear-gradient(90deg,transparent 0 25px,#cae9e54d 25px 32px,transparent 32px 40px) 0 121px/100% 2px no-repeat}.scout-lane>.runner{margin-bottom:12px;animation:survey-run .65s steps(8) infinite,scout-traverse 1.6s steps(14) infinite alternate;image-rendering:pixelated}.transition-card h2{font-size:24px;line-height:1.45;margin:24px 0 12px;color:#fbf1ff}.transition-card p{font-size:14px;line-height:1.75;max-width:345px;margin:0 auto 18px;color:#becce0}.transition-destinations{display:flex;justify-content:center;gap:8px;margin:20px -8px 4px}.transition-destinations>span{font-size:11px;padding:6px 7px;border:1px solid #5f58784d;color:#b2aac4;background:#0c14242b}.transition-destinations>span.active{color:var(--transition-accent);border-color:var(--transition-accent);background:#c4a2ff0c}.transition-card>#cancel-transition{color:#a5d4c9;font-size:12px;margin-top:8px;padding:10px}.in-app-transition .transition-card{animation:card-arrive .14s steps(4) both}.in-app-transition .scout-lane>.runner{animation-duration:.65s,.48s;animation-iteration-count:infinite,1;animation-direction:normal,normal;animation-fill-mode:none,both}
@keyframes scout-traverse{from{translate:-48px 0}to{translate:48px 0}}@keyframes card-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1180px){.main-nav{gap:7px}.main-nav button{padding:0 7px}.pipeline-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{padding:23px}.report-metric{padding:19px}.metric-grid{gap:12px}}
@media(max-width:760px){.main-nav button{padding:0 10px}.content-page{padding:24px 18px}.page-heading{padding:19px 18px;box-shadow:3px 3px 0 #070b18}.page-heading h1{font-size:25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-metric{padding:16px}.report-metric strong{font-size:27px;overflow-wrap:anywhere}.report-metric>span{font-size:13px}.pipeline-steps{grid-template-columns:1fr;gap:16px}.pipeline-step{padding:22px}.pipeline-step h2{font-size:18px}.pipeline-step p{font-size:15px}.pipeline-summary{flex-wrap:wrap}.pipeline-summary>span:last-child{margin-left:0}.transition-card{padding:0 19px 13px}.transition-card h2{font-size:22px}.transition-destinations{gap:5px}.transition-topline{font-size:14px}.transition-destinations>span{font-size:10px}.report-block h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.scout-lane>.runner,.in-app-transition .transition-card{animation:none!important;translate:none!important}.route-transition,.transition-screen{backdrop-filter:none}}