:root{color:#edf2f4;font-synthesis:none;text-rendering:optimizelegibility;--chrome:#111d27;--chrome-raised:#172630;--line:#31434f;--muted:#98a9b2;--green:#31a36f;--yellow:#d59b35;--red:#d94e46;--blue:#3288df;background:#0b141b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:720px;margin:0}body{overflow:hidden}button{font:inherit}button:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:2px solid #78bbff}.welcome-screen{background:#07121d url(/assets/ols-cover-background.png) 50%/cover no-repeat;align-items:center;min-height:100vh;padding:clamp(48px,8vw,138px);display:flex}.welcome-copy{color:#fff;text-shadow:0 2px 20px #00000094;width:min(520px,42vw)}.welcome-mark{letter-spacing:.34em;margin-bottom:28px;font-size:16px;font-weight:850}.welcome-copy h1{letter-spacing:-.055em;max-width:480px;margin:0;font-size:clamp(48px,5.1vw,78px);line-height:.98}.welcome-copy p{color:#d8e1e7;letter-spacing:-.01em;margin:28px 0 38px;font-size:clamp(18px,1.55vw,24px)}.primary-button,.secondary-button,.selection-actions button,.placement-controls button,.tab-button{color:#eef5f7;cursor:pointer;background:#1a2c38;border:1px solid #476172;border-radius:5px;min-height:38px;padding:9px 14px;font-size:12px;font-weight:750}.primary-button{color:#07151b;background:#e7ad43;border-color:#dba749}.primary-button:hover{background:#f0b951}.secondary-button:hover,.selection-actions button:hover,.placement-controls button:hover{background:#243b49}button:disabled{opacity:.42;cursor:not-allowed}.welcome-start{min-height:52px;text-shadow:none;padding:14px 24px;font-size:15px;box-shadow:0 10px 30px #00000052}.app-shell{background:radial-gradient(circle at 48% -30%,#243744 0,#0c171f 53%);grid-template-rows:48px 46px minmax(0,1fr) minmax(32px,auto);gap:8px;height:100vh;min-height:720px;padding:12px;display:grid}.app-header{background:linear-gradient(100deg,#182832f0,#0d1921b8);border:1px solid #3a4f5bb8;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:0 7px 0 12px;display:flex;position:relative}.app-header:before{content:"";background:#d5a344;border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:-1px}.brand-lockup{align-items:baseline;gap:11px;display:flex}.brand-lockup strong{color:#efb950;letter-spacing:.15em;font-size:18px}.brand-lockup span{letter-spacing:-.01em;font-size:15px;font-weight:760}.layout-management{align-items:center;gap:5px;display:flex}.layout-management button{color:#98a8b0;background:#16232c;border:1px solid #3d4e58;border-radius:4px;min-height:30px;padding:5px 9px;font-size:10px;font-weight:720}.layout-management button:disabled{opacity:.64}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.stage-buttons{align-items:center;gap:7px;display:flex}.compact-button{min-height:34px;padding:7px 12px}.stage-strip{background:#13212bf5;border:1px solid #30434f;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.stage-strip>div:first-child{align-items:baseline;gap:10px;display:flex}.stage-strip span{color:#8fa1aa;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:750}.stage-strip strong{font-size:13px}.pad-progress{gap:6px;display:flex}.pad-progress .progress-item{color:#b7c4ca;letter-spacing:.04em;border:1px solid #3a4b55;border-radius:12px;padding:4px 8px;font-size:9px}.pad-progress .progress-item--complete{color:#8de1ba;border-color:#31a36f9e}.workspace{grid-template-columns:270px minmax(0,1fr) 288px;gap:8px;min-height:0;display:grid}.panel,.map-panel{border:1px solid var(--line);background:#111d27f7;border-radius:7px;min-height:0;overflow:hidden}.panel{flex-direction:column;display:flex}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;padding:13px 14px 10px;display:flex}.section-label{color:#8ea1ab;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800;line-height:1;display:block}.section-label--dark{color:#576367;margin-bottom:3px}.panel-heading h2{margin:5px 0 0;font-size:15px}.count-badge{color:#b9c8cd;background:#e7ad4314;border:1px solid #e7ad4373;border-radius:5px;grid-template-columns:auto auto;align-items:baseline;gap:4px;min-width:54px;padding:5px 8px;display:grid}.count-badge strong{color:#f0ba58;font-size:18px;line-height:1}.count-badge span{letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:750}.panel-intro{color:var(--muted);border-bottom:1px solid #293944;margin:0;padding:9px 14px;font-size:11px;line-height:1.4}.equipment-list{scrollbar-width:thin;scrollbar-color:#52646e transparent;min-height:0;padding:7px;overflow-y:auto}.catalog-group{margin-bottom:5px}.equipment-item{color:#eaf0f2;text-align:left;cursor:pointer;background:#172630;border:1px solid #31444f;border-radius:5px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:65px;padding:8px 52px 12px 7px;display:grid;position:relative}.catalog-group .equipment-item+.equipment-item{margin-top:4px}.equipment-item:hover,.equipment-item:focus-visible{background:#1c2d38;border-color:#607b8c}.equipment-item--available{background:#1a2c37;border-color:#456170;box-shadow:0 1px #ffffff08}.equipment-item--available:hover,.equipment-item--available:focus-visible{background:#203541;border-color:#7f9ba9}.equipment-item--selected{background:#1c3545;border:2px solid #7bbcff;box-shadow:inset 4px 0 #e7ad43,0 0 0 1px #7bbcff29}.equipment-item--placed{background:#13222b}.equipment-item--inactive{color:#9ba8ad;cursor:not-allowed;background:#111d25;border-color:#293943}.equipment-item--inactive .equipment-copy,.equipment-item--inactive .equipment-icon-wrap{opacity:.5}.equipment-icon-wrap{color:#d2dce0;place-items:center;width:32px;height:32px;display:grid}.equipment-icon-wrap svg{width:29px;height:29px}.equipment-copy{min-width:0}.equipment-name{margin-bottom:3px;font-size:12px;font-weight:760;display:block}.equipment-description{color:#aab9bf;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.availability-dot{background:var(--green);border-radius:50%;width:7px;height:7px;position:absolute;top:10px;right:9px}.equipment-item--inactive .availability-dot{background:#6c7880}.availability-dot--placed{background:var(--blue);box-shadow:0 0 0 3px #3288df29}.component-state-label{color:#90a1a9;letter-spacing:.08em;text-transform:uppercase;font-size:7.5px;font-weight:820;position:absolute;bottom:7px;right:8px}.equipment-item--selected .component-state-label{color:#b9ddff}.equipment-reason{z-index:30;color:#f2f5f6;opacity:0;visibility:hidden;background:#0d1820;border:1px solid #60717b;border-radius:4px;padding:7px 8px;font-size:9.5px;line-height:1.35;position:absolute;bottom:5px;left:8px;right:8px;transform:translateY(3px);box-shadow:0 5px 16px #0006}.equipment-item--inactive:hover .equipment-reason,.equipment-item--inactive:focus-visible .equipment-reason{opacity:1;visibility:visible;transform:none}.map-panel{background:#b89569;grid-template-rows:48px auto auto;align-self:start;display:grid}.map-toolbar{color:#1a2529;background:#edf0ed;border-bottom:1px solid #b8bfbc;justify-content:space-between;align-items:center;gap:12px;padding:7px 11px;display:flex}.map-toolbar strong{font-size:12px}.placement-controls{align-items:center;gap:6px;display:flex}.placement-controls span{color:#31525f;font-size:10px;font-weight:750}.placement-controls button{color:#27353b;background:#fff;border-color:#9ba9ac;min-height:30px;padding:5px 9px;font-size:10px}.map-stage{aspect-ratio:1672/941;background:#b89569;width:100%;position:relative;overflow:hidden}.map-stage>img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.site-surface-mask{pointer-events:none;background:#ceb999c2;width:79.05%;height:75.8%;position:absolute;top:7.2%;left:10.85%;box-shadow:inset 0 0 28px #977a5729}.grid-surface{--grid-columns:24;--grid-rows:17;aspect-ratio:24/17;background-image:repeating-linear-gradient(to right, #5c524359 0 1px, transparent 1px calc(100% / var(--grid-columns))), repeating-linear-gradient(to bottom, #5c524359 0 1px, transparent 1px calc(100% / var(--grid-rows)));cursor:crosshair;background-color:#decfb738;outline:1px solid #52483b80;height:75.8%;position:absolute;top:7.2%;left:50%;transform:translate(-50%)}.grid-object{border-radius:2px;margin:0;padding:0;position:absolute}.grid-surface--placing .component,.grid-surface--placing .well-pad{pointer-events:none}.well-pad{z-index:1;cursor:pointer;background:#898b7fb8;border:1px solid #4d4f45b3;box-shadow:inset 0 0 0 1px #fff3}.component{z-index:3;color:#18303a;cursor:pointer;background:#edf1ebed;border:1.5px solid;place-items:center;gap:1px;display:grid;overflow:hidden;box-shadow:0 2px 5px #30231642}.component svg{width:min(58%,28px);height:min(58%,28px)}.component>span{display:none}.component--green{border-color:#1d704f}.component--yellow{border-color:#9a6309}.component--red{border-color:#a72f29}.component--wellhead{z-index:7;color:#f9f4e8;background:#9f6837;border:2px solid #794a21;border-radius:50%;box-shadow:inset 0 0 0 2px #ffeec652,0 1px 4px #42250a80}.component--wellhead svg{width:78%;height:78%}.component--drilling-rig{z-index:4;color:#0b4b63;background:#56b7d8d1}.component--catwalk{background:#f4e14ce6}.placement-preview{z-index:12;pointer-events:none;border:2px dashed;place-items:center;display:grid}.placement-preview svg{width:55%;height:55%}.placement-preview--valid{color:#0e6945;background:#36b87b57;border-color:#1f9b67}.placement-preview--invalid{color:#8d201c;background:#da463d6b;border-color:#d3443c}.grid-object--selected{outline-offset:2px;outline:2px solid #168df2}.empty-map-message{z-index:15;color:#263235;text-align:center;pointer-events:none;background:#efe5d3db;border:1px dashed #2d383a7a;border-radius:5px;padding:10px 15px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.empty-map-message span{font-size:11px;font-weight:800;display:block}.empty-map-message small{color:#596263;margin-top:3px;font-size:9px;display:block}.hard-message{color:#7d201c;background:#f4d7d4;border-top:1px solid #d9a5a0;min-height:30px;padding:7px 11px;font-size:10.5px;font-weight:700}.context-panel{color:#e8eef0}.context-scroll{scrollbar-width:thin;scrollbar-color:#52646e transparent;min-height:0;overflow-y:auto}.cellar-counter{color:#9fb0b8;white-space:nowrap;background:#14232c;border:1px solid #3a4d58;border-radius:4px;flex:none;padding:5px 7px;font-size:9px;font-weight:700}.cellar-counter strong{color:#e6edf0;font-size:12px}.selected-component-section,.placement-feedback-section,.current-review-section{padding:12px}.selected-component-section,.placement-feedback-section{border-bottom:1px solid var(--line)}.component-preview{aspect-ratio:16/9;color:#dce6e9;background:radial-gradient(circle at 50% 35%,#263d49,#14242d 72%);border:1px solid #3a505c;border-radius:6px;place-items:center;width:100%;display:grid;overflow:hidden}.component-preview img{object-fit:contain;width:100%;height:100%;display:block}.component-preview__fallback{place-items:center;width:100%;height:100%;display:grid}.component-preview__fallback svg{width:34%;max-width:78px;height:62%}.selected-component-copy{padding:11px 1px 0}.selected-component-copy h3{margin:5px 0 4px;font-size:15px}.selected-component-copy p,.context-note{color:#aebdc3;margin:0;font-size:10.5px;line-height:1.45}.contextual-actions{margin-top:10px}.contextual-actions>.compact-button{width:100%}.contextual-actions .stage-buttons{flex-wrap:wrap}.contextual-actions .stage-buttons>button{flex:auto}.context-section-heading{margin-bottom:8px}.feedback-empty{text-align:center;color:#91a2aa;margin:auto 22px}.feedback-empty-icon{border:1px solid #3d505a;border-radius:50%;place-items:center;width:46px;height:46px;margin:0 auto 11px;font-size:27px;display:grid}.feedback-empty h3{color:#dbe4e7;margin:0 0 7px;font-size:14px}.feedback-empty p{margin:0;font-size:11px;line-height:1.5}.selection-actions{gap:6px;margin:11px 0;display:flex}.selection-actions button{flex:1;min-height:32px;padding:6px;font-size:10px}.selection-actions .danger-button{color:#ffb4ae;border-color:#74433f}.status-summary{border:1px solid;border-radius:5px;align-items:center;gap:9px;margin:11px 0;padding:10px;display:flex}.status-summary--green{background:#31a36f17;border-color:#31a36f8c}.status-summary--yellow{background:#d59b3517;border-color:#d59b3594}.status-summary--red{background:#d94e4617;border-color:#d94e4694}.status-summary span:not(.status-icon){color:#94a5ad;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.status-summary strong{margin-top:2px;font-size:13px;display:block}.status-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;font-size:11px;font-weight:900;display:inline-grid}.status-icon--green{background:var(--green)}.status-icon--yellow{background:var(--yellow)}.status-icon--red{background:var(--red)}.finding-list{gap:7px;display:grid}.finding{background:#15242d;border:1px solid #30434e;border-radius:5px;padding:10px}.finding-heading{align-items:center;gap:6px;display:flex}.finding-heading strong{font-size:11px}.finding>p{color:#c2ced2;margin:8px 0 9px;font-size:10.5px;line-height:1.45}.recommendation{border-top:1px solid #2d414b;padding-top:8px}.recommendation>span{color:#8fa1a9;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.recommendation p{color:#e0e7e9;margin:4px 0 0;font-size:10px;line-height:1.4}.training-disclaimer{color:#81929a;margin:12px 0 0;font-size:9px;line-height:1.45}.tab-button{min-height:30px;padding:5px 9px}.tab-button--active{color:#9dd1ff;border-color:#3989d6}.live-message{color:#b9c8ce;overflow-wrap:anywhere;align-items:center;min-width:0;min-height:32px;padding:4px 8px;font-size:10.5px;line-height:1.35;display:flex}.dialog-backdrop{z-index:100;background:#040a0eb8;place-items:center;display:grid;position:fixed;inset:0}.dialog{color:#eaf0f2;background:#13232d;border:1px solid #405560;border-radius:8px;width:min(460px,100vw - 40px);padding:23px;box-shadow:0 24px 70px #0000008c}.dialog h2{margin:0 0 10px;font-size:20px}.dialog p{color:#b8c6cc;font-size:12px;line-height:1.55}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (width<=1320px){.app-shell{padding:9px}.workspace{grid-template-columns:246px minmax(0,1fr) 254px;gap:7px}.equipment-item{min-height:59px}.equipment-description{-webkit-line-clamp:1}.edit-actions .secondary-button{padding-inline:7px}}@media (width<=900px){html,body,#root{min-height:100%}body{overflow:auto}.app-shell{grid-template-rows:auto auto auto auto;height:auto;min-height:100vh}.app-header{flex-wrap:wrap;min-height:48px;padding-block:7px}.layout-management{width:100%}.layout-management button{flex:1}.stage-strip{align-items:flex-start;gap:8px}.stage-strip>div:first-child{display:block}.stage-strip strong{margin-top:3px;display:block}.workspace{grid-template-columns:1fr}.equipment-panel{max-height:460px}.map-panel{order:-1;width:100%}.context-panel{max-height:none}.map-toolbar{flex-wrap:wrap}}@media (prefers-reduced-motion:no-preference){.equipment-item,.primary-button,.secondary-button,.grid-object,.equipment-reason{transition:border-color .14s,background .14s,box-shadow .14s,opacity .14s,transform .14s}}