/* Shared teal control language, with primary and quiet variants. */
:root{--ui-edge:#7ed7cc55;--ui-glow:#7ed7cc38;--ui-active:#b8f0e7}
body :is(button:not(.frame),select,summary,.button,.resume-link){border-radius:10px;transition:background-color .22s,border-color .22s,color .22s,box-shadow .22s; -webkit-tap-highlight-color:transparent}
body :is(.fbx-section button,.fbx-section select,.rig-actions button,.email-actions button,.email-actions a,.button.secondary,.resume-link){background:linear-gradient(145deg,#243e40,#17292d);border:1px solid var(--ui-edge);color:#d4eee8;box-shadow:inset 0 1px #c0fff310}
body :is(.resume-link,.email-actions a){border-radius:10px;padding:.65rem 1rem}
body :is(.reel,.button:not(.secondary)),body #fbx-load{border:1px solid #c0fff3;border-radius:10px;background:var(--accent);color:#102326;box-shadow:0 0 24px #7ed7cc38,inset 0 1px #ffffff60;font-weight:700}
body :is(.lab-analysis-panel,.additional-rigs,.fbx-import)>summary{padding:.8rem 1rem;border:1px solid var(--ui-edge);background:linear-gradient(145deg,#203538,#16282b);color:#ccebe5;cursor:pointer;box-shadow:inset 0 1px #c0fff310}
body :is(.lab-analysis-panel,.additional-rigs,.fbx-import)[open]>summary{border-color:#7ed7cc99;background:#244440;box-shadow:0 0 16px #7ed7cc14}
body .fbx-toolbar label:has(input[type=checkbox]){padding:.45rem .65rem;border:1px solid #7ed7cc25;border-radius:9px;background:#142629;transition:background-color .2s,border-color .2s;cursor:pointer}
body .fbx-toolbar label:has(input:checked){background:#254a45;border-color:#7ed7cc80;color:#d8fff4;box-shadow:inset 0 0 12px #7ed7cc0d}
body .fbx-toolbar label:has(input:disabled){opacity:.45;cursor:not-allowed}
body .fbx-preview[aria-current=true],body #fbx-browse[aria-expanded=true]{border-color:#a2f0e0;background:#254a45;box-shadow:0 0 0 1px #7ed7cc30,0 0 18px #7ed7cc25}
body .player-surface :is(.player-buttons button,.close),body #motionToggle{border:1px solid #7ed7cc55;background:#203d3d9c;color:#d4fff5;box-shadow:inset 0 1px #c0fff320;border-radius:50%}
body :is(button,select,summary,.button,.resume-link):focus-visible{outline:2px solid #c0fff3;outline-offset:4px;box-shadow:0 0 22px #7ed7cc55}
@media(hover:hover) and (pointer:fine){
 body :is(button:not(.frame):not(:disabled),select:not(:disabled),summary,.button,.resume-link,.email-actions a):hover{border-color:#a2f0e0;box-shadow:0 0 0 1px #7ed7cc25,0 0 22px #7ed7cc40,inset 0 1px #c0fff326}
 body :is(.fbx-section button:not(#fbx-load):not(:disabled),.fbx-section select:not(:disabled),.rig-actions button,.email-actions button,.email-actions a,.button.secondary,.resume-link):hover{background:#2c514d;color:#e0fff6}
 body :is(.reel,.button:not(.secondary)):hover,body #fbx-load:hover{background:#b8f0e7;box-shadow:0 0 32px #7ed7cc66}
 body .navlinks a:hover{color:#b8f0e7;text-shadow:0 0 14px #7ed7cc70}
 body .fbx-toolbar label:has(input[type=checkbox]:not(:disabled)):hover{border-color:#a2f0e0;background:#294844}
}
body button:disabled,body select:disabled{cursor:not-allowed;box-shadow:none;opacity:.45}
body :is(button:not(.frame):not(:disabled),.button,.resume-link):active{filter:brightness(.92)}
@media(prefers-reduced-motion:reduce){body :is(button,select,summary,.button,.resume-link),body .fbx-toolbar label{transition:none}}
/* Keep the full-video affordance visible above the hover preview. */
#work .frame .card-play{z-index:3;left:1rem;right:auto;width:2.5rem;height:2.5rem;opacity:1;pointer-events:none;background:#102b2a99;color:#c0fff3;border:1px solid #9de9db99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 10px #0004;transition:background-color .22s,box-shadow .22s,border-color .22s}
#work .frame.is-work-previewing .card-play{opacity:1}
@media(hover:hover) and (pointer:fine){#work .frame:hover .card-play{background:#204944b3;border-color:#c0fff3;box-shadow:0 0 16px #7ed7cc66,inset 0 0 10px #7ed7cc18;color:#e0fff6}}
#work .frame:focus-visible .card-play{box-shadow:0 0 16px #7ed7cc66;border-color:#c0fff3}
@media(prefers-reduced-motion:reduce){#work .frame .card-play{transition:none}}

#work .frame img.work-preview-logo{left:auto;right:8px}
/* Rigging previews: full-surface View target plus independent playback control. */
#rigging .rig-media{position:relative}
#rigging .rig-open{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}
#rigging .rig-open:hover{background:transparent;box-shadow:none}
#rigging .rig-open:focus-visible{outline:2px solid #c0fff3;outline-offset:-4px;background:transparent}
#rigging .rig-actions .rig-expand{background:linear-gradient(145deg,#294b46,#1d3937);border-color:#7ed7cc88;color:#d4fff5}

/* Desktop hero speed: compact control, fixed readout, zero means paused. */
/* Quiet at rest; reveal the hero speed control on interaction. */
/* Disclosure controls fit their labels rather than spanning the section. */
body :is(.lab-analysis-panel,.additional-rigs,.fbx-import)>summary{width:fit-content;max-width:100%;min-height:44px;padding:.6rem .85rem;list-style-position:inside}