.track-designer{max-width:1580px;width:calc(100% - 64px);padding-block:34px 70px}.td-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.td-heading h1{font-size:clamp(28px,3.2vw,46px);margin:8px 0}.td-heading p{color:#91a5b5;font-size:14px}.td-heading>.btn{flex-shrink:0}.td-notice{padding:12px 16px;border:1px solid #294750;border-radius:8px;background:#10232b;color:#aee4e8;font-size:13px;margin-bottom:22px}.td-notice:empty{display:none}.td-notice.error{border-color:#9b5e4d;color:#ffbda3}.td-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.td-main{min-width:0}.td-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#12222f;padding:12px;border:1px solid #304652;border-radius:10px 10px 0 0}.td-toolbar button,.td-selected button,.td-load button{background:#182f3d;border:1px solid #405968;border-radius:5px;color:#c3d6e3;font:500 12px Inter,sans-serif;padding:9px 11px;cursor:pointer}.td-toolbar button[aria-pressed=true]{background:#2acbe1;color:#052633;border-color:#45def3}.td-tool-group{display:flex;gap:4px}.td-toolbar button:disabled{opacity:.4;cursor:default}.td-snap{font-size:11px;color:#abc2d0;display:flex;gap:6px;align-items:center;margin-left:auto}.td-snap input{width:16px;height:16px}.td-drawing{background:#091724;padding:16px;border:1px solid #304652;border-top:0;border-radius:0 0 10px 10px;overflow:hidden}.td-drawing svg{display:block;width:100%;height:auto;min-height:250px;max-height:680px;touch-action:none;user-select:none;outline:none}.td-drawing svg:focus-visible{outline:2px solid #54def2}.td-drawing circle{cursor:grab}.td-caption{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#7f9db0;margin:12px 0 24px}.td-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2c4250;border:1px solid #2c4250;border-radius:8px;overflow:hidden}.td-stats>div{padding:15px 12px;background:#101f2b}.td-stats small{display:block;color:#89a8b9;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.td-stats strong{font:600 20px 'Chakra Petch',sans-serif;color:#d8eff7}.td-issues{font-size:12px;color:#e9c28c;margin:15px 0;min-height:18px}.td-issues p{margin:5px 0}.td-issues.invalid{color:#fbb5a4}.td-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-block:20px}.td-actions .btn{font-size:12px}.td-actions .btn-lg{font-size:14px}.td-import{position:relative;overflow:hidden;cursor:pointer}.td-import input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.td-reference{border:1px solid #29404f;border-radius:8px;padding:16px;margin:24px 0;color:#b1c7d4;font-size:13px}.td-reference summary{cursor:pointer}.td-reference img{display:block;width:100%;margin:18px 0 12px;border-radius:5px}.td-reference p,.td-small{font-size:11px;color:#86a1b3;line-height:1.6}.td-side{display:grid;gap:20px}.td-panel{border:1px solid #29404f;border-radius:10px;background:#101f2b;padding:22px}.td-panel h2{font-size:21px;line-height:1.3;margin:8px 0 12px}.td-panel label{display:block;font-size:12px;color:#c3d9e5;margin-top:15px}.td-panel input,.td-panel select,.td-panel textarea{width:100%;background:#091722;color:#dfedf4;border:1px solid #3a5364;border-radius:5px;padding:10px;font:400 13px Inter,sans-serif;margin-top:6px}.td-panel input:focus,.td-panel select:focus,.td-panel textarea:focus{outline:2px solid #36cde6;outline-offset:1px}.td-panel small{display:block;font-size:10px;color:#7f9aac;line-height:1.5;margin-top:8px}.td-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.td-load{display:flex;gap:7px;align-items:end}.td-load select{min-width:0;flex:1}.td-load button{height:37px}.td-selected{border-top:1px solid #2b4251;padding-top:17px;margin-top:18px}.td-selected>strong{font-size:12px;color:#9edee8}.td-selected>button{margin-top:12px;font-size:11px;width:100%}.td-panel .btn{margin-top:15px;width:100%;font-size:12px}.td-my{margin-top:30px}.td-my h2{font-size:18px}.td-receipt{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #263a47;font-size:12px}.td-receipt strong{color:#aadbe5}.td-receipt small{display:block;color:#7593a6;margin-top:4px}.td-honeypot{position:absolute;left:-10000px;height:1px;overflow:hidden}.track-designer button:focus-visible,.track-designer a:focus-visible{outline:2px solid #61def2;outline-offset:3px}.td-submit-state{font-size:12px;color:#6ee3bd}.race-layout-switch{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:12px 16px;background:#101f2b;border:1px solid #304652;border-radius:8px}.race-layout-switch label{font-size:12px;color:#9fb8c9}.race-layout-switch select{font:500 12px Inter,sans-serif;padding:8px;border-radius:5px;background:#182d3c;color:#dfedf4;max-width:100%}.race-layout-switch p{flex-basis:100%;font-size:11px;color:#86a1b3;margin:0}.race-layout-switch a{font-size:12px;margin-left:auto}.race-layout-switch label{display:flex;gap:10px;align-items:center;max-width:100%}
@media(max-width:1100px){.track-designer{width:calc(100% - 32px)}.td-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.td-panel{padding:17px}.td-snap{margin-left:0}.td-tool-group{flex-wrap:wrap}}
@media(max-width:800px){.td-grid{grid-template-columns:1fr}.td-heading{align-items:start}.td-heading>.btn{font-size:10px;padding:10px}.td-caption{display:block}.td-caption span{display:block;margin-bottom:5px}.td-side{grid-template-columns:1fr 1fr}.td-drawing{padding:8px}.td-stats strong{font-size:18px}.td-toolbar button{padding:9px 8px;font-size:11px}}
@media(max-width:560px){.track-designer{width:calc(100% - 20px)}.td-heading{display:block}.td-heading>.btn{margin-top:12px}.td-side{grid-template-columns:1fr}.td-stats{grid-template-columns:1fr 1fr;gap:1px}.td-drawing svg{min-height:210px}.td-heading h1{font-size:29px}.td-actions .btn{flex:1}.td-actions .btn-lg{flex-basis:100%}.race-layout-switch label{display:block;width:100%}.race-layout-switch select{width:100%;margin-top:5px}.race-layout-switch a{margin-left:0}}