.quick-workout-shortcut { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; margin:0 0 18px; padding:20px 24px; border:1px solid #f58c2b; border-radius:16px; color:#fff; background:linear-gradient(115deg,#672807,#191411 65%); text-align:left; cursor:pointer; }
.quick-workout-shortcut strong {display:block;font-size:1.35rem}.quick-workout-shortcut small {display:block;margin-top:5px;color:#e1d6ce;line-height:1.5}.quick-workout-shortcut>span:last-child {font-size:2rem;color:#ff9e40}
.quick-workout {max-width:860px;margin:0 auto;width:100%;color:#eee;overflow-wrap:anywhere}.quick-heading {margin-bottom:24px}.quick-heading h2 {font-size:clamp(1.8rem,5vw,2.6rem);margin:8px 0}.quick-heading p {max-width:65ch;line-height:1.65;color:#d0ccc7}.quick-workout .dashboard-kicker {color:#ffab58}
.quick-panel,.quick-session-card {min-width:0;margin:0 0 20px;padding:22px;border:1px solid #4e4842;border-radius:16px;background:#181715}.quick-panel legend {padding:0 8px;color:#ffae62;font-size:1.08rem;font-weight:700}.quick-panel p,.quick-session-card p {line-height:1.6}.quick-fields {display:grid;grid-template-columns:1fr 2fr;gap:18px}.quick-fields label {display:flex;flex-direction:column;gap:8px;font-weight:600}.quick-workout input:not([type=checkbox]):not([type=file]),.quick-workout select {width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid #69615a;border-radius:8px;background:#0e0e0e;color:#fff;font:inherit;font-size:16px;box-sizing:border-box}.quick-workout button,.quick-workout summary {min-height:44px}.quick-workout button:disabled {opacity:.6;cursor:wait}.quick-hint {color:#bcb6af;font-size:.92rem}.quick-photo-actions {display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.quick-file-button {position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border:1px solid #c77b36;border-radius:9px;color:#ffe1c4;background:#292017;cursor:pointer;overflow:hidden}.quick-file-button input {position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.quick-file-button:focus-within {outline:2px solid #ffae62;outline-offset:3px}.quick-workout button:not(.btn) {border:1px solid #69615a;border-radius:8px;padding:8px 14px;background:#242321;color:#eee;cursor:pointer}.quick-checkbox {display:flex;align-items:flex-start;gap:12px;line-height:1.55;margin:16px 0}.quick-checkbox input {flex:0 0 auto;width:21px;height:21px;accent-color:#f18b2c;margin-top:3px}.quick-checkbox span {flex:1}.quick-equipment {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.quick-equipment label {display:flex;align-items:center;gap:10px;min-height:48px;padding:10px;border:1px solid #514a42;border-radius:10px;font-size:.93rem;line-height:1.4;cursor:pointer}.quick-equipment input {width:19px;height:19px;accent-color:#f18b2c;flex:none}.quick-equipment label:has(input:checked) {background:#3b2817;border-color:#ff9e40}.quick-workout canvas {width:100%;max-height:300px;object-fit:contain;background:#0b0b0b;border-radius:12px;margin:8px 0}.quick-workout [role=status] {line-height:1.6}.quick-workout summary {cursor:pointer;font-weight:600;line-height:1.5;padding:12px 0}.quick-session-card {border-top:3px solid #ef8b30}.quick-session-card h3 {margin:0 0 10px;font-size:1.5rem}.quick-session-card h4 {margin:18px 0 8px;font-size:1.12rem}.quick-prescription {display:flex;gap:8px;flex-wrap:wrap}.quick-prescription span {border-radius:6px;padding:5px 9px;background:#322820;color:#ffcc9b;font-size:.9rem}.quick-exercise {border-bottom:1px solid #443c35;padding:0 0 16px}.quick-exercise:last-child {border:0}.quick-set {display:grid;grid-template-columns:70px 1fr 1fr 1fr;gap:10px;align-items:end;margin:12px 0}.quick-set label {font-size:.82rem;display:flex;flex-direction:column;gap:6px;color:#d0ccc7}.quick-set .quick-set-check {min-height:46px;flex-direction:row;align-items:center;gap:8px}.quick-set input[type=checkbox] {width:20px;height:20px;accent-color:#f18b2c}.quick-completion {margin-top:20px}.quick-completion .quick-fields {grid-template-columns:1fr 1fr}.quick-note-list {padding-left:20px;line-height:1.6;color:#c4beb7}.quick-note-list li {margin-bottom:8px}.quick-saved-badge {display:inline-block;padding:6px 10px;border-radius:6px;color:#e6ffc4;background:#25351a;font-weight:700}.quick-workout a {display:inline-block;padding:12px 0;margin-top:12px}.quick-workout :focus-visible {outline:2px solid #ffb15b;outline-offset:3px}
@media(max-width:520px){.quick-workout-shortcut{padding:16px}.quick-panel,.quick-session-card{padding:16px}.quick-fields{grid-template-columns:1fr}.quick-equipment{grid-template-columns:1fr}.quick-set{grid-template-columns:58px 1fr 1fr 1fr;gap:6px}.quick-set input:not([type=checkbox]){padding:8px 5px}.quick-completion .quick-fields{grid-template-columns:1fr}.quick-workout .btn{width:100%;white-space:normal;text-align:center}.quick-photo-actions>*{flex:1 1 auto}}

.quick-workout [hidden],.quick-workout-shortcut[hidden]{display:none!important}
.quick-workout .quick-heading {position:static;inset:auto;width:auto;z-index:auto;background:none;padding:0;box-shadow:none;border:0;backdrop-filter:none;transform:none}

#quickSaved {scroll-margin-top:76px}
/* Native focus/validation must not animate a form target under a tap. */
html:has(.dashboard-page) {scroll-behavior:auto}
.quick-build-feedback {margin:16px 0;padding:16px;border:1px solid #c77b36;border-radius:10px;background:#292017;scroll-margin:90px 0;line-height:1.6}
.quick-build-feedback p {margin:0 0 12px}.quick-build-feedback p:last-child{margin-bottom:0}.quick-build-feedback button{display:block;white-space:normal;margin:10px 0;width:100%;text-align:left}
.quick-build-feedback .btn-secondary{background:#3b2817;border:1px solid #ff9e40;color:#ffe1c4}.quick-build-feedback .btn-secondary:disabled{cursor:default}
.quick-workout {padding:8px 0 24px}
.quick-set .quick-set-check {white-space:nowrap}
.quick-set input[type=checkbox] {flex:0 0 20px}
.quick-checkbox {min-height:44px;cursor:pointer}
.quick-photo-framing {margin:8px 0 16px;padding:0 12px 12px;border:1px solid #514a42;border-radius:10px}
.quick-photo-framing label {display:block;line-height:1.5;margin-top:12px;font-weight:600}
.quick-photo-framing output {float:right;color:#ffae62}
.quick-workout .quick-photo-framing input[type=range] {display:block;width:100%;height:44px;min-height:44px;padding:0;border:0;background:transparent;accent-color:#f18b2c;cursor:pointer}
.quick-photo-framing input:disabled {opacity:.5;cursor:default}
.quick-file-button:has(input:disabled) {opacity:.6;cursor:wait}
@media(max-width:380px){.quick-set{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 0}.quick-set .quick-set-check{grid-column:1/-1;justify-content:flex-start}.quick-set label{min-width:0}}
