*{box-sizing:border-box}body{font-family:var(--font-family-sans);font-size:var(--font-size-field);font-synthesis:none;color:var(--text-primary);background:var(--surface-canvas);--ui-control-height:var(--space-4);margin:0;overflow:hidden}[hidden],.hidden{display:none!important}a{color:inherit;text-decoration:none}a:focus-visible{outline:calc(2 * var(--border-width)) solid var(--focus-ring);outline-offset:calc(2 * var(--border-width))}h1,h2,p{margin:0}h1,h2{font-size:var(--font-size-small);font-weight:500}.character-study{grid-template-columns:minmax(0,1fr) calc(2 * var(--space-7) + var(--space-6));grid-template-rows:var(--f-workbench-header-height) minmax(0,1fr);height:100dvh;display:grid}.study-header{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--f-workbench-header-inset);border-bottom:var(--border-width) solid var(--color-rule);grid-column:1/-1;grid-template-columns:1fr auto 1fr;display:grid}.header-brand,.header-actions{align-items:center;gap:var(--space-1);min-width:0;display:flex}.header-actions{justify-content:flex-end}.brand{min-height:var(--ui-control-height);font-size:var(--font-size-field);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.study-header h1{color:var(--color-copy)}#library-toggle{display:none}.viewport{background:var(--f-neutral-light);--text-primary:var(--f-neutral-dark);--surface-canvas:var(--f-neutral-light);--surface-subtle:color-mix(in srgb,var(--f-neutral-dark) 7%,transparent);--color-rule:color-mix(in srgb,var(--f-neutral-dark) 12%,transparent);--accent-primary:var(--f-neutral-dark);--focus-ring:var(--f-neutral-dark);min-width:0;min-height:0;position:relative;overflow:hidden}#pose-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#pose-canvas:focus-visible{outline:calc(2 * var(--border-width)) solid var(--focus-ring);outline-offset:calc(-2 * var(--border-width))}.preview-heading{top:var(--space-2);left:var(--space-2);right:var(--space-2);pointer-events:none;color:var(--text-primary);position:absolute}.preview-heading span{font-size:var(--font-size-label);opacity:var(--ui-control-readout-muted-alpha)}.preview-heading h2{margin-top:calc(var(--space-1)/2);font-size:var(--font-size-body);line-height:var(--line-height-label);overflow-wrap:anywhere;max-width:100%;font-weight:400}.camera-bar{top:var(--space-2);right:var(--space-2);align-items:center;gap:var(--space-1);max-width:calc(100% - 2 * var(--space-2));display:flex;position:absolute}.camera-views{width:calc(2 * var(--space-7) + var(--space-4));min-width:0}.playback{left:var(--space-2);right:var(--space-2);bottom:var(--space-2);grid-template-columns:minmax(0,1fr) calc(2 * var(--space-7) + var(--space-3));align-items:center;gap:var(--space-2);--f-cluster-inset:var(--space-1);background:color-mix(in srgb,var(--surface-canvas) 94%,transparent);color:var(--text-primary);display:grid;position:absolute}.character-study .playback.shared-control-layout{--ui-control-label-column:calc(var(--space-6) + var(--space-2))}.timeline-controls{align-items:center;gap:var(--space-1);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.playback-actions{align-items:center;gap:var(--space-1);display:flex}.playback-settings{align-items:center;gap:var(--space-1);min-width:0;display:flex}#time-display{font-size:var(--font-size-label);opacity:var(--ui-control-readout-muted-alpha);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:var(--space-5);text-align:right}#time-display:before{content:"/ "}#timeline-field,#speed-field{width:100%;min-width:0}#pose-loading{inset:45% var(--space-2) auto;pointer-events:none;text-align:center;font-size:var(--font-size-small);color:var(--text-primary);position:absolute}.library{border-left:var(--border-width) solid var(--color-rule);min-width:0;min-height:0;padding:var(--space-2) 0 var(--space-2) var(--space-2);gap:var(--space-2);background:var(--surface-canvas);flex-direction:column;display:flex}.showcase-tabs{margin-right:var(--space-3);flex:none}.motion-panel{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.global-panel{min-height:0;padding-right:var(--space-3);flex:1;overflow:auto}#look-status{margin-top:var(--space-2);font-size:var(--font-size-small);color:var(--text-primary)}.library-heading{justify-content:space-between;align-items:center;gap:var(--space-1);padding-right:var(--space-3);display:flex}.library-heading h2,#pose-count{color:var(--color-copy);font-size:var(--font-size-small)}#pose-search{width:calc(100% - var(--space-3))}.motion-list{flex:1;min-height:0;overflow:auto}.pose-group+.pose-group{margin-top:var(--space-2)}.pose-group-label{padding:var(--space-1);color:var(--color-copy);font-size:var(--font-size-small);font-weight:400}.pose-group-items{gap:calc(var(--space-1)/2);display:grid}.pose-choice.f-button{width:100%;min-width:0;padding-inline:var(--space-1);text-align:left;justify-content:space-between;align-items:center;display:flex}.pose-choice .f-button__label{text-align:left;white-space:normal;flex:1}.pose-choice .duration{font-size:var(--font-size-label);font-variant-numeric:tabular-nums;color:var(--color-copy);white-space:nowrap}#pose-empty{padding:var(--space-1);font-size:var(--font-size-small);color:var(--color-copy)}@media (any-pointer:coarse){body{--ui-control-height:var(--space-5)}}@media (width<=1100px){.preview-heading{top:calc(var(--space-2) + var(--ui-control-height) + var(--space-2))}.playback{gap:var(--space-1);grid-template-columns:1fr}.playback-settings{justify-content:flex-end}#speed-field{width:calc(var(--space-7) + var(--space-6) + var(--space-4))}}@media (width>=761px) and (height<=500px){body{overflow:auto}.character-study{min-height:calc(var(--space-6) + 5 * var(--space-7))}}@media (width<=760px){body{overflow:auto}.character-study{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--space-6) auto minmax(calc(4 * var(--space-7)),calc(100svh - var(--space-6)));height:auto;min-height:100dvh}.study-header{gap:var(--space-1);grid-column:1;grid-template-columns:1fr auto}.study-header h1{display:none}#library-toggle{display:inline-flex}.header-brand,.header-actions{gap:calc(var(--space-1)/2)}.viewport{grid-area:3/1}.camera-bar{left:var(--space-2);right:var(--space-2)}.camera-views{flex:1;width:auto}.preview-heading{top:calc(var(--ui-control-height) + 2 * var(--space-2))}.library{border-left:0;border-bottom:var(--border-width) solid var(--color-rule);max-height:calc(4 * var(--space-7));grid-area:2/1;display:none}.library-open .library{display:flex}.global-panel{max-height:calc(3 * var(--space-7));min-height:calc(var(--space-7) + var(--space-6))}.motion-list{min-height:calc(var(--space-7) + var(--space-6))}}@media (width<=480px){.playback{grid-template-columns:minmax(0,1fr)}.timeline-controls{display:contents}.playback-actions{grid-area:1/1;justify-content:center}#timeline-field{grid-area:2/1/auto/-1}.playback-settings{grid-area:3/1}#time-display{display:none}.character-study .playback.shared-control-layout{--ui-control-label-column:calc(var(--space-6) + var(--space-4))}#speed-field{width:100%}}@media (width<=360px){.header-brand,.header-actions{gap:0}.camera-views{width:100%}.preview-heading{right:calc(2 * var(--space-2) + var(--ui-control-height))}}.viewport{container-type:inline-size}.preview-camera-choice{min-width:0;display:none}.preview-camera-choice .bar-field__row-label{display:none}.preview-camera-choice .ui-controls-host{width:100%}@container (width<=500px){.camera-views{display:none}.preview-camera-choice{flex:1;display:block}.camera-bar{left:var(--space-2);right:var(--space-2)}}