:root{--bg-primary: #0b0f17;--bg-secondary: #121824;--bg-surface: #182234;--bg-card: rgba(24, 34, 52, .7);--bg-glass: rgba(255, 255, 255, .05);--border-subtle: rgba(255, 255, 255, .1);--border-accent: rgba(200, 255, 0, .3);--accent-lime: #c8ff00;--accent-cyan: #00f0ff;--accent-coral: #ff4a36;--accent-emerald: #00ff88;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-glow: 0 0 24px rgba(200, 255, 0, .25);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:rgba(255,77,34,.5) rgba(11,15,23,.7)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0f17d9;border-radius:999px;border:1px solid rgba(255,255,255,.04)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff4d22,#ff8c00 45%,#00f0ff);border-radius:999px;border:2px solid rgba(11,15,23,.85);box-shadow:0 0 10px #ff4d2259;transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff6b3d,orange 45%,#38f9d7);border:1.5px solid rgba(11,15,23,.95);box-shadow:0 0 14px #ff4d22b3,0 0 8px #00f0ff99}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#c8ff00,#00f0ff);box-shadow:0 0 16px #c8ff00d9}::-webkit-scrollbar-corner{background:transparent}.panel-left,.panel-right,.activity-list,.modal-dialog{scrollbar-width:thin;scrollbar-color:rgba(0,240,255,.45) rgba(15,23,42,.6)}.panel-left::-webkit-scrollbar,.panel-right::-webkit-scrollbar,.activity-list::-webkit-scrollbar,.modal-dialog::-webkit-scrollbar{width:6px}.panel-left::-webkit-scrollbar-thumb,.panel-right::-webkit-scrollbar-thumb,.activity-list::-webkit-scrollbar-thumb,.modal-dialog::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8ff00b3,#00f0ffb3);border-radius:999px;border:1px solid rgba(11,15,23,.8)}.panel-left::-webkit-scrollbar-thumb:hover,.panel-right::-webkit-scrollbar-thumb:hover,.activity-list::-webkit-scrollbar-thumb:hover,.modal-dialog::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c8ff00,#00f0ff);box-shadow:0 0 10px #00f0ff99}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;position:relative}body{display:flex;flex-direction:column}.toast{position:fixed;top:76px;right:24px;background:#121824f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--accent-lime);color:var(--text-primary);padding:12px 20px;border-radius:var(--radius-md);box-shadow:0 8px 32px #0009;z-index:999;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px)}.pwa-install-banner{background:linear-gradient(90deg,#15803d,#166534);color:#fff;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;box-shadow:0 4px 16px #0006;z-index:998;width:100%;box-sizing:border-box;animation:fadeInBanner .25s ease-out;flex-shrink:0}.pwa-banner-content{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.pwa-banner-icon{flex-shrink:0;color:#c8ff00}.pwa-banner-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.pwa-banner-text strong{color:#c8ff00}.pwa-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pwa-banner-btn{background:#fff;color:#14532d;font-weight:800;font-size:12px;padding:5px 14px;border-radius:6px;border:none;cursor:pointer;box-shadow:0 2px 6px #00000040;transition:all .15s ease}.pwa-banner-btn:active{transform:scale(.96)}.pwa-banner-dismiss{background:transparent;color:#ffffffb3;border:none;font-size:15px;padding:4px 8px;cursor:pointer;border-radius:4px;line-height:1}.pwa-install-banner.is-stage{background:linear-gradient(90deg,#d97706,#b45309)}.pwa-install-banner.is-stage .pwa-banner-btn{color:#78350f}.pwa-install-banner.is-stage .pwa-banner-icon,.pwa-install-banner.is-stage .pwa-banner-text strong{color:#fef08a}.pwa-banner-dismiss:hover{color:#fff}@keyframes fadeInBanner{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar{height:64px;background:#0b0f17e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:50;width:100%;max-width:100vw;box-sizing:border-box}@media(max-width:768px){.brand-badge{display:none!important}}@media(max-width:600px){.navbar{padding:0 10px;height:52px;gap:8px}.brand{gap:6px;flex-shrink:1;min-width:0}.brand-icon{width:30px;height:30px;border-radius:8px;border:1px solid rgba(200,255,0,.5);box-shadow:0 0 10px #c8ff004d;flex-shrink:0}.brand-name{font-size:16px;font-weight:900;letter-spacing:-.3px;white-space:nowrap}.nav-actions{gap:6px;flex-shrink:0;margin-left:auto}.nav-actions .btn{padding:5px 9px!important;font-size:11px!important;height:30px!important;gap:4px!important;border-radius:8px!important;white-space:nowrap!important}.btn-text-full{display:none}.btn-text-short{display:inline}}@media(max-width:380px){.navbar{padding:0 6px}.brand-name{font-size:15px}.nav-actions{gap:4px}.nav-actions .btn{padding:4px 7px!important;font-size:10.5px!important}}@media(min-width:601px){.btn-text-short{display:none}}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary);transition:transform .2s cubic-bezier(.16,1,.3,1)}.brand:hover{transform:translateY(-1px)}.brand-icon{width:38px;height:38px;border-radius:10px;border:1.5px solid rgba(200,255,0,.5);box-shadow:0 0 16px #c8ff004d,0 2px 8px #0009;transition:box-shadow .2s ease,transform .2s ease}.brand:hover .brand-icon{box-shadow:0 0 24px #c8ff008c,0 3px 12px #000000b3;transform:scale(1.05)}.brand-name{font-size:22px;font-weight:900;letter-spacing:-.6px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7);display:flex;align-items:center}.brand-name span{color:var(--accent-lime);text-shadow:0 0 18px rgba(200,255,0,.55);margin-left:1px}.brand-badge{font-size:11px;font-weight:800;letter-spacing:.6px;font-family:var(--font-mono);background:#c8ff0026;color:var(--accent-lime);padding:3px 9px;border-radius:14px;border:1.5px solid rgba(200,255,0,.45);box-shadow:0 0 12px #c8ff0040;text-transform:uppercase}.nav-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:none;outline:none}.btn-primary{background:var(--accent-lime);color:#0b0f17;box-shadow:0 4px 16px #c8ff004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px #c8ff0073}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:#1f2c42;border-color:#fff3}.btn-strava{background:#fc4c02;color:#fff;font-weight:700}.btn-strava:hover{background:#e34402;box-shadow:0 4px 16px #fc4c0259}.btn-intervals{background:#00f0ff1a;color:#00f0ff;border:1px solid rgba(0,240,255,.3);box-shadow:0 0 12px #00f0ff1f;font-weight:700}.btn-intervals:hover{background:#00f0ff33;border-color:#00f0ff80;box-shadow:0 0 16px #00f0ff40;transform:translateY(-1px)}.btn-intervals.connected{background:#00ff881f!important;color:#0f8!important;border-color:#00ff8859!important;box-shadow:0 0 12px #00ff882e!important}.intervals-status-dot{width:7px;height:7px;border-radius:50%;background:#00f0ff;box-shadow:0 0 6px #00f0ff;display:inline-block;flex-shrink:0;transition:all .2s ease}.btn-intervals.connected .intervals-status-dot{background:#0f8;box-shadow:0 0 8px #0f8}.studio-container{display:grid;grid-template-columns:360px 1fr 340px;flex:1;min-height:calc(100vh - 64px);position:relative;width:100%;max-width:100vw;box-sizing:border-box}@media(min-width:992px){.mobile-bottom-drawer,.drawer-body{display:contents!important}.drawer-header,.mobile-tabs-bar,.floating-expand-btn{display:none!important}.panel-left{grid-column:1;grid-row:1;display:flex!important;flex-direction:column;overflow-y:auto;height:100%;max-height:calc(100vh - 64px)}.viewport-center{grid-column:2;grid-row:1;display:flex!important;flex-direction:column;align-items:center;justify-content:center;height:100%;max-height:calc(100vh - 64px)}.panel-right{grid-column:3;grid-row:1;display:flex!important;flex-direction:column;overflow-y:auto;height:100%;max-height:calc(100vh - 64px)}.studio-section{display:block!important}}@media(max-width:1200px)and (min-width:992px){.studio-container{grid-template-columns:330px 1fr 320px}}@media(max-width:991px){html,body{height:100%;height:100vh;height:100dvh;overflow:hidden}body{display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px)}.navbar{flex-shrink:0;height:50px;padding:0 10px}.studio-container{display:flex;flex-direction:column;width:100%;max-width:100vw;flex:1;min-height:0;height:calc(100vh - 50px);height:calc(100dvh - 50px);overflow:hidden;position:relative;background:#06090e}.viewport-center{flex:1;min-height:0;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06090e;padding:6px 12px 10px;box-sizing:border-box;overflow:hidden;transition:all .3s cubic-bezier(.2,.9,.3,1)}.canvas-toolbar{position:absolute!important;top:8px!important;margin-bottom:0!important;padding:2px 6px!important;border-radius:20px!important;z-index:20!important;background:#121824e0!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid var(--border-subtle)!important;display:flex!important;align-items:center!important;justify-content:center!important}.canvas-toolbar .segmented-group{padding:2px!important;gap:2px!important}.canvas-toolbar .segment-btn{padding:3px 8px!important;font-size:11px!important;line-height:1.1!important}.toolbar-label,.ratio-label{display:none!important}.canvas-wrapper{flex:1;min-height:0;width:100%;height:100%;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 24px #000000b3!important;margin-top:24px;margin-bottom:2px;overflow:hidden}#overlayCanvas{max-height:100%!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important;border-radius:8px;cursor:pointer}.floating-actions,.studio-container.drawer-is-collapsed .floating-actions{display:none!important}.floating-expand-btn{display:none}.studio-container.drawer-is-collapsed .floating-expand-btn{display:inline-flex!important;align-items:center;gap:8px;position:absolute;bottom:calc(70px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);padding:10px 22px;border-radius:24px;background:#0b0f17f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--accent-cyan);color:#fff;font-family:var(--font-main);font-size:13px;font-weight:700;letter-spacing:.2px;cursor:pointer;z-index:80;box-shadow:0 4px 20px #00f0ff66,0 2px 8px #000c;transition:all .2s cubic-bezier(.16,1,.3,1);animation:floatingPillPulse 2.4s infinite ease-in-out}@keyframes floatingPillPulse{0%,to{transform:translate(-50%) scale(1);box-shadow:0 4px 20px #00f0ff66,0 2px 8px #000c}50%{transform:translate(-50%) scale(1.04);box-shadow:0 6px 26px #00f0ffa6,0 4px 12px #000000e6}}.studio-container.drawer-is-collapsed .floating-expand-btn:active{transform:translate(-50%) scale(.95)}.floating-expand-btn svg{color:var(--accent-cyan);animation:floatingChevronBounce 1.4s infinite ease-in-out}@keyframes floatingChevronBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mobile-bottom-drawer{display:flex;flex-direction:column;flex-shrink:0;width:100%;height:48vh;height:48dvh;max-height:82vh;max-height:82dvh;background:#0e1420f5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.12);border-radius:20px 20px 0 0;box-shadow:0 -8px 36px #000000a6;z-index:50;transition:height .3s cubic-bezier(.2,.9,.3,1);overflow:hidden;position:relative;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-bottom-drawer.collapsed{height:calc(56px + env(safe-area-inset-bottom,0px))!important;cursor:pointer;box-shadow:0 -8px 30px #000000d9,0 -1px #00f0ff4d}.mobile-bottom-drawer.collapsed .drawer-header{background:#0b0f17fa}.mobile-bottom-drawer.collapsed .drawer-pill{background:var(--accent-cyan);box-shadow:0 0 10px #00f0ffb3}.mobile-bottom-drawer.expanded{height:78vh!important;height:78dvh!important}.drawer-header{display:flex;flex-direction:column;flex-shrink:0;padding:6px 12px;background:#0b0f1799;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.drawer-handle-bar{width:100%;display:flex;justify-content:center;padding-bottom:3px}.drawer-pill{width:38px;height:4px;border-radius:2px;background:#ffffff4d;transition:background .2s}.drawer-header:hover .drawer-pill{background:var(--accent-lime)}.drawer-header-row{display:flex;align-items:center;justify-content:space-between;height:28px;gap:8px}.drawer-title-group{display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow:hidden}.drawer-active-icon{font-size:15px;flex-shrink:0}.drawer-active-title{font-size:12.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-drawer-quick{display:inline-flex;align-items:center;gap:4px;padding:0 9px;height:26px;border-radius:13px;background:var(--accent-lime);color:#0b0f17;font-size:11px;font-weight:800;border:none;cursor:pointer;box-shadow:0 2px 8px #c8ff0059;white-space:nowrap;flex-shrink:0}.btn-drawer-quick:active{transform:scale(.95)}.drawer-toggle-btn{display:inline-flex;align-items:center;gap:5px;padding:0 10px;height:26px;border-radius:13px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#f8fafc;font-family:var(--font-main);font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px #00000040}.drawer-toggle-btn:hover{background:#ffffff24;border-color:#ffffff4d;color:#fff}.drawer-toggle-btn:active{transform:scale(.96);background:#fff3}.drawer-toggle-btn .drawer-chevron{color:var(--accent-cyan);flex-shrink:0;transition:transform .25s cubic-bezier(.2,.9,.3,1)}.mobile-bottom-drawer.collapsed .drawer-toggle-btn{background:#00f0ff1f;border-color:#00f0ff66;color:#00f0ff;box-shadow:0 0 12px #00f0ff33}.mobile-bottom-drawer.collapsed .drawer-toggle-btn .drawer-chevron{transform:rotate(180deg);color:#00f0ff}.mobile-tabs-bar{display:flex;flex-shrink:0;align-items:center;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 10px;background:#121824b3;border-bottom:1px solid var(--border-subtle);width:100%;box-sizing:border-box}.mobile-tabs-bar::-webkit-scrollbar{display:none}.mobile-tab-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:18px;color:var(--text-secondary);font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:all .15s ease}.mobile-tab-btn.active{background:var(--accent-lime);color:#0b0f17;border-color:var(--accent-lime);box-shadow:0 2px 10px #c8ff0059}.drawer-body{flex:1;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;display:block;position:relative;width:100%}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:10px}.panel-left,.panel-right{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important;width:100%!important}.studio-section{display:none!important}.studio-section.active-mobile-section{display:block!important;height:auto!important;min-height:auto!important;overflow:visible!important;padding:12px 14px 48px!important;box-sizing:border-box!important;width:100%!important;animation:fadeInSection .15s ease-out}.card-glass{padding:12px!important;margin-bottom:10px}.control-row{margin-bottom:10px!important}.range-group{margin-bottom:12px!important}.dropzone{padding:10px 8px!important}.dropzone-icon{font-size:20px!important;margin-bottom:2px!important}.dropzone-text{font-size:11px!important}.sample-thumb{max-height:60px!important}}@keyframes fadeInSection{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);overflow-y:auto;max-height:calc(100vh - 64px);padding:20px;display:flex;flex-direction:column;gap:20px}.panel-right{border-right:none;border-left:1px solid var(--border-subtle)}.section-title{font-size:13px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-title svg{color:var(--accent-lime)}.card-glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;transition:all .2s ease}.card-glass:hover{border-color:#ffffff2e}.activity-list{display:flex;flex-direction:column;gap:10px}.activity-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.activity-item:hover{background:#ffffff0f;border-color:#c8ff0066}.activity-item.active{background:#c8ff0014;border-color:var(--accent-lime)}.act-info h4{font-size:14px;font-weight:700;margin-bottom:4px}.act-meta{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary)}.act-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:#ffffff14;color:var(--accent-lime)}.dropzone{border:2px dashed rgba(255,255,255,.15);border-radius:var(--radius-md);padding:20px 14px;text-align:center;cursor:pointer;transition:all .2s;background:#ffffff05}.dropzone:hover,.dropzone.dragover{border-color:var(--accent-lime);background:#c8ff000d}.dropzone-icon{font-size:28px;margin-bottom:8px}.dropzone-text{font-size:13px;font-weight:600;margin-bottom:4px}.dropzone-hint{font-size:11px;color:var(--text-muted)}.viewport-center{background:#06090e;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:24px;overflow:hidden}.canvas-toolbar{position:absolute;top:18px;background:#121824d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:30px;padding:6px 12px;display:flex;align-items:center;gap:10px;z-index:10}.segmented-group{display:flex;background:#0000004d;padding:3px;border-radius:20px;gap:2px}.segment-btn{background:transparent;border:none;color:var(--text-secondary);font-size:12px;font-weight:700;padding:6px 12px;border-radius:16px;cursor:pointer;transition:all .15s}.segment-btn.active{background:var(--accent-lime)!important;color:#0b0f17!important;font-weight:800!important}#tabIntervalsBtn:not(.active){color:var(--accent-cyan)}.athlete-actions-group{display:flex;align-items:center;gap:6px}.btn-athlete-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:26px;padding:0 9px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-family:var(--font-main);font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s ease;line-height:1}.btn-athlete-action:hover{background:#ffffff1f;border-color:#ffffff38;color:#fff}.btn-athlete-action:active{transform:scale(.96);background:#ffffff2e}.btn-athlete-action svg{color:var(--accent-cyan);flex-shrink:0;transition:transform .3s ease}.btn-athlete-action.is-syncing svg{animation:spinSync .75s linear infinite}@keyframes spinSync{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-athlete-icon{width:26px;padding:0}.btn-athlete-icon svg{color:var(--text-secondary)}.btn-athlete-icon:hover svg{color:#fff}.canvas-wrapper{position:relative;box-shadow:0 16px 48px #0009;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;max-height:calc(100vh - 180px);max-width:100%}.canvas-wrapper.is-transparent{background-image:linear-gradient(45deg,#182030 25%,transparent 25%),linear-gradient(-45deg,#182030 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#182030 75%),linear-gradient(-45deg,transparent 75%,#182030 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0px;background-color:#0c1019;border:1px dashed rgba(0,240,255,.4)}.photo-controls-disabled{opacity:.35;pointer-events:none;filter:grayscale(80%);transition:opacity .2s ease}#overlayCanvas{display:block;max-height:calc(100vh - 180px);max-width:100%;width:auto;height:auto;object-fit:contain}.floating-actions{position:absolute;bottom:24px;background:#121824e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:30px;padding:8px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #00000080;z-index:10}.control-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.toggle-content{flex:1;min-width:0}.toggle-label{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.toggle-hint{font-size:11.5px;line-height:1.45;color:var(--text-secondary)}.badge-mini{background:#00f0ff29;color:var(--accent-cyan);font-size:9px;padding:2px 6px;border-radius:4px;font-weight:800;letter-spacing:.5px;border:1px solid rgba(0,240,255,.35);font-family:var(--font-mono);display:inline-block;vertical-align:middle}.control-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-surface);border:1px solid var(--border-subtle);transition:.25s;border-radius:24px}.slider-round:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.25s;border-radius:50%}input:checked+.slider-round{background-color:var(--accent-lime)}input:checked+.slider-round:before{transform:translate(20px);background-color:#0b0f17}.range-group{margin-bottom:14px}.range-header{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;color:var(--text-secondary)}.range-header span:last-child{font-family:var(--font-mono);color:var(--accent-lime)}input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:var(--bg-surface);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-lime);cursor:pointer;box-shadow:0 0 8px #c8ff0066}.palette-row{display:flex;gap:10px;margin-top:8px}.color-dot{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s}.color-dot.active{border-color:#fff;transform:scale(1.15)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-dialog{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:90%;max-width:480px;padding:28px;box-shadow:0 24px 64px #000000b3}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:18px;font-weight:800}.close-btn{background:transparent;border:none;color:var(--text-muted);font-size:22px;cursor:pointer}.close-btn:hover{color:var(--text-primary)}.input-field{width:100%;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-main);font-size:14px;margin-bottom:14px;outline:none}.input-field:focus{border-color:var(--accent-lime)}.sample-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.sample-thumb{border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;aspect-ratio:9/16;position:relative;max-height:120px}.sample-thumb img{width:100%;height:100%;object-fit:cover}.sample-thumb.active{border-color:var(--accent-lime)}.layout-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.layout-template-card{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 6px 7px;cursor:pointer;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;overflow:hidden;color:var(--text-secondary);font-family:var(--font-main)}.layout-template-card:hover{border-color:#c8ff0073;background:#c8ff000f;transform:translateY(-2px);box-shadow:0 6px 20px #c8ff001f}.layout-template-card.active{border-color:var(--accent-lime);background:#c8ff001a;box-shadow:0 0 0 1px #c8ff0033,0 8px 24px #c8ff0026}.layout-template-card.active:after{content:"✓";position:absolute;top:5px;right:7px;font-size:9px;font-weight:900;color:var(--accent-lime);background:#c8ff002e;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:16px;text-align:center}.ltc-preview{width:100%;aspect-ratio:9/16;border-radius:7px;overflow:hidden;position:relative;background:#0b0f17;flex-shrink:0}.ltc-label{font-size:10px;font-weight:800;color:var(--text-primary);text-align:center;letter-spacing:.2px;line-height:1}.ltc-desc{font-size:9px;font-weight:500;color:var(--text-muted);text-align:center;line-height:1.2}.ltc-classic{background:linear-gradient(160deg,#12294a,#0b0f17)}.ltc-classic .ltc-pill{position:absolute;top:7%;left:50%;transform:translate(-50%);width:60%;height:8%;background:#c8ff002e;border:1px solid rgba(200,255,0,.3);border-radius:99px}.ltc-classic .ltc-route{position:absolute;top:22%;left:50%;transform:translate(-50%);width:70%;height:30%;border:2.5px solid rgba(200,255,0,.6);border-radius:4px;clip-path:polygon(5% 80%,20% 20%,35% 60%,50% 15%,65% 55%,80% 25%,95% 70%);background:transparent;border:none;outline:2px solid rgba(200,255,0,.75);box-shadow:0 0 8px #c8ff0059}.ltc-classic .ltc-stats-bar{position:absolute;bottom:18%;left:7%;right:7%;height:14%;background:#0f172ad9;border:1px solid rgba(255,255,255,.15);border-radius:6px}.ltc-classic .ltc-zones-bar{position:absolute;bottom:7%;left:7%;right:7%;height:7%;background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:5px;overflow:hidden}.ltc-classic .ltc-zones-bar:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,#38bdf8 18%,#22c55e 34%,#eab308,#f97316 70%,#ef4444);opacity:.8}.ltc-cinematic{background:linear-gradient(180deg,#1a2535,#0a0c14 55%,#000)}.ltc-cinematic .ltc-scrim-btm{position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(0deg,#000000f2,#0000)}.ltc-cinematic .ltc-big-num{position:absolute;bottom:26%;left:8%;font-size:20px;font-weight:900;color:#fff;font-family:var(--font-main);line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.8)}.ltc-cinematic .ltc-stats-pill{position:absolute;bottom:8%;left:7%;right:7%;height:14%;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:99px}.ltc-swiss{background:linear-gradient(160deg,#0d1420,#080b14)}.ltc-swiss .ltc-accent-bar{position:absolute;left:0;top:0;width:6px;height:100%;background:var(--accent-lime)}.ltc-swiss .ltc-swiss-num{position:absolute;top:12%;left:18%;font-size:28px;font-weight:900;color:var(--accent-lime);font-family:var(--font-main);line-height:1}.ltc-swiss .ltc-swiss-lines{position:absolute;top:55%;left:18%;right:10%;display:flex;flex-direction:column;gap:6px}.ltc-swiss .ltc-swiss-lines>div{height:2px;background:#ffffff2e;border-radius:1px}.ltc-cyber{background:radial-gradient(circle at 50% 40%,#0d172e,#050712);position:relative;overflow:hidden}.ltc-cyber .ltc-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.4) 0px,rgba(0,0,0,.4) 1.5px,transparent 1.5px,transparent 3.5px)}.ltc-cyber .ltc-neon-route{position:absolute;top:24%;left:50%;transform:translate(-50%);width:60%;height:25%;clip-path:polygon(5% 80%,22% 25%,38% 65%,55% 18%,70% 58%,82% 22%,97% 72%);background:#00f0ff;filter:drop-shadow(0 0 6px #00f0ff)}.ltc-cyber .ltc-cyber-panel{position:absolute;bottom:8%;left:7%;right:7%;height:25%;background:#0a0e1ce6;border:1px solid #00f0ff;box-shadow:0 0 10px #00f0ff59;clip-path:polygon(10% 0,90% 0,100% 18%,100% 82%,90% 100%,10% 100%,0 82%,0 18%)}.ltc-split{background:#0b0f17;position:relative}.ltc-split .ltc-split-photo{position:absolute;top:0;left:0;right:0;height:52%;background:linear-gradient(160deg,#1a3a52,#0d1f2e)}.ltc-split .ltc-split-accent{position:absolute;top:51%;left:0;right:0;height:3px;background:var(--accent-lime)}.ltc-split .ltc-split-stats{position:absolute;top:54%;left:0;right:0;bottom:0;background:#080a14;padding:6px}.ltc-split .ltc-split-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:100%}.ltc-split .ltc-split-grid>div{background:#ffffff0f;border-radius:3px;border:1px solid rgba(255,255,255,.08)}.ltc-polaroid-outer{background:#e8e2d6;display:flex;align-items:center;justify-content:center}.ltc-polaroid-frame{width:85%;height:90%;background:#fff;border-radius:2px;box-shadow:0 3px 10px #00000040;display:flex;flex-direction:column;padding:5px 5px 0;overflow:hidden}.ltc-polaroid-photo{flex:1;background:linear-gradient(135deg,#4a6fa5,#2d4a72);border-radius:1px}.ltc-polaroid-caption{padding:5px 3px 3px;display:flex;flex-direction:column;gap:3px}.ltc-polaroid-caption>div{height:2.5px;background:#0003;border-radius:1px}.ltc-polaroid-caption>div:first-child{width:80%;background:#00000059}.ltc-heritage{background:radial-gradient(circle at 50% 35%,#192231,#0c111a);position:relative}.ltc-heritage-border{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(220,205,175,.4);pointer-events:none}.ltc-heritage-kicker{position:absolute;top:10px;left:0;right:0;text-align:center;font-size:7.5px;font-weight:700;letter-spacing:1.2px;color:#dccdaf;font-family:Playfair Display,Georgia,serif}.ltc-heritage-dist{position:absolute;top:32%;left:0;right:0;text-align:center;font-size:24px;font-weight:700;color:#fff;font-family:Playfair Display,Georgia,serif;font-style:italic;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.6)}.ltc-heritage-rule{position:absolute;bottom:14px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#dccdaf 50%,transparent)}.ltc-summit{background:linear-gradient(170deg,#18232c,#0c1218);position:relative;overflow:hidden}.ltc-summit-peak{position:absolute;top:9px;left:9px;font-size:7.5px;font-weight:800;letter-spacing:1px;color:#ff6b35;font-family:var(--font-mono)}.ltc-summit-spark{position:absolute;top:32%;left:8%;right:8%;height:24px;background:linear-gradient(180deg,#ff6b3573,#ff6b350d);clip-path:polygon(0% 90%,18% 65%,32% 80%,52% 18%,68% 60%,82% 28%,100% 75%,100% 100%,0% 100%)}.ltc-summit-deck{position:absolute;bottom:8px;left:8px;right:8px;height:14px;background:#00000073;border:1px solid rgba(255,255,255,.12);border-radius:3px}.ltc-nordic{background:#0b0d10;position:relative}.ltc-nordic-tag{position:absolute;top:8px;right:8px;font-size:7.5px;font-family:var(--font-mono);color:#ffffff73;letter-spacing:.5px}.ltc-nordic-num{position:absolute;top:20px;left:9px;font-size:24px;font-weight:300;font-family:var(--font-main);color:#fff;letter-spacing:-.5px;line-height:1}.ltc-nordic-ticker{position:absolute;bottom:8px;left:8px;right:8px;height:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:2px}.ltc-iron{background:linear-gradient(170deg,#111726,#080c14);position:relative}.ltc-iron-badge{position:absolute;top:6px;left:6px;font-size:6.5px;font-weight:800;font-family:var(--font-mono);color:var(--accent-lime);background:#c8ff0024;padding:1.5px 4px;border-radius:3px;border:.5px solid rgba(200,255,0,.35)}.ltc-iron-num{position:absolute;top:36%;left:8px;font-size:20px;font-weight:900;font-family:var(--font-main);color:#fff;line-height:1}.ltc-iron-stats{position:absolute;bottom:8px;left:6px;right:6px;display:flex;gap:3px}.ltc-iron-stats>div{flex:1;height:9px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:2px}.ltc-crossfit{background:linear-gradient(160deg,#160c08,#0a0604);position:relative}.ltc-cf-header{position:absolute;top:7px;left:7px;font-size:7px;font-weight:900;font-family:var(--font-mono);color:#f50}.ltc-cf-timer{position:absolute;top:34%;left:6px;right:6px;background:#ff550026;border:1px solid rgba(255,85,0,.4);border-radius:3px;text-align:center;font-size:11px;font-weight:900;font-family:var(--font-mono);color:#fff;padding:3px 0}.ltc-cf-pulse{position:absolute;bottom:12px;left:8px;right:8px;height:2px;background:linear-gradient(90deg,transparent 0%,#c8ff00 40%,#ff5500 70%,transparent 100%)}.ltc-athletic{background:#0d121c;position:relative}.ltc-ath-border{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:.75px solid rgba(232,220,196,.35);pointer-events:none}.ltc-ath-title{position:absolute;top:8px;left:0;right:0;text-align:center;font-size:7px;font-weight:700;letter-spacing:1px;color:#e8dcc4;font-family:Playfair Display,Georgia,serif}.ltc-ath-ring{position:absolute;top:30%;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:50%;border:2px solid rgba(200,255,0,.6);border-top-color:transparent}.ltc-ath-stats{position:absolute;bottom:8px;left:8px;right:8px;height:10px;background:#ffffff0d;border:.5px solid rgba(255,255,255,.12);border-radius:2px}.gear-chips-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.gear-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;padding:3px 9px;border-radius:99px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.gear-chip:hover{background:#c8ff001f;border-color:var(--accent-lime);color:#fff}.gear-chip.active{background:var(--accent-lime);border-color:var(--accent-lime);color:#000;font-weight:700}.nav-center-actions{display:flex;align-items:center;gap:8px}.history-btn-group{display:inline-flex;align-items:center;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px}.btn-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-nav-icon:hover:not(:disabled){background:#ffffff1a;color:#fff}.btn-nav-icon:disabled{opacity:.28;cursor:not-allowed}.btn-nav-icon.active{background:#00f0ff26;color:var(--accent-cyan)}@media(max-width:768px){.nav-center-actions{display:none}}.canvas-toolbar-group{display:flex;align-items:center;gap:6px}.canvas-zoom-pill{display:inline-flex;align-items:center;background:#00000073;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:2px 4px;gap:2px;margin-left:6px}.btn-zoom{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;padding:0}.btn-zoom:hover{background:#ffffff26;color:#fff}.btn-zoom-readout{background:transparent;border:none;color:var(--accent-lime);font-family:var(--font-mono);font-size:11px;font-weight:800;padding:2px 5px;border-radius:8px;cursor:pointer;transition:background .15s ease}.btn-zoom-readout:hover{background:#c8ff0029}.canvas-pan-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#0b0f17e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:5px 14px;font-size:11.5px;font-weight:600;color:var(--text-secondary);pointer-events:none;opacity:.85;transition:opacity .3s ease;z-index:5;white-space:nowrap;box-shadow:0 4px 16px #00000080}.canvas-wrapper:hover .canvas-pan-hint{opacity:1}.canvas-wrapper.is-panning{cursor:grabbing!important}#overlayCanvas{cursor:grab}#overlayCanvas:active{cursor:grabbing}@media(min-width:992px){.studio-container.is-focus-mode{grid-template-columns:1fr!important}.studio-container.is-focus-mode .panel-left,.studio-container.is-focus-mode .panel-right{display:none!important}.studio-container.is-focus-mode .viewport-center{grid-column:1 / -1!important;padding:16px}.studio-container.is-focus-mode #overlayCanvas,.studio-container.is-focus-mode .canvas-wrapper{max-height:calc(100vh - 120px)!important}}.workout-search-container{width:100%}.workout-search-input{width:100%;padding:8px 12px;font-size:12px;border-radius:var(--radius-sm);background:#00000059;border:1px solid var(--border-subtle);color:var(--text-primary);margin-bottom:0;box-sizing:border-box;transition:all .2s ease}.workout-search-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff40;outline:none}.section-title-action{display:flex!important;align-items:center;justify-content:space-between}.btn-micro-action{background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-micro-action:hover{background:#c8ff0026;border-color:var(--accent-lime);color:var(--accent-lime)}.color-picker-label{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;background:conic-gradient(from 0deg,#f05,#fc0,#0f6,#0ff,#06f,#c0f,#f05);border:2px solid rgba(255,255,255,.3);transition:transform .15s ease,box-shadow .15s ease;box-sizing:border-box}.color-picker-label:hover{transform:scale(1.18);box-shadow:0 0 12px #ffffff80}.color-picker-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.color-picker-icon{font-size:11px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.global-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f17e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:fadeInBanner .2s ease-out}.drop-overlay-box{background:#182234f2;border:2px dashed var(--accent-cyan);border-radius:var(--radius-lg);padding:36px 48px;text-align:center;max-width:500px;box-shadow:0 24px 70px #000c,0 0 40px #00f0ff4d}.drop-overlay-icon{font-size:54px;margin-bottom:14px;animation:bounceDrop .9s infinite alternate ease-in-out}@keyframes bounceDrop{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.drop-overlay-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:8px}.drop-overlay-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.5}.shortcuts-list{display:flex;flex-direction:column;gap:7px;margin:14px 0;max-height:52vh;overflow-y:auto}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:13px}.shortcut-keys{display:flex;align-items:center;gap:4px}kbd{display:inline-block;padding:3px 7px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent-lime);background:#0000008c;border:1px solid rgba(200,255,0,.35);border-radius:4px;box-shadow:0 2px #0009;line-height:1}.shortcut-action{color:var(--text-primary);font-weight:500;font-size:12.5px}.shortcut-tip-box{margin-top:14px;padding:10px 14px;background:#c8ff000f;border:1px solid rgba(200,255,0,.2);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);line-height:1.5}button:focus-visible,input:focus-visible,a:focus-visible,.segment-btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}