.tdr{display:grid;grid-template-columns:1fr 300px;gap:0;min-height:calc(100dvh - 64px);background:#e7e9e4}.tdr[data-panel=false]{grid-template-columns:1fr 120px}.tdr-stage{display:flex;justify-content:center;align-items:flex-start;padding:20px;min-width:0}.tdr-dev{width:100%;display:flex;flex-direction:column;gap:8px}.tdr-dev>.tn{height:calc(100dvh - 64px - 40px - 26px);min-height:560px;border-radius:14px;box-shadow:0 0 0 1px rgba(28,36,32,.1),0 20px 50px -24px rgba(28,36,32,.35)}.tdr-dev-tablet{max-width:1080px}.tdr-dev-tablet>.tn{max-height:760px}.tdr-dev-phone{max-width:400px}.tdr-dev-phone>.tn{max-height:820px;border-radius:28px}.tdr-dev-label{margin:0;font-size:13px;color:#414b46;font-weight:560}.tdr-pair{display:grid;grid-template-columns:380px 1fr;gap:20px;width:100%;align-items:start}.tdr-panel{border-left:1px solid rgba(28,36,32,.12);background:#f7f8f5;font-size:13px;color:#1c2420;max-height:calc(100dvh - 64px);position:sticky;top:64px;overflow-y:auto}.tdr-panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 10px}.tdr-panel h2{margin:0;font-size:15px;font-weight:650}.tdr-panel h3{margin:16px 0 6px;font-size:12.5px;font-weight:650;color:#414b46}.tdr-panel-body{padding:0 16px 24px}.tdr-hide{font-size:12.5px;color:#2458a6;font-weight:600}.tdr-note{margin:0 0 8px;color:#5f6964;font-size:12.5px;line-height:1.45}.tdr-scenes{list-style:none;margin:0;padding:0;display:grid;gap:2px}.tdr-scenes button{width:100%;text-align:left;display:grid;gap:1px;padding:7px 9px;border-radius:7px;transition:background-color .32s cubic-bezier(.23,1,.32,1),box-shadow .32s cubic-bezier(.23,1,.32,1)}.tdr-scenes button:hover{background:#eceee9}.tdr-scenes button[aria-current=true]{background:#fff;box-shadow:0 0 0 1px rgba(28,36,32,.22),0 1px 2px rgba(28,36,32,.08)}.tdr-scenes b{font-weight:600;font-size:13px}.tdr-scenes span{color:#5f6964;font-size:12px;line-height:1.35}.tdr-events{display:flex;flex-wrap:wrap;gap:6px}.tdr-btn,.tdr-events button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:7px;border:1px solid rgba(28,36,32,.18);background:#fff;font-size:12.5px;font-weight:560;transition:border-color .32s cubic-bezier(.23,1,.32,1),transform .14s}.tdr-btn:active,.tdr-events button:active{transform:scale(.97)}.tdr-events button[aria-pressed=true]{border-color:#1c2420;box-shadow:inset 0 0 0 1px #1c2420}.tdr-btn svg{width:14px;height:14px}.tdr-row{margin:4px 0}@media (max-width:1023px){.tdr{grid-template-columns:1fr}.tdr-panel{position:static;max-height:none;border-left:0;border-top:1px solid rgba(28,36,32,.12)}.tdr-stage{padding:12px}.tdr-pair{grid-template-columns:1fr}}@media (max-width:739px){.tdr-stage{padding:0}.tdr-dev-phone{max-width:none}.tdr-dev-phone>.tn{border-radius:0;height:calc(100dvh - 64px);min-height:0;max-height:none}.tdr-dev-label{padding:8px 14px 0}}