@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;600;800&display=swap";*,:before,:after{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}:root{--bg:#0a0a0a;--panel:#171717;--text:#fff;--muted:#a3a3a3;--accent:#cf0;--accent-hover:#b3e600;--danger:#ef4444;--border:#262626;--radius:4px;--shadow-hard:4px 4px 0px #fff;--shadow-accent:4px 4px 0px var(--accent)}*{box-sizing:border-box}html,body{color:var(--text);background-color:var(--bg);background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:20px 20px;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}h1,h2,h3,.bebas{text-transform:uppercase;letter-spacing:1px;margin:0;font-family:Bebas Neue,sans-serif;line-height:1}h1{color:#fff;text-shadow:2px 2px #000;margin-top:12px;font-size:clamp(2.5rem,6vw,4.5rem)}h3{font-size:1.8rem}.topbar{border-bottom:2px solid var(--border);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:10px;min-height:72px;display:flex}.brand{align-items:center;gap:14px;font-weight:800;display:flex}.brand-logo{object-fit:contain;border-radius:var(--radius);background:#fff;border:2px solid #000;width:52px;height:52px;padding:4px;box-shadow:2px 2px #fff}.brand span{letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:clamp(1.2rem,3vw,1.5rem)}.brand small{color:var(--accent);letter-spacing:2px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:800;display:block}.btn{border-radius:var(--radius);letter-spacing:1px;white-space:nowrap;border:2px solid #000;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-family:Bebas Neue,sans-serif;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-primary{background:var(--accent);color:#000;box-shadow:3px 3px #fff}.btn-primary:active{transform:translate(3px,3px);box-shadow:0 0 #fff}.hero{padding:32px 0}.hero-card{background:var(--panel);border:2px solid var(--border);border-radius:var(--radius);flex-wrap:wrap-reverse;justify-content:space-between;align-items:center;gap:24px;padding:clamp(16px,4vw,32px);display:flex;box-shadow:8px 8px #000}.hero-content{flex:300px}.hero-logo-large{border-radius:var(--radius);object-fit:contain;background:#fff;border:2px solid #000;flex-shrink:0;width:clamp(100px,15vw,180px);margin:0 auto;padding:12px;transition:transform .3s;display:block;transform:rotate(2deg);box-shadow:6px 6px #fff}.hero-logo-large:hover{transform:rotate(0)scale(1.05)}.eyebrow{color:var(--accent);border:1px solid var(--accent);text-transform:uppercase;letter-spacing:1px;background:#ccff001a;padding:4px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.lead{color:var(--muted);max-width:800px;margin-top:16px;font-size:1.05rem;line-height:1.6}.builder-shell{grid-template-columns:340px minmax(0,1fr);gap:24px;padding-bottom:48px;display:grid}.sidebar-panel,.workspace-panel{background:var(--panel);border:2px solid var(--border);border-radius:var(--radius);min-width:0;padding:clamp(16px,3vw,24px);overflow:hidden;box-shadow:6px 6px #000}.panel-title{border-bottom:2px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.field-block{width:100%;margin-bottom:16px}.field-label{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:.8rem;font-weight:800;display:block}.real-input,.multi-trigger{border:2px solid var(--border);border-radius:var(--radius);width:100%;height:50px;color:var(--text);appearance:none;background:#0a0a0a;padding:0 14px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.real-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.real-input{background:#0a0a0a url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ccff00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center no-repeat;padding-right:40px}.real-input option{color:#fff;background:#171717}.multi-select{position:relative}.multi-trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;display:flex}.multi-trigger:after{content:"▾";color:var(--accent);font-size:1.2rem}.multi-select.is-open .multi-trigger{border-color:var(--accent)}.multi-select.is-open .multi-trigger:after{content:"▴"}.multi-menu{border-radius:var(--radius);border:2px solid var(--accent);max-height:240px;box-shadow:var(--shadow-accent);z-index:30;background:#171717;padding:8px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.multi-select.is-open .multi-menu{gap:4px;display:grid}.multi-option{cursor:pointer;background:#0a0a0a;border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}.multi-option:hover{border-color:var(--border);background:#1f1f1f}.multi-option input{accent-color:var(--accent);flex-shrink:0;width:18px;height:18px}.tabs-container{border-radius:var(--radius);border:2px solid var(--border);background:#0a0a0a;gap:8px;margin-bottom:20px;padding:6px;display:flex}.tab-btn{color:var(--muted);letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:10px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;transition:all .2s}.tab-btn.active{background:var(--text);color:#000}.tab-content{display:none}.tab-content.active{display:block}.action-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.fake-button,.secondary-button{cursor:pointer;border-radius:var(--radius);letter-spacing:1.5px;border:2px solid #000;place-items:center;width:100%;height:60px;font-family:Bebas Neue,sans-serif;font-size:1.6rem;transition:all .1s;display:grid}.fake-button{background:var(--accent);color:#000;box-shadow:var(--shadow-hard)}.fake-button:active{transform:translate(4px,4px);box-shadow:0 0 #fff}.secondary-button{color:#fff;border-color:var(--border);background:#262626;height:50px;font-size:1.3rem;box-shadow:3px 3px #000}.secondary-button:hover:not(:disabled){background:#333;border-color:#fff}.secondary-button:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 #000}.secondary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;border-color:#0000}.protocol-box{border:2px solid var(--border);border-left:4px solid var(--accent);background:#0a0a0a;gap:12px;margin-bottom:20px;padding:clamp(12px,3vw,20px);display:grid}.protocol-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.protocol-pill{border:1px solid var(--border);color:#fff;text-align:center;background:#171717;padding:12px 8px;font-size:clamp(.85rem,2vw,.95rem);font-weight:700}.note-box{border:1px dashed var(--muted);color:#fff;background:#ffffff0d;padding:14px;font-size:.9rem;line-height:1.5}.stack{gap:16px;width:100%;min-width:0;display:grid}.empty-slot{border:2px solid var(--border);background:#0a0a0a;flex-direction:column;justify-content:center;gap:8px;width:100%;min-width:0;min-height:100px;padding:clamp(12px,3vw,16px);transition:border-color .2s;display:flex;position:relative;overflow:hidden}.station-card{min-height:130px}.station-card:hover{border-color:#404040}.slot-top{letter-spacing:1px;color:var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;font-weight:800;display:flex}.station-name{color:#fff;word-wrap:break-word;margin-bottom:2px;padding-right:40px;font-size:clamp(1.1rem,4vw,1.25rem);font-weight:800}.tag{color:#000;text-transform:uppercase;letter-spacing:.5px;background:#fff;justify-content:center;align-items:center;padding:4px 8px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:800;display:inline-flex}.rep-input{background:var(--bg);border:2px solid var(--accent);color:var(--accent);text-align:center;outline:none;width:100%;max-width:160px;padding:4px 12px;font-family:Bebas Neue,sans-serif;font-size:clamp(1.1rem,4vw,1.4rem);transition:all .2s}.rep-input:focus{background:var(--accent);color:#000}.btn-icon{border:2px solid var(--border);cursor:pointer;color:#fff;background:#171717;place-items:center;width:36px;height:36px;transition:all .1s;display:grid;position:absolute;bottom:16px}.btn-swap{right:16px}.btn-swap:hover{color:#000;background:#fff;border-color:#fff}.btn-swap:active{transform:rotate(15deg)scale(.9)}.btn-video{right:60px}.btn-video:hover{background:var(--accent);color:#000;border-color:var(--accent)}.btn-video:active{transform:scale(.9)}.btn-remove{color:var(--muted);right:104px}.btn-remove:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.muted{color:var(--muted);font-size:.85rem;font-weight:600}.exercise-subtitle{color:#7a7a7a;margin:2px 0 6px;padding-right:40px;font-size:.8rem;font-style:italic;font-weight:500;line-height:1.4}.coaching-cue{color:var(--accent);letter-spacing:.2px;align-items:center;gap:4px;margin:2px 0;font-size:.75rem;font-weight:700;display:inline-flex}.coaching-cue:before{content:"▶";font-size:.6rem}.custom-timer-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:16px;display:grid}.timer-overlay{z-index:100;opacity:0;pointer-events:none;background:#000000f2;justify-content:center;align-items:center;height:100dvh;padding:10px;transition:opacity .3s;display:flex;position:fixed;inset:0;overflow:hidden}.timer-overlay.is-active{opacity:1;pointer-events:auto}.timer-box{flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2vh,30px);width:100%;max-width:600px;height:100%;max-height:100dvh;padding:10px 0;display:flex}.timer-canvas-wrapper{flex-shrink:0;width:min(340px,80vw,40vh);height:min(340px,80vw,40vh);transition:all .3s;position:relative}.timer-canvas-wrapper canvas{width:100%;height:100%;display:block}.timer-box.is-amrap .timer-canvas-wrapper{width:min(220px,50vw,25vh);height:min(220px,50vw,25vh)}.timer-actions{flex-shrink:0;gap:16px;width:100%;max-width:400px;display:flex}#btn-timer-play{background:var(--accent);color:#000;flex:2;height:clamp(50px,8vh,70px);font-size:clamp(1.4rem,4vw,2rem)}#btn-timer-stop{height:clamp(50px,8vh,70px);color:var(--danger);border-color:var(--danger);background:0 0;flex:1;font-size:clamp(1.2rem,3vw,1.5rem)}.amrap-panel{background:#111;border:2px solid #333;flex-direction:column;width:100%;max-width:500px;max-height:45vh;padding:clamp(8px,1.5vh,16px);display:none}.amrap-list{flex-wrap:wrap;flex-grow:1;place-content:flex-start center;gap:8px;margin-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.amrap-tag{color:#fff;text-transform:uppercase;background:#000;border:1px solid #333;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;font-weight:700;display:flex}.amrap-tag strong{color:#000;background:var(--accent);padding:2px 6px}.amrap-counter-box{border:2px solid var(--danger);background:#ef44441a;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:clamp(8px,1.5vh,12px) 16px;display:flex}.amrap-counter-box span{color:var(--danger);letter-spacing:1px;text-align:center;font-family:Bebas Neue,sans-serif;font-size:clamp(1.4rem,4vw,1.8rem)}#btn-amrap-add{background:var(--danger);color:#fff;cursor:pointer;border:2px solid #000;width:100%;height:clamp(40px,6vh,48px);padding:0 16px;font-family:Bebas Neue,sans-serif;font-size:clamp(1.2rem,3vw,1.5rem);transition:transform .1s;box-shadow:3px 3px #000}#btn-amrap-add:active{transform:translate(3px,3px);box-shadow:0 0 #000}.video-modal{z-index:200;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.video-modal.is-active{opacity:1;pointer-events:auto}.video-modal-box{background:var(--panel);border:2px solid var(--accent);width:90%;max-width:800px;box-shadow:var(--shadow-accent);flex-direction:column;gap:16px;padding:24px;display:flex}.video-modal-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.video-modal-title{color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(1.5rem,4vw,2rem)}.video-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2.5rem;line-height:1;transition:color .2s}.video-close-btn:hover{color:var(--danger)}.video-container{aspect-ratio:16/9;background:#000;border:2px solid #000;justify-content:center;align-items:center;width:100%;display:flex}.video-container video{object-fit:cover;width:100%;height:100%}@media (width<=1060px){.builder-shell{grid-template-columns:1fr}}@media (width<=480px){.slot-top{flex-direction:column;align-items:flex-start}.rep-input{max-width:100%;margin-top:4px}.btn-icon{width:32px;height:32px}.btn-swap{right:12px}.btn-video{right:52px}.btn-remove{right:92px}.amrap-counter-box{justify-content:center}}@media print{:root{--bg:#fff;--text:#111827;--muted:#4b5563;--border:#d1d5db;--panel:#fff;--accent:#000}body{color:#111827;background:#fff;overflow:auto}.topbar,.hero,.sidebar-panel,.no-print,.btn-icon,.tabs-container{display:none!important}.container{width:100%;margin:0;padding:0}.builder-shell{padding:0;display:block}.workspace-panel{box-shadow:none;background:#fff;border:none;padding:0}.protocol-box,.empty-slot{color:#111827!important;box-shadow:none!important;background:#fff!important;border:2px solid #000!important}.muted{color:#4b5563!important}.tag,.rep-input{color:#000!important;background:#fff!important;border:2px solid #000!important}.stack{gap:10px}}