.dp-intro{padding:24px 0 22px}.dp-intro>span{font:11px ui-monospace,monospace;letter-spacing:.22em;color:#8b7252}.dp-intro h1{font-size:clamp(28px,4vw,48px);font-weight:700;letter-spacing:-.04em;margin:12px 0}.dp-intro h1 em{font-style:normal;color:#a06d37}.dp-intro p{color:#66716e;margin:0;line-height:1.7}.dp-lab{--dp-ink:#e9e6df;--dp-muted:#a5aba8;color:var(--dp-ink);display:grid;grid-template-columns:minmax(0,1fr) 290px;background:#131b1c;border:1px solid #34413e;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #1c342015}.dp-scene{min-width:0;background:radial-gradient(ellipse at 45% 40%,#24302e 0,#131c1d 65%);position:relative}.dp-scene-heading{position:absolute;left:25px;right:25px;top:22px;display:flex;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:.17em;color:#b3bab5;z-index:1}.dp-scene-heading #dp-status{letter-spacing:0;color:#dcb984}#dp-canvas{display:block;width:100%;height:500px;touch-action:none;outline-offset:-4px;cursor:grab}.dp-scene-caption{display:flex;gap:20px;flex-wrap:wrap;padding:0 24px 18px;color:#bdc4be;font-size:11px}.dp-scene-caption>span:last-child{margin-left:auto;color:#929e97}.dp-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e5b574;margin-right:6px}.dp-dot.dp-blue{background:#86c8d0}.dp-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff12;padding:22px 24px;gap:12px}.dp-metrics small{font-size:10px;color:#a6b0a8;display:block;margin-bottom:8px}.dp-metrics strong{font:23px ui-monospace,monospace;font-weight:400;white-space:nowrap}.dp-metrics strong span{font:10px ui-monospace,monospace;color:#a6b0a8}.dp-controls{padding:26px 24px;background:#1e2827;border-left:1px solid #ffffff12;display:flex;flex-direction:column;gap:17px}.dp-chapter>span{font-size:10px;letter-spacing:.08em;color:#a6b0a8}.dp-chapter h2{font-size:16px;margin:8px 0 3px;font-weight:500}.dp-range{font-size:12px;display:block}.dp-range output{float:right;color:#e5b574;font:12px ui-monospace,monospace}.dp-lab input[type=range]{width:100%;display:block;margin:12px 0 0;accent-color:#deb37c;min-height:22px;cursor:pointer}.dp-field{font-size:12px;display:flex;align-items:center;gap:10px;justify-content:space-between}.dp-field select{min-width:0;max-width:170px;color:#eee9dd;background:#141d1c;border:1px solid #4b5952;border-radius:7px;padding:9px 7px;font-size:11px}.dp-lab button{font:inherit;font-size:12px;color:#dedfd5;background:#26332e;border:1px solid #546254;border-radius:8px;min-height:39px;padding:9px 12px;cursor:pointer}.dp-lab button:hover{background:#354238}.dp-presets{display:flex;gap:6px;flex-wrap:wrap}.dp-presets button{font-size:10px;padding:7px 8px;min-height:33px}.dp-second{border-top:1px solid #ffffff14;padding-top:18px}.dp-actions{display:flex;gap:9px}.dp-actions .dp-primary{flex:1;background:#e5b574;border-color:#e5b574;color:#1d271e;font-weight:600}.dp-actions .dp-primary:hover{background:#f3cc99}.dp-toggle{font-size:12px;display:flex;align-items:center;gap:8px;cursor:pointer}.dp-toggle input{accent-color:#e5b574;width:15px;height:15px}.dp-toggle span{font-size:10px;color:#a5afa5;margin-left:auto}.dp-help{font-size:10px;line-height:1.8;color:#a5afa5;margin:0}.dp-timeline{grid-column:1/-1;border-top:1px solid #ffffff12;padding:18px 24px 14px;background:#192221}.dp-timeline>div{display:flex;justify-content:space-between;font-size:12px}.dp-timeline output{font:11px ui-monospace,monospace;color:#d9bc94}.dp-timeline p{font-size:10px;color:#a8b1a7;margin:7px 0 0}.dp-notes{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px 5px;line-height:1.9}.dp-notes section>span{font:11px ui-monospace,monospace;color:#9b7851}.dp-notes h2{font-size:18px;margin:6px 0 10px}.dp-notes p{font-size:13px;color:#68736e;margin:0}.dp-notes a{font-size:12px;color:#996b33}.dp-lab :focus-visible{outline:2px solid #edc68d;outline-offset:4px}@media(max-width:850px){.dp-lab{grid-template-columns:minmax(0,1fr) 250px}.dp-controls{padding:23px 17px}.dp-metrics{padding:20px 18px}.dp-metrics strong{font-size:18px}#dp-canvas{height:490px}}@media(max-width:650px){.dp-lab{grid-template-columns:1fr;border-radius:14px}#dp-canvas{height:410px}.dp-controls{border-left:0;border-top:1px solid #ffffff12;gap:18px}.dp-scene-caption{gap:12px;padding:0 17px 17px}.dp-scene-caption>span:last-child{margin-left:0;width:100%}.dp-metrics{padding:17px;gap:8px}.dp-metrics small{font-size:9px}.dp-metrics strong{font-size:17px}.dp-notes{grid-template-columns:1fr;gap:25px}.dp-timeline{padding:18px}.dp-field select{max-width:190px}.dp-intro{padding-top:15px}.dp-lab button{min-height:44px}.dp-presets button{min-height:40px}}.dp-notes p{font-size:14px;line-height:1.85}.dp-notes a{font-size:14px}.dp-help,.dp-timeline p{font-size:12px;line-height:1.8}.dp-lab button,.dp-presets button{font-size:12px;min-height:44px}.dp-field,.dp-field select,.dp-toggle{font-size:13px}.dp-metrics small{font-size:11px}