/* The fixed paper samples share the warm workbench foundation. */
.tool-detail-experience .dlx-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.tool-detail-experience .dlx-preview { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:68px minmax(0,1fr); min-width:0; min-height:600px; overflow:hidden; background:var(--console-view); }
.tool-detail-experience .dlx-viewport-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 20px; }
.tool-detail-experience .dlx-view-actions { display:flex; align-items:center; gap:8px; }
.tool-detail-experience .dlx-view { position:relative; width:100%; min-width:0; box-sizing:border-box; display:grid; align-content:center; padding:8px 24px 32px; }
.tool-detail-experience .dlx-model { justify-items:center; }
.tool-detail-experience .dlx-model-viewport { width:100%; height:clamp(380px,36vw,560px); min-width:0; }
.tool-detail-experience .dlx-model-viewport canvas { cursor:grab; touch-action:pan-y pinch-zoom; outline-offset:-4px; }
.tool-detail-experience .dlx-model-viewport canvas:active { cursor:grabbing; }
.tool-detail-experience .dlx-view svg { display:block; width:100%; height:clamp(380px,36vw,560px); overflow:visible; }
.tool-detail-experience .dlx-flat-face { fill:transparent; cursor:pointer; pointer-events:all; }
.tool-detail-experience .dlx-flat-face.is-selected { fill:#729b83; fill-opacity:.32; }
.tool-detail-experience .dlx-flat-face:focus-visible { stroke:var(--console-ink); stroke-width:1.5px; vector-effect:non-scaling-stroke; outline:none; }
.tool-detail-experience .dlx-line { fill:none; stroke:var(--console-ink); stroke-width:.65; vector-effect:non-scaling-stroke; pointer-events:none; }
.tool-detail-experience .dlx-line--crease { stroke:var(--console-muted); stroke-width:.5; stroke-dasharray:2.2 1.7; }
.tool-detail-experience .dlx-preview[data-dlx-layout="flat"] .dlx-model,.tool-detail-experience .dlx-preview[data-dlx-layout="model"] .dlx-flat { display:none; }
.tool-detail-experience .dlx-controls { display:flex; flex-direction:column; }
.tool-detail-experience .dlx-select-control { display:grid; gap:10px; min-width:0; margin-bottom:24px; color:var(--console-ink); font-size:14px; line-height:20px; }
.tool-detail-experience .dlx-select-control select { box-sizing:border-box; width:100%; min-width:0; min-height:36px; padding:6px 28px 6px 12px; border:1px solid var(--console-line); border-radius:6px; background:var(--console-field); color:var(--console-ink); font:inherit; cursor:pointer; }
.tool-detail-experience .dlx-control .console-control-row > label { min-width:0; }
.tool-detail-experience .dlx-control:has([data-dlx-fold]) { margin-bottom:8px; }
.tool-detail-experience .dlx-stage { min-height:18px; margin:0 0 21px; color:var(--console-muted); font-size:12px; line-height:18px; }
.tool-detail-experience .dlx-secondary { margin-top:auto; border-top:1px solid var(--console-line); padding-top:16px; }
.tool-detail-experience .dlx-secondary summary { min-height:36px; box-sizing:border-box; padding:8px 0; color:var(--console-muted); font-size:13px; cursor:pointer; }
.tool-detail-experience .dlx-secondary[open] summary { margin-bottom:16px; }
.tool-detail-experience .dlx-downloads { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.tool-detail-experience .dlx-downloads a { display:inline-flex; flex:1 1 auto; align-items:center; justify-content:center; gap:8px; min-height:36px; box-sizing:border-box; padding:6px 10px; border:1px solid var(--console-line); border-radius:6px; background:var(--console-field); color:var(--console-ink); text-decoration:none; font:inherit; font-size:12px; }
.tool-detail-experience .dlx-downloads span { color:var(--console-muted); }
.tool-detail-experience .dlx-downloads a[aria-disabled="true"] { opacity:.45; pointer-events:none; }
.tool-detail-experience .dlx-downloads a:focus-visible { outline:2px solid var(--console-focus); outline-offset:3px; }
.tool-detail-experience .dlx-limits,.tool-detail-experience .dlx-export-note { margin:12px 0 0; color:var(--console-muted); font-size:12px; line-height:1.65; }
.tool-detail-experience .dlx-controls .tool-live-status { margin:12px 0 0; color:var(--console-muted); font-size:12px; line-height:1.6; }
.tool-detail-experience .dlx-controls .tool-live-status:empty { display:none; }
.dlx-workbench:fullscreen .dlx-preview { min-height:0; }
.dlx-workbench:fullscreen .dlx-model-viewport,.dlx-workbench:fullscreen .dlx-view svg { height:100%; min-height:380px; }
@media (max-width:1050px) {
 .tool-detail-experience .dlx-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; align-content:start; }
 .tool-detail-experience .dlx-controls .console-section-heading,.tool-detail-experience .dlx-controls .dlx-secondary,.tool-detail-experience .dlx-controls .tool-live-status { grid-column:1 / -1; }
 .tool-detail-experience .dlx-preset-label { grid-column:1; grid-row:2; }
 .tool-detail-experience .dlx-control:has([data-dlx-fold]) { grid-column:2; grid-row:2; }
 .tool-detail-experience .dlx-stage { grid-column:2; grid-row:3; }
 .tool-detail-experience .dlx-control:has([data-dlx-observation]) { grid-column:1; grid-row:4; }
 .tool-detail-experience .dlx-select-control:has([data-dlx-face]) { grid-column:2; grid-row:4; }
 .tool-detail-experience .dlx-secondary { margin-top:0; }
 .tool-detail-experience .dlx-preview { min-height:540px; }
 .tool-detail-experience .dlx-model-viewport,.tool-detail-experience .dlx-view svg { height:clamp(380px,56vw,520px); }
}
@media (max-width:600px) {
 .tool-detail-experience .dlx-preview { min-height:380px; grid-template-rows:68px minmax(0,1fr); }
 .tool-detail-experience .dlx-viewport-toolbar { padding:12px; }
 .tool-detail-experience .dlx-view-actions { gap:4px; }
 .tool-detail-experience .dlx-view { padding:0 12px 20px; }
 .tool-detail-experience .dlx-model-viewport,.tool-detail-experience .dlx-view svg { height:clamp(285px,75vw,380px); }
 .tool-detail-experience .dlx-controls { column-gap:20px; }
 .tool-detail-experience .dlx-select-control { margin-bottom:16px; font-size:13px; }
 .tool-detail-experience .dlx-select-control select { min-height:44px; padding-left:10px; }
 .tool-detail-experience .dlx-stage { margin:0 0 17px; font-size:11px; }
 .tool-detail-experience .dlx-secondary summary,.tool-detail-experience .dlx-downloads a { min-height:44px; }
 .tool-detail-experience .dlx-viewport-toolbar .console-icon-button { width:44px; height:44px; }
}