.workbench-body{min-height:100vh;background:radial-gradient(ellipse 65% 47% at 57% -12%,#283a7861,transparent),#060b19}
.workbench-header{height:80px;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1450px)/2));border-bottom:1px solid #a3bcda2b;background:#060b1cef;gap:30px}
.workbench-center{font-size:10px;letter-spacing:.17em;font-weight:800;color:#c4d3f0;display:flex;gap:11px;align-items:center;margin:auto}.workbench-center #current-surface{color:#7999c9}.workbench-slash{color:#708cb6}.workbench-pip{height:8px;width:8px;transform:rotate(45deg);background:#b6cfff;box-shadow:0 0 18px #93bbff}.workbench-return{font-size:11px;color:#ccdafa;border-bottom:1px solid #829dc1;padding:8px 0;white-space:nowrap}.workbench-return:hover{color:#fff}
.workbench-main{max-width:1450px;padding:0 26px 65px;margin:auto}.workbench-intro{padding:65px 5px 50px}.workbench-eyebrow{font-size:10px;color:#97b6e5;letter-spacing:.22em;font-weight:790}.workbench-intro h1{font-size:clamp(56px,7.8vw,110px);letter-spacing:-.075em;line-height:1.08;font-weight:520;margin:24px 0}.workbench-intro h1 i,.surface-panel h2 i{font-family:var(--serif);font-style:italic;font-weight:400;color:#b7c8ff}.workbench-intro>p{font-size:16px;color:#b8c9e1;line-height:1.8;max-width:680px;margin:0}
.surface-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #7895be76;background:#0c1529;overflow:hidden}.surface-button{min-height:102px;position:relative;display:flex;gap:13px;align-items:center;padding:22px 24px;text-align:left;background:transparent;border:0;border-right:1px solid #7895be58;color:#c9d8ed;font-size:24px;font-weight:540;letter-spacing:-.035em;transition:background .2s}.surface-button:last-child{border-right:0}.surface-button.selected{background:#243c6b9e;box-shadow:inset 0 -3px 0 #aad0ff;color:#fff}.surface-button:hover{background:#1e335766}.surface-count{font-size:11px;color:#9fbcde;align-self:flex-start;margin-top:5px;font-weight:750;letter-spacing:.03em}.surface-button small{display:block;margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8dadd5;font-weight:700;line-height:1.6}
.surface-panel{border:1px solid #7895be76;border-top:0;min-height:450px;background:#0b1425}.workbench-column-layout{display:grid;grid-template-columns:minmax(365px,.86fr) minmax(0,1.14fr)}.workbench-input-block,.workbench-output-block{padding:32px 31px 45px;min-width:0}.workbench-input-block{background:linear-gradient(180deg,#142440dc,#101a2cd9);border-right:1px solid #7895be5c}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#9fb9dc;font-size:9px;letter-spacing:.16em;font-weight:800;border-bottom:1px solid #8aa8ce45;padding-bottom:18px}.workbench-input-block h2,.surface-panel h2{font-size:clamp(34px,3.2vw,49px);letter-spacing:-.06em;font-weight:550;margin:31px 0 13px;line-height:1.14}.workbench-input-block>p,.compare-heading>p,.capabilities-heading>p{color:#adbfda;font-size:14px;line-height:1.85;max-width:540px}.input-switches{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:30px 0}.file-open{display:inline-flex;align-items:center;position:relative;background:#e4efff;color:#0c1b33;padding:12px 15px;font-size:11px;font-weight:730;cursor:pointer}.file-open:hover{background:#fff}.file-open input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-open:focus-within{outline:2px solid #bdd9ff;outline-offset:3px}.subtle-action,.mini-button{background:transparent;border:1px solid #839dbd77;color:#c9d9ef;padding:11px 13px;font-size:11px;font-weight:680}.subtle-action:hover,.mini-button:hover{background:#adcfff1c}.mini-button:disabled{opacity:.36;cursor:not-allowed}.field-label{display:flex;justify-content:space-between;gap:12px;color:#a5bee5;font-size:10px;letter-spacing:.12em;font-weight:750;margin-bottom:11px}.field-label span{color:#718caf;font-size:9px}.workbench-input-block textarea,.compare-code textarea{width:100%;resize:vertical;min-height:185px;line-height:1.65;font-family:Consolas,"Cascadia Code",monospace;font-size:12px;border:1px solid #839ec04e;background:#071020;color:#dbedff;padding:17px 15px;outline:none;tab-size:2}.workbench-input-block textarea:focus,.compare-code textarea:focus,.capability-index input:focus,.identity-control select:focus{border-color:#b6d0ff;box-shadow:0 0 0 2px #5984d62d}.small-explanation{color:#88a1c1!important;font-size:11px!important;line-height:1.7!important}.action-row,.compare-commands{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:21px}.major-action{background:#dceaff;color:#0a182e;border:0;font-size:12px;font-weight:780;letter-spacing:.015em;padding:15px 18px;display:inline-flex;align-items:center;gap:35px;min-height:49px}.major-action:hover{background:#fff;box-shadow:0 0 24px #9bbcfa34}.major-action span{font-size:18px}.action-row>span,.compare-commands>span{color:#92accc;font-size:12px}
.analysis-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px}.analysis-summary>p{grid-column:1/-1;color:#9ab0cf}.stat{padding:18px 13px;background:#16253e;border:1px solid #799ac331}.stat-number{display:block;color:#eef6ff;font-size:30px;line-height:1.2;letter-spacing:-.06em;font-weight:620}.stat-caption{display:block;color:#8cadd2;font-size:10px;line-height:1.5;letter-spacing:.07em;margin-top:5px}.analysis-detail{margin-top:35px}.detail-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px}.detail-head h3{font-size:19px;margin:0;font-weight:570;letter-spacing:-.03em}.detail-head>span{font-size:11px;color:#87abd9}.findings-list{display:grid;gap:8px}.finding{border-left:2px solid #7db9fc;padding:13px 15px;background:#17294481}.finding.contradiction{border-color:#e0a883}.finding.info{border-color:#7f9fbc}.finding strong{font-size:13px;font-weight:710}.finding p{margin:6px 0 0;font-size:12px;color:#a9c0df;line-height:1.55}.identity-control{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:32px 0 14px}.identity-control label{font-size:10px;letter-spacing:.11em;font-weight:760;color:#b7cceb}.identity-control select{color:#e3eeff;background:#142642;border:1px solid #849ec174;padding:9px 11px;max-width:70%;min-width:120px}.rift-view{border:1px solid #849cb55b;background:radial-gradient(circle at 50% 44%,#304b8c50,transparent 52%),#080f20}.rift-view-head{display:flex;justify-content:space-between;gap:15px;padding:13px 16px;color:#94b1dc;font-size:9px;letter-spacing:.13em;font-weight:750;border-bottom:1px solid #829cc159}.rift-view svg{width:100%;height:auto;max-height:340px;display:block}.rift-view text{font-family:"Segoe UI",Arial,sans-serif}.rift-explanation{font-size:11px;color:#8ea9cc;line-height:1.7;margin:0;border-top:1px solid #829cc13f;padding:13px 16px}.data-table-wrap{margin-top:30px}.data-table-scroll{overflow:auto;border:1px solid #6e8cae67;max-height:275px}.data-table-scroll table{border-collapse:collapse;width:100%;min-width:440px;font-size:11px;text-align:left}.data-table-scroll th{background:#192943;position:sticky;top:0;color:#c9dcf8;z-index:1;font-weight:720}.data-table-scroll th,.data-table-scroll td{padding:10px 12px;border-bottom:1px solid #5e799745;border-right:1px solid #5e79972b;white-space:nowrap}.data-table-scroll td{color:#acbed6}.data-table-scroll tr:hover td{background:#22355375}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.identity-observations:not(:empty){padding:12px 14px;margin:0 0 16px;background:#4c3e3655;border-left:2px solid #d5ad8f;color:#dfceb9;font-size:12px;line-height:1.6}
.compare-heading,.capabilities-heading{padding:32px 34px 15px}.compare-heading>p,.capabilities-heading>p{max-width:750px;margin-bottom:0}.compare-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 34px 0}.compare-code label{display:block;font-size:10px;letter-spacing:.13em;color:#abc4e8;margin-bottom:12px;font-weight:780}.compare-code textarea{min-height:300px;resize:vertical}.compare-commands{margin:18px 34px 26px}.compare-results{padding:25px 34px 48px;border-top:1px solid #829dc154;min-height:165px}.empty-comparison{color:#8ca9cc;font-size:14px}.diff-summary{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:18px}.diff-total{background:#172944;border:1px solid #7c97b250;padding:14px 19px;color:#dfebff}.diff-total strong{font-size:27px;display:block}.diff-total span{font-size:10px;letter-spacing:.1em;color:#9cb5d5}.diff-entry{display:grid;grid-template-columns:100px minmax(125px,.7fr) minmax(0,1.2fr) minmax(0,1.2fr);border-top:1px solid #7797bb46;gap:12px;align-items:start;padding:13px 0;font-size:12px;color:#c9d8ef}.diff-kind{font-size:10px;letter-spacing:.1em;font-weight:800;color:#a4c8fb}.diff-path{font-family:Consolas,monospace;font-size:11px;overflow-wrap:anywhere}.diff-value{font-family:Consolas,monospace;font-size:11px;overflow-wrap:anywhere;color:#b2c6df;line-height:1.6}.diff-added .diff-kind{color:#a9d8be}.diff-removed .diff-kind{color:#f2afa6}.compare-results .diff-note{font-size:11px;color:#879fbe;line-height:1.6;margin-top:19px}
.capabilities-heading{padding-bottom:34px}.capability-explorer{display:grid;grid-template-columns:minmax(240px,.42fr) minmax(0,.58fr);margin:0 34px 36px;border:1px solid #849bbd64;min-height:475px}.capability-index{padding:26px;border-right:1px solid #849bbd5e;background:#0d1a30}.capability-index input{width:100%;padding:13px;background:#081222;border:1px solid #829ab65a;color:#ebf5ff;outline:0}.capability-list{margin-top:20px;display:grid;gap:4px}.capability-choice{padding:14px 12px;text-align:left;color:#d2e3f7;background:transparent;border:1px solid transparent;display:flex;justify-content:space-between;align-items:center;gap:13px}.capability-choice:hover,.capability-choice.active{border-color:#7799c971;background:#1f386196}.capability-choice strong{font-size:13px;font-weight:620}.capability-choice small{font-size:9px;color:#96b3d9;white-space:nowrap}.capability-inspect{padding:27px 30px}.capability-inspect h3{font-size:clamp(29px,3vw,44px);letter-spacing:-.05em;line-height:1.2;font-weight:550;margin:32px 0 15px}.capability-inspect p{color:#b8cbe3;line-height:1.8;font-size:14px}.capability-lens{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #708eaf5e}.capability-lens dt{color:#8cafd8;font-size:10px;letter-spacing:.13em}.capability-lens dd{margin:0;font-size:13px;color:#cfdef0;line-height:1.7}.capability-source{margin-top:26px;font-size:11px;color:#829fc4}.workbench-base{display:flex;align-items:center;gap:22px;justify-content:space-between;flex-wrap:wrap;padding-top:30px;font-size:9px;letter-spacing:.09em;color:#7892b6}.workbench-base a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.workbench-column-layout{grid-template-columns:1fr}.workbench-input-block{border-right:0;border-bottom:1px solid #7895be5c}.surface-button{font-size:21px}.surface-button small{display:none}.workbench-output-block{padding:30px}.workbench-input-block textarea{min-height:195px}.capability-explorer{grid-template-columns:.44fr .56fr}}
@media(max-width:700px){.workbench-header{height:70px;padding:0 20px}.workbench-center{display:none}.workbench-return{margin-left:auto}.workbench-main{padding:0 15px 40px}.workbench-intro{padding:47px 4px 30px}.workbench-intro h1{font-size:52px;margin:17px 0}.workbench-intro>p{font-size:14px}.surface-button{padding:15px 10px;min-height:74px;gap:5px;font-size:14px;flex-direction:column;align-items:flex-start}.surface-count{font-size:9px}.workbench-input-block,.workbench-output-block{padding:22px 16px 34px}.workbench-input-block h2,.surface-panel h2{font-size:34px}.analysis-summary{gap:6px}.stat{padding:12px 8px}.stat-number{font-size:24px}.stat-caption{font-size:9px}.compare-heading,.capabilities-heading{padding:24px 17px}.compare-inputs{grid-template-columns:1fr;padding:13px 17px;gap:21px}.compare-code textarea{min-height:200px}.compare-commands{margin:12px 17px 23px}.compare-results{padding:19px 17px 30px}.diff-entry{grid-template-columns:74px 1fr;gap:7px}.diff-entry .diff-value{grid-column:2}.capability-explorer{grid-template-columns:1fr;margin:0 17px 23px}.capability-index{border-right:0;border-bottom:1px solid #849bbd5e;padding:17px}.capability-inspect{padding:18px}.capability-lens{grid-template-columns:85px 1fr;gap:11px}.workbench-base{font-size:9px;gap:10px}}
