*{box-sizing:border-box} :root{font-family:Inter,"Segoe UI",sans-serif;color:#233e45;background:#f5f7f4;font-synthesis:none}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d6e0da;background:#fff;color:#29434a;border-radius:7px;padding:9px 12px;font-weight:600;transition:background .15s}button:hover{background:#e8f0eb}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #32a8a3;outline-offset:2px}input,select,textarea{border:1px solid #cddbd4;border-radius:6px;padding:8px;background:#fff;color:#203e45;min-width:0}textarea{resize:vertical;min-height:85px}label{display:flex;gap:7px;align-items:center}p{line-height:1.6}.masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 3.5%;border-bottom:1px solid #dde5df;background:#fff}.brand{color:#23424a;text-decoration:none;display:flex;gap:12px;align-items:center;font-size:22px;font-weight:400}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#d9ece4;color:#087c7c;font-size:36px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:700;color:#788c84;margin-top:5px}nav{display:flex;gap:8px;align-items:center}.save-status{color:#648473;font-size:12px;margin-right:15px}main{max-width:1800px;margin:auto;padding:34px 3.5% 24px}.workout-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#4e8274;margin:0 0 12px}#workoutTitle{border:0;border-bottom:1px solid transparent;background:transparent;padding:0 0 6px;font-size:32px;font-weight:650;width:min(600px,48vw);letter-spacing:-1px}#workoutTitle:focus{border-color:#168d8b;outline:none}.intro{color:#7b8a83;margin:4px 0;font-size:13px}.stats{display:flex;gap:32px}.stats div{border-left:1px solid #dae3dc;padding-left:25px}.stats strong{display:block;font-size:27px;letter-spacing:-.6px;font-weight:650}.stats span{display:block;font-size:9px;letter-spacing:1.2px;color:#819189;margin-top:8px}.settings-bar{display:flex;align-items:center;gap:20px;padding:15px 0 20px;border-top:1px solid #e0e6df;font-size:12px;flex-wrap:wrap}.settings-bar label{color:#6c8077}.settings-bar select{padding:6px 10px}.settings-bar input{width:62px;padding:6px}.timing-state{margin-left:auto;background:#fff1d4;color:#8c681a;padding:6px 10px;border-radius:5px;font-size:11px}.timing-state.verified{background:#dceee4;color:#377d5b}.studio{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.canvas-panel,.inspector,.timeline-panel{border:1px solid #dbe4dd;border-radius:12px;overflow:hidden;background:#fff}.canvas-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:62px;padding:14px 18px;border-bottom:1px solid #e1e8e1}.canvas-toolbar>div,.inspector-heading,.section-title>div{display:flex;align-items:center;gap:10px}.step{font-size:10px;font-weight:700;border:1px solid #d9e3dc;border-radius:50%;width:23px;height:23px;display:inline-grid;place-items:center;color:#7f968a;flex-shrink:0}.subtle{font-size:11px;color:#839188;font-weight:400}.canvas-toolbar .subtle{margin-left:8px}.history button{padding:6px 9px;font-size:11px}.history{display:flex;gap:4px}#blockly{height:660px;position:relative}.canvas-foot{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid #e3e9e4;color:#86978d;font-size:10px}.inspector{max-height:765px;overflow:auto}.inspector-heading{padding:19px 18px;border-bottom:1px solid #e1e8e1}.selection{padding:18px}.empty{padding:14px 0;color:#8b998f;font-size:12px}.selection h2{font-size:17px;margin:10px 0}.type-tag{font-size:9px;font-weight:750;letter-spacing:1px;padding:5px 7px;color:#fff;background:#168d8b;border-radius:4px;display:inline-block}.tag-loop{background:#d88a12}.tag-speech{background:#7860b5}.tag-mp3{background:#397fbb}.tag-cue{background:#c15d73}.form{display:grid;gap:13px}.form label{display:grid;gap:6px;font-size:11px;font-weight:600;color:#688074}.form input,.form select,.form textarea{width:100%;font-size:13px;font-weight:400}.help{font-size:11px;color:#7a8c81;line-height:1.6;margin:9px 0}.selected-time{background:#f1f5f1;border-radius:7px;padding:10px;margin:14px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.selected-time small{font-size:9px;color:#7e9185;display:block;margin-bottom:4px}.selected-time strong{font-size:12px}.block-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:18px}.block-actions button{font-size:11px;padding:7px 9px}.danger{color:#ad5158}.attachments{border-top:1px solid #e2e9e3;margin-top:18px;padding-top:12px}.attachments button{font-size:11px;padding:7px;margin:5px 3px 0 0}.files-section{border-top:1px solid #e1e8e1;padding:17px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-title h2{font-size:14px;margin:0}.section-title button{font-size:11px;padding:6px 9px}.track{padding:10px 0;border-bottom:1px solid #edf0eb;display:flex;gap:6px;align-items:center}.track>div{min-width:0;flex:1}.track b{font-size:11px;display:block;overflow-wrap:anywhere}.track small{font-size:10px;color:#88958e}.track button{font-size:10px;padding:5px}.track.missing small{color:#aa6928}.timeline-panel{margin-top:18px;padding:19px 22px}.timeline{display:flex;align-items:stretch;gap:3px;height:42px;margin:18px 0 12px;border-radius:5px;overflow:hidden;background:#f2f5f1}.timeline button{border:0;border-radius:4px;color:#fff;padding:0 4px;min-width:6px;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-basis:0;background:#168d8b}.timeline .rest{background:#a0bbae}.timeline .speech{background:#7860b5}.timeline .cue{background:#c15d73}.timeline .mp3{background:#397fbb}.timeline .loop{background:#d88a12}details{font-size:11px;color:#6d8477}summary{cursor:pointer;padding:6px 0}.table-wrap{max-height:280px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;padding:9px;border-bottom:1px solid #e6ebe5}td button{border:0;padding:3px 0;font-size:11px;background:transparent}.errors{border:1px solid #edc3bb;background:#fff6ef;color:#884338;padding:14px 20px;margin-top:18px;border-radius:8px}.errors b{font-size:12px}.errors button{display:block;border:0;background:transparent;text-align:left;color:#884338;font-size:12px;padding:7px 0}.export-panel{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:25px;padding:30px 0 14px}.export-panel h2{font-size:23px;letter-spacing:-.5px;margin:8px 0}.export-panel p{font-size:12px;color:#7a8e81;margin:7px 0}.export-panel .eyebrow{font-size:10px}.export-actions{text-align:right;min-width:360px}.export-actions>div{display:flex;gap:8px;justify-content:flex-end}.primary{background:#126d68;color:#fff;border-color:#126d68;padding:13px 18px}.primary:hover{background:#0d5855}.secondary{background:#e6efdf;border-color:#e6efdf;padding:13px 18px}.export-actions audio{display:block;margin:14px 0 0 auto;width:100%;height:38px}.export-actions a{display:block;font-size:12px;margin-top:8px;color:#126d68}.export-actions [hidden],[hidden]{display:none!important}footer{border-top:1px solid #dfe6df;padding:20px 3.5%;display:flex;justify-content:space-between;font-size:10px;color:#8b9a8e}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:85vw;background:#23424a;color:#fff;padding:14px 22px;border-radius:9px;box-shadow:0 6px 30px #0002;z-index:2000;font-size:13px}.busy #blockly{pointer-events:none;opacity:.65}.busy .selection{pointer-events:none;opacity:.65}.blocklySvg{border:0}.blocklyText{font-weight:500!important}.blocklyFlyout .blocklyText{font-size:11px!important}#audioStatus.error{color:#aa443b}.occurrence-picker{margin:10px 0}.occurrence-picker label{font-size:11px;display:grid;gap:7px}.occurrence-picker select{width:100%}@media(min-width:1600px){#blockly{height:710px}.inspector{max-height:815px}}@media(max-width:1200px){.canvas-toolbar .subtle{display:none}.studio{grid-template-columns:minmax(0,1fr) 285px}.stats{gap:15px}.stats div{padding-left:15px}nav .save-status{display:none}.brand{font-size:19px}.masthead{padding:17px 3%}main{padding:25px 3%}.canvas-foot span:last-child{display:none}}@media(max-width:900px){.masthead{flex-wrap:wrap}.workout-heading{align-items:flex-start}.stats{gap:10px}.stats strong{font-size:21px}.stats div{padding-left:10px}.studio{grid-template-columns:1fr}.inspector{max-height:none;display:grid;grid-template-columns:1fr 1fr}.inspector-heading{grid-column:1/-1}.files-section{border-top:0;border-left:1px solid #e1e8e1}.export-panel{flex-direction:column;align-items:stretch}.export-actions{text-align:left;min-width:0}.export-actions>div{justify-content:flex-start}#blockly{height:620px}#workoutTitle{font-size:27px;width:46vw}}@media(max-width:600px){nav{flex-wrap:wrap}nav button{font-size:11px;padding:7px}.workout-heading{flex-direction:column;gap:20px}#workoutTitle{width:88vw}.stats{width:100%;justify-content:space-between}.stats div:first-child{border:0;padding:0}.settings-bar{gap:12px}.timing-state{margin-left:0}.inspector{display:block}.files-section{border-left:0;border-top:1px solid #e1e8e1}.canvas-toolbar{padding:12px 10px}.canvas-toolbar b{font-size:12px}.canvas-foot{font-size:9px}.timeline-panel{padding:15px}.export-actions>div{flex-wrap:wrap}footer{gap:10px;flex-direction:column}}
.speech-hardware{justify-content:flex-end;font-size:11px;color:#688074;margin-bottom:12px}.speech-hardware select{max-width:270px;font-size:12px}.audio-metrics{white-space:pre-wrap;font-family:inherit;font-size:11px!important;line-height:1.7;background:#eaf1e9;padding:10px 12px;border-radius:7px;color:#476457!important;text-align:left}.benchmark-link{font-size:11px;color:#126d68}.benchmark-main{max-width:1100px}.benchmark-main p{max-width:900px}.benchmark-main h1{font-size:30px}.benchmark-main h2{font-size:18px;margin-top:28px}.benchmark-main table{background:white}.benchmark-main pre{overflow-wrap:anywhere;white-space:pre-wrap;font-size:11px}.benchmark-main .table-wrap{max-height:none;margin:24px 0}.export-actions{max-width:650px}
.export-actions #audioStatus,.audio-metrics{overflow-wrap:anywhere}
.compact-test{justify-content:flex-end;margin:12px 0 0;font-size:13px;font-weight:600}.compact-test input{width:17px;height:17px;accent-color:#136f6c}.export-actions #compactTestHelp{font-size:11px;margin:6px 0 14px;max-width:480px;margin-left:auto}@media(max-width:900px){.compact-test{justify-content:flex-start}.export-actions #compactTestHelp{margin-left:0}}
.export-section-help{font-size:11px;max-width:480px;margin-left:auto}.tag-section{background:#e4e9f5;color:#526caa}@media(max-width:900px){.export-section-help{margin-left:0}}
.occurrence-row{--occurrence-color:#168d8b;--occurrence-bg:#edf8f6}.occurrence-section{--occurrence-color:#526caa;--occurrence-bg:#edf0fa}.occurrence-loop{--occurrence-color:#d88a12;--occurrence-bg:#fff5e1}.occurrence-speech{--occurrence-color:#7860b5;--occurrence-bg:#f3effa}.occurrence-mp3{--occurrence-color:#397fbb;--occurrence-bg:#edf5fc}.occurrence-cue{--occurrence-color:#c15d73;--occurrence-bg:#fceff2}#occurrenceRows .occurrence-row>td{background:var(--occurrence-bg)}#occurrenceRows .occurrence-row>td:first-child{border-left:4px solid var(--occurrence-color)}#occurrenceRows button{background:transparent}.occurrence-kind{display:inline-block;min-width:82px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:#233e45;margin-right:8px}
.blocklyText.swim-block-label{font-weight:700!important}.blocklyText.swim-block-value{font-weight:400!important}
.timeline-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.timeline-tools #savePdf{font-size:12px;white-space:nowrap}@media(max-width:600px){.timeline-panel>.section-title{align-items:flex-start;gap:12px;flex-wrap:wrap}}

.audio-setting-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:600;color:#688074;margin-bottom:6px}.block-listen{padding:3px 7px;font-size:16px;line-height:1.2}.form #blockPlayer{width:100%;height:36px}

/* SwimPhonic editor and dialogs */
:root{color:#163b67;background:#f4f9fd;--azure:#168cdb;--cobalt:#1859a9;--sky:#65c5f1}body{background:#f4f9fd;color:#163b67}.masthead{background:white;border-color:#d6e6f4;padding:6px 3.5%}.brand-logo{display:block;width:290px;height:auto}.brand{line-height:0}.intro,.help,.subtle{color:#526e88}.settings-bar{border-color:#d6e6f4}.studio{display:block!important}.canvas-panel{background:white;border-color:#cbdfee}.canvas-toolbar{border-color:#d6e6f4}.selected-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #d6e6f4;background:#edf6fd}.selected-toolbar button,.selected-toolbar select{font-size:11px;padding:6px 9px}.selected-toolbar label{font-size:11px}.selected-name{font-size:11px;font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px}.primary{background:#1859a9;border-color:#1859a9}.primary:hover{background:#124783}.secondary{background:#e4f2fc;border-color:#c7e1f4}button:hover{background:#e6f3fc}.primary:hover{background:#124783}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#168cdb}.timing-state.verified{background:#e3f1fb;color:#1859a9}.timeline-panel{border-color:#cbdfee}.canvas-foot{color:#526e88}#blockly{height:730px}.swim-header-label{font-family:Inter,Segoe UI,sans-serif;font-size:11px;font-weight:700}.swim-header-value{font-family:Inter,Segoe UI,sans-serif;font-size:11px;font-weight:400}.blocklyBlock{color:#fff}.blocklyBlock.section-light{color:#163b67}.section-light>.blocklyInput>.blocklyText,.section-light>.blocklyText{fill:#163b67!important}.section-light .swim-header-label,.section-light .swim-header-value{fill:currentColor}.section-light>.blocklyInput{color:#163b67}.blocklyBlock.has-draft>.blocklyPath{stroke-dasharray:5 3;stroke-width:2px}.swim-detail{cursor:help}.blocklyFlyout .blocklyBlock{color:white}dialog{border:1px solid #c4dbee;border-radius:16px;padding:0;color:#163b67;background:#fff;box-shadow:0 24px 100px #12365740;width:min(760px,calc(100vw - 28px));max-height:90vh;overflow:auto}dialog::backdrop{background:#10335b70;backdrop-filter:blur(2px)}.dialog-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 24px;background:#f0f7fe;border-bottom:1px solid #d6e6f4}.dialog-heading h2{font-size:20px;margin:4px 0;line-height:1.4}.dialog-heading small{font-size:10px;font-weight:700;letter-spacing:1px}.dialog-heading>button{font-size:26px;line-height:1;padding:5px 10px}.dialog-footer{position:sticky;bottom:0;z-index:2;background:#f0f7fe;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #d6e6f4;color:#526e88}.dialog-footer span{margin-right:auto;font-size:11px}.dialog-footer .primary{padding:9px 20px}.selection{padding:20px 24px}.selection .form{gap:15px}.edit-field{border:1px solid #dbe8f4;border-radius:9px;padding:13px;background:#fff}.form label{color:#365a7d}.field-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:9px}.field-tools .show-field{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:500;white-space:nowrap}.show-field input{width:14px;height:14px;accent-color:#1859a9}.field-reset{font-size:10px;padding:3px 6px;color:#1859a9;margin-right:auto}.field-reset[data-reset-show]{margin-right:0}.dialog-error{margin:0 24px 16px;padding:12px;border:1px solid #e8b5a7;background:#fff3ef;color:#8c3526;border-radius:6px}.selected-time{background:#edf5fd}.selected-time small{color:#526e88}.type-tag.tag-section{background:#1859a9;color:#fff}.busy .selection{pointer-events:auto;opacity:1}.busy .selected-toolbar{opacity:.6}.selection .occurrence-picker{margin:12px 0}.selection #dialogProgress{white-space:pre-wrap}#mp3Dialog{width:min(650px,calc(100vw - 28px))}#mp3Status{padding:0 20px}#cancelMp3Job,#cancelBlockAudio{margin:0 24px 16px}.audio-setting-heading{color:#365a7d}.speech-hardware{color:#365a7d}.export-actions #quickBlockPlayer{display:block;width:100%;height:38px;margin-top:12px}.occurrence-section{--occurrence-color:#1859a9;--occurrence-bg:#edf5fd}@media(max-width:900px){.brand-logo{width:235px}#blockly{height:650px}.selected-toolbar{padding:10px}.dialog-heading,.dialog-footer{padding:14px 18px}.selection{padding:16px 18px}}@media(max-width:600px){.brand-logo{width:220px}.dialog-footer span{max-width:130px}.selected-name{display:none}.history{flex-wrap:wrap}.canvas-toolbar{flex-wrap:wrap}.dialog-footer{gap:7px}.dialog-heading h2{font-size:17px}.field-tools{flex-wrap:wrap}}

.dialog-footer{flex-direction:row}@media(max-width:600px){.dialog-footer span{max-width:100px}.dialog-footer button{flex-shrink:0}}