a{color:#ddd;text-decoration:none;font-size:12px}a:hover{text-decoration:underline}.heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#ef555b;font-weight:700}.heading h1{font-size:34px;letter-spacing:-1px;margin:12px 0}.muted{color:#a0a0a5;font-size:13px;line-height:1.7}.draft{font-size:9px;letter-spacing:1px;border:1px solid #48484c;padding:9px;border-radius:4px;color:#b8b8bb}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px}.upload{border:1px dashed #69696d;border-radius:9px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;cursor:pointer;background:#222225}.upload:hover,.upload.drag{border-color:#ef555b;background:#c4161c12}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload span:not(.upload-icon){color:#aaa;font-size:12px}.upload small{color:#777;font-size:10px}.upload-icon{font-size:28px;color:#ef555b}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.list-heading h2,.panel h2{font-size:20px;letter-spacing:-.4px}.list-heading span{font-size:11px;color:#999}.hint{font-size:11px;margin:8px 0 15px}.row{display:flex;align-items:center;gap:12px;border:1px solid #414145;border-radius:7px;padding:12px;margin-bottom:10px;background:#232326}.row.dragging{opacity:.4}.handle{color:#777;cursor:grab;font-size:22px}.row video{width:90px;aspect-ratio:16/9;border-radius:4px;object-fit:cover}.row .details{flex:1;min-width:0}.row input{width:100%;background:transparent;border:0;border-bottom:1px solid #555;color:#fff;font:inherit;font-size:14px;padding:7px 0}.row small{display:block;color:#999;font-size:10px;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .arrows{display:flex;gap:2px}.row button{padding:8px;color:#bbb}.row button:disabled{opacity:.25;cursor:default}.panel{background:#232326;border:1px solid #39393d;padding:24px;border-radius:9px;align-self:start}.panel h2{margin:0 0 25px}.panel label{display:flex;flex-direction:column;font-size:11px;color:#bbb;gap:9px;margin-bottom:20px}.panel input,.panel select{background:#19191b;border:1px solid #4c4c50;border-radius:5px;padding:12px;color:white;width:100%;font:inherit;font-size:13px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary{border-top:1px solid #414145;padding:22px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aaa}.summary strong{font-size:24px;color:#fff;font-variant-numeric:tabular-nums}.action{background:#c4161c;color:#fff;width:100%;font-weight:700;padding:15px}.action:hover{background:#a51218}.action:disabled{opacity:.5;cursor:wait}.privacy{font-size:10px;margin-bottom:0}#saved{color:#b7c9b8;font-size:11px}#message{color:#ffb5b5;font-size:13px}.empty{padding:30px;border:1px solid #333;border-radius:7px;text-align:center;color:#888;font-size:12px}@media(max-width:800px){.builder-grid{grid-template-columns:1fr}.heading{align-items:flex-start;gap:15px}.heading h1{font-size:28px}.draft{white-space:nowrap}.row{gap:8px}.row video{width:65px}.row .arrows{flex-direction:column}.row button{padding:5px}.panel{margin-bottom:25px}}

.zone-setting{border:0;border-top:1px solid #414145;margin:0 0 20px;padding:18px 0 0}.zone-setting legend{font-size:12px;color:#ddd;padding:0 8px 0 0}.zone-setting p{font-size:11px;color:#999;margin:0 0 13px}.zone-options{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.panel .zone-options label{margin:0;display:block;position:relative;cursor:pointer}.zone-options input{position:absolute;opacity:0}.zone-options span{display:block;text-align:center;padding:13px 0;border:1px solid #555;border-radius:5px;background:#19191b;font-size:13px;color:#bbb}.zone-options input:checked+span{border-color:#ef555b;background:#c4161c25;color:#fff;box-shadow:inset 0 -3px #c4161c}.zone-options input:focus-visible+span{outline:2px solid white;outline-offset:2px}.zone-setting small{display:block;color:#999;font-size:9px;margin-top:12px}

.row input.equipment-input{font-size:11px;margin-top:9px;padding:8px;border:1px solid #46464c;background:#1c1c1f;border-radius:4px}.row input.equipment-input::placeholder{color:#929299}.row video{align-self:flex-start;margin-top:5px}

.design-panel{padding:25px;border:1px solid #414145;border-radius:9px;background:#232326;margin-bottom:30px}.design-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.design-heading h2{font-size:22px;margin:0}.design-heading .eyebrow{margin:0 0 12px}.design-heading .muted{margin:10px 0 20px}.design-badge{font-size:10px;color:#b3b3ba;padding:8px 10px;background:#19191b;border-radius:4px;white-space:nowrap}.design-upload{position:relative;display:inline-block;padding:13px 18px;background:#c4161c;color:white;border-radius:5px;font-size:12px;font-weight:700;cursor:pointer}.design-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.design-upload:focus-within{outline:2px solid white;outline-offset:4px}.design-formats{font-size:10px;color:#a6a6af;margin-left:14px}.design-explainer{font-size:11px;max-width:750px;margin:17px 0 8px}#designStatus{font-size:11px;color:#bbb;margin:12px 0 0}#designPreview{border-top:1px solid #444;margin-top:20px;padding-top:18px}#designPreview[hidden]{display:none}.design-file{display:flex;justify-content:space-between;align-items:center;gap:15px}.design-file strong{font-size:13px;overflow-wrap:anywhere}.design-file small{display:block;font-size:10px;color:#999;margin-top:6px}#designMedia{margin:18px 0;background:#171719;border-radius:6px;overflow:hidden}#designMedia img{display:block;max-width:100%;max-height:420px;margin:auto;object-fit:contain}#designMedia iframe{width:100%;height:420px;border:0;display:block;background:white}#openDesign{font-size:11px;color:#ddd}.pending-template{font-size:8px;letter-spacing:1px;color:#edb34e;margin-left:18px}#designError{font-size:12px;color:#ffb5b5}#designError:empty{display:none}.builder-step{margin:0 0 16px}@media(max-width:700px){.design-panel{padding:20px}.design-heading{flex-direction:column;gap:0}.design-badge{margin-bottom:18px}.design-formats{display:block;margin:12px 0}.design-file{align-items:flex-start}.design-file button{white-space:nowrap}.pending-template{display:block;margin:14px 0 0}}

.row .arrows{flex-wrap:wrap;max-width:110px;justify-content:flex-end;align-self:flex-start}.row .arrows button:first-child{flex-basis:100%;font-size:10px;border:1px solid #555;white-space:nowrap;padding:7px 10px}.exercise-zone{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-left:10px;border-left:3px solid #23834e}.exercise-zone>span{font-size:10px;color:#aaa}.exercise-zone select{background:#19191b;color:white;font:inherit;font-size:11px;border:1px solid #555;border-radius:4px;padding:7px;max-width:100px}.exercise-zone[data-zone="0"]{border-color:#555}.exercise-zone[data-zone="1"]{border-color:#888}.exercise-zone[data-zone="2"]{border-color:#1674ad}.exercise-zone[data-zone="4"]{border-color:#edb34e}.exercise-zone[data-zone="5"]{border-color:#c4161c}@media(max-width:700px){.row{flex-wrap:wrap}.row .arrows{max-width:none;flex-basis:100%;flex-direction:row;justify-content:flex-end}.row .arrows button:first-child{flex-basis:auto}.exercise-zone{flex-wrap:wrap}.row .details{min-width:150px}}
.template-picker{position:relative;padding:20px;border:1px solid #515159;border-radius:7px;background:#19191b;margin:0 0 22px;padding-right:105px}.template-picker>label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}.template-picker select{font:inherit;font-size:14px;background:#29292d;color:#fff;border:1px solid #606066;border-radius:5px;padding:12px;width:100%;max-width:430px}.template-picker p{font-size:11px;color:#aaa;line-height:1.6;margin-bottom:0}.template-swatches{position:absolute;right:20px;top:25px;display:flex;gap:5px}.template-swatches i{width:15px;height:40px;background:#19191b;border:1px solid #666;border-radius:3px}.template-swatches i:nth-child(2){background:#c4161c}.template-swatches i:nth-child(3){background:#fff}.template-picker[data-template="station-six"] .template-swatches i:nth-child(1){background:#f0eee8}.template-picker[data-template="station-six"] .template-swatches i:nth-child(2){background:#244de6}.template-picker[data-template="station-six"] .template-swatches i:nth-child(3){background:#182238}.design-reference>summary{cursor:pointer;font-size:12px;color:#bbb;margin-bottom:18px}.design-reference .design-upload{margin-top:5px}@media(max-width:600px){.template-picker{padding-right:20px}.template-swatches{display:none}}

.spring-fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.spring-fields fieldset {
  min-inline-size: 0;
  margin: 0;
  padding: 6px 8px;
  border: 1px solid #555;
  border-radius: 6px;
}
.spring-fields legend { padding-inline: 4px; font-size: 12px; font-weight: 700; }
.spring-picker-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-height: 30px;
  font-size: 12px;
}
.spring-picker-buttons button {
  display: inline-grid;
  place-items: center;
  width: 27px;
  height: 27px;
  padding: 0;
}
.spring-picker-buttons .spring-dot { border-color: #d4d4d8; }
.spring-picker-buttons[role="group"] { border-top: 1px solid #555; margin-top: 6px; padding-top: 4px; }