.tr-notice{padding:16px 20px;background:#eaf0e7;color:#506854;border-radius:12px;line-height:1.7}.tr-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.tr-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:24px}.tr-layout>.card{min-width:0}.tr-scene{display:block;width:100%;border-radius:14px}.tr-scene text{font-family:inherit;font-size:16px}.tr-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:20px 0}.tr-controls output{color:#65786b;font-size:13px;margin-left:auto}.tr-caption{background:#f0f4ef;padding:18px;border-radius:12px;min-height:110px}.tr-caption p{line-height:1.8;margin-bottom:0}.tr-steps{list-style:none;padding:0}.tr-steps li{margin:12px 0}.tr-steps button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:1px solid #dae5dc;background:white;padding:18px;border-radius:12px;cursor:pointer;color:#3b5844}.tr-steps button span{color:#8aa18f}.tr-steps button.active{background:#e7efe7;border-color:#406e4e}.tr-steps button:focus-visible{outline:3px solid #bda064}.tr-layout input[type=range]{accent-color:#2a5a40;min-height:44px}@media(max-width:900px){.tr-layout{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.tr-scene *{transition:none}}