@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Unbounded:wght@500;700&display=swap";:root{--dm-bg-1: #100a26;--dm-bg-2: #0e2346;--dm-bg-3: #0a3d4f;--dm-panel: rgba(10, 22, 44, .72);--dm-panel-strong: rgba(7, 18, 36, .84);--dm-border: rgba(145, 210, 240, .27);--dm-ink: #eff8ff;--dm-muted: #bbd7ee;--dm-accent-a: #f7b341;--dm-accent-b: #56dfca;--dm-soft-a: rgba(247, 179, 65, .22);--dm-soft-b: rgba(86, 223, 202, .22);--dm-shadow: 0 24px 56px rgba(0, 5, 18, .42)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--dm-ink);font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(110% 95% at 6% 6%,rgba(246,166,57,.2),transparent 50%),radial-gradient(100% 78% at 92% 12%,rgba(74,221,208,.18),transparent 54%),linear-gradient(158deg,var(--dm-bg-1),var(--dm-bg-2) 52%,var(--dm-bg-3))}.dm{width:min(100%,1180px);margin:0 auto;padding:clamp(12px,2.2vw,28px);display:grid;gap:14px}.dm__hero,.dm__workspace,.dm__seo{border-radius:24px;border:1px solid var(--dm-border);background:linear-gradient(145deg,#0b182ed6,#0c1d34ad);box-shadow:var(--dm-shadow)}.dm__hero{padding:clamp(14px,2.6vw,24px)}.dm__eyebrow{margin:0;color:#9fd9ff;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}.dm__hero h1{margin:9px 0 0;font-family:Unbounded,Segoe UI,sans-serif;font-size:clamp(1.7rem,5.8vw,3rem);line-height:1.08;letter-spacing:.01em}.dm__lead{margin:12px 0 0;max-width:66ch;color:var(--dm-muted);line-height:1.48}.dm__workspace{padding:clamp(12px,2.2vw,20px);display:grid;grid-template-columns:minmax(280px,1fr) minmax(340px,1.24fr);gap:12px;align-items:start}.dm__panel,.dm__stage{border-radius:18px;border:1px solid rgba(146,210,239,.24);background:linear-gradient(150deg,#081428d1,#09192dad);padding:clamp(11px,1.8vw,16px)}.dm__panel,.dm__field-grid{display:grid;gap:10px}.dm__field{display:grid;gap:6px}.dm__field span{color:#c6def3;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dm__field input{width:100%;border-radius:12px;border:1px solid rgba(151,213,241,.35);background:#061122d1;color:var(--dm-ink);min-height:46px;padding:0 12px;font:inherit;font-size:.97rem}.dm__field input::placeholder{color:#b8d6edbf}.dm__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dm__btn{border:0;border-radius:12px;min-height:42px;padding:9px 12px;font-family:Manrope,Segoe UI,sans-serif;font-weight:800;font-size:.92rem;cursor:pointer;transition:transform .14s ease,filter .14s ease}.dm__btn:disabled{opacity:.48;cursor:not-allowed}.dm__btn:not(:disabled):hover{filter:brightness(1.05)}.dm__btn:not(:disabled):active{transform:translateY(1px)}.dm__btn--primary{color:#142e3a;background:linear-gradient(130deg,var(--dm-accent-a),#ffd768);box-shadow:0 12px 26px #eca72959}.dm__btn--soft{color:#ecf8ff;border:1px solid rgba(132,218,236,.3);background:linear-gradient(145deg,#2b5a8299,#296a8a75)}.dm__btn--ghost{color:#e4f8ff;border:1px solid rgba(133,207,239,.34);background:#071223c7}.dm__samples{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(144px,1fr))}.dm__sample{border-radius:12px;border:1px solid rgba(152,213,239,.3);background:linear-gradient(145deg,#061326cc,#0a2139a3);color:#d9edff;font:inherit;font-weight:700;min-height:38px;padding:8px 10px;cursor:pointer;transition:filter .13s ease,transform .13s ease}.dm__sample:hover{filter:brightness(1.08)}.dm__sample:active{transform:translateY(1px)}.dm__status{margin:0;min-height:1.35em;font-weight:700;color:#dbf5ff}.dm__hint{margin:0;color:#bfdceeeb;line-height:1.4;font-size:.9rem}kbd{border:1px solid rgba(157,214,239,.35);border-radius:6px;background:#051020e0;padding:1px 5px;font-family:Manrope,Segoe UI,sans-serif;font-size:.82rem}.dm__stage{display:grid;gap:10px}.dm__canvas-shell{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(149,209,240,.36);background:linear-gradient(165deg,#091932,#0a2240 58%,#0d3349);min-height:280px}#dm-canvas{width:100%;aspect-ratio:16 / 9;display:block;touch-action:none}.dm__overlay{position:absolute;inset:0;display:grid;place-items:center;background:#040e1b99;backdrop-filter:blur(2px)}.dm__overlay.is-hidden{display:none}.dm__overlay-card{width:min(90%,340px);border-radius:16px;border:1px solid rgba(151,215,240,.34);background:linear-gradient(155deg,#0a1e32eb,#081627e6);padding:13px;text-align:left}.dm__overlay-card h2{margin:0;font-family:Unbounded,Segoe UI,sans-serif;font-size:clamp(1.05rem,3.5vw,1.26rem)}.dm__overlay-card p{margin:7px 0 0;color:#c9e2f2f0;line-height:1.35}.dm__overlay-card .dm__btn{margin-top:10px;width:100%}.dm__result,.dm__history-wrap{border-radius:14px;border:1px solid rgba(146,209,236,.24);background:#071224a8;padding:10px 11px}.dm__result h2,.dm__history-wrap h3{margin:0;font-family:Unbounded,Segoe UI,sans-serif;font-size:clamp(.95rem,3.5vw,1.12rem)}.dm__verdict,.dm__comment{margin:8px 0 0;line-height:1.37}.dm__verdict{color:#f8ffd3;font-weight:700}.dm__comment{color:#c8e4f8}.dm__history{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:7px}.dm__history-item,.dm__history-empty{border-radius:10px;border:1px solid rgba(148,207,233,.25);background:#09172c9e;padding:8px 9px}.dm__history-empty{color:#bdd9ebe6}.dm__history-item-head{display:flex;justify-content:space-between;gap:8px;font-size:.84rem;color:#d2ebff}.dm__history-item p{margin:6px 0 0;color:#cae3f5;font-size:.88rem;line-height:1.35}.dm__seo{padding:clamp(12px,2.2vw,20px)}.dm__seo h2{margin:0;font-family:Unbounded,Segoe UI,sans-serif;font-size:clamp(1.1rem,4.4vw,1.5rem)}.dm__seo p{margin:9px 0 0;color:var(--dm-muted);line-height:1.45}.dm__field input:focus-visible,.dm__btn:focus-visible,.dm__sample:focus-visible{outline:2px solid #8ae8db;outline-offset:2px}@media(max-width:1020px){.dm__workspace{grid-template-columns:1fr}.dm__actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:680px){.dm{gap:10px;padding:10px}.dm__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dm__samples{grid-template-columns:1fr}.dm__history-item-head{flex-direction:column;align-items:flex-start;gap:2px}}