.clash-experience{background:#101613;color:#edf4ef;padding:88px 0;scroll-margin-top:100px;letter-spacing:0}
.clash-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;margin-bottom:40px}.clash-intro h2{font-size:36px;color:#fff;margin:8px 0 16px}.clash-intro p{color:#bdccc4}.clash-intro .clash-lead{font-size:24px;line-height:1.4;color:#fff;max-width:440px}.clash-intro .text-link{color:#aaf0cf}
.clash-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;border-top:1px solid #43564c;border-bottom:1px solid #43564c}.clash-viewport{position:relative;height:560px;min-width:0;overflow:hidden;background:#101613}.clash-viewport canvas{display:block;width:100%;height:100%;touch-action:pan-y}.clash-viewport canvas:focus-visible{outline:3px solid #ffda60;outline-offset:-4px}.clash-fallback{padding:28px;color:#c5d5cc}.clash-viewport.is-ready>.clash-fallback{display:none}
.clash-controls{padding:24px 20px;border-left:1px solid #43564c;min-width:0;display:flex;flex-direction:column;gap:16px}.clash-controls label{display:grid;gap:8px;font-size:13px;color:#d3e0d8;font-weight:600}.clash-controls select{width:100%;min-height:44px;background:#1c2922;border:1px solid #6d8376;border-radius:4px;padding:10px;color:#fff;font-size:14px}.clash-controls input[type=range]{width:100%;accent-color:#aaf0cf;min-height:32px}.clash-controls input[type=checkbox]{accent-color:#aaf0cf;width:18px;height:18px}.clash-controls label.clash-check{display:flex;align-items:center;gap:10px}.clash-controls output{font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}.clash-result{border-left:3px solid #ff8d7d;padding:8px 0 8px 12px;min-height:79px}.clash-result[data-state=clear]{border-color:#aaf0cf}.clash-result[data-state=clearance]{border-color:#ffda60}.clash-result strong{display:block;color:#fff;font-size:17px;line-height:1.4}.clash-result p{font-size:13px;color:#c5d5cc;margin:5px 0 0}.clash-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#cad8d0}.clash-swatch{display:inline-block;width:10px;height:10px;margin-right:5px;background:#e1bb6e}.clash-swatch.mep{background:#69d8ba}.clash-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.clash-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;background:#25382d;border:1px solid #657e6c;color:#fff;border-radius:4px;padding:9px 12px;font:inherit;font-size:13px;cursor:pointer}.clash-actions button svg{width:18px;height:18px}.clash-actions button[data-reset-view]{width:44px;padding:0}.clash-controls :focus-visible{outline:3px solid #ffda60;outline-offset:3px}.clash-object-ids{font:12px/1.6 monospace;color:#9cafa3}.clash-controls small{font-size:12px;line-height:1.5;color:#b4c5ba}.clash-controls button:hover{background:#344e3d}
@media(max-width:900px){.clash-intro{gap:30px}.clash-workspace{grid-template-columns:minmax(0,1fr) 260px}.clash-viewport{height:590px}}
@media(max-width:650px){.clash-experience{padding:52px 0}.clash-intro{grid-template-columns:1fr;gap:16px}.clash-intro h2{font-size:28px}.clash-intro .clash-lead{font-size:21px}.clash-workspace{grid-template-columns:1fr}.clash-viewport{height:340px}.clash-controls{border-left:0;border-top:1px solid #43564c;padding:20px 12px;gap:14px}.clash-result{min-height:65px}}
.clash-view-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#11171d;border-bottom:1px solid #354450}.clash-view-tools button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #14d5cf;border-radius:4px;background:rgba(20,213,207,.05);color:#14d5cf;font:inherit;cursor:pointer}.clash-view-tools button svg{width:20px;height:20px}.clash-view-tools button:focus-visible{outline:2px solid #14d5cf;outline-offset:3px}.clash-view-tools [role=status]{font-size:12px;color:#b8c5ce}.clash-workspace:fullscreen{display:flex!important;flex-direction:column;width:100%;height:100dvh;max-width:none;margin:0;background:#0e1116;border:0}.clash-workspace:fullscreen [data-clash-viewport]{flex:1;min-height:0;height:auto!important}.clash-workspace:fullscreen .clash-view-tools{flex-shrink:0}