[data-v11-stage1-role=root]{isolation:isolate;background:var(--v11-stage1-background);min-height:100%;color:var(--v11-stage1-text);position:relative;overflow-x:hidden}[data-v11-stage1-role=field]{z-index:-4;pointer-events:none;background:linear-gradient(138deg, color-mix(in srgb, var(--v11-stage1-text) 15%, transparent) 0%, transparent 46%, color-mix(in srgb, var(--v11-stage1-background) 16%, transparent) 100%), linear-gradient(145deg, var(--v11-stage1-field-near) 0%, var(--v11-stage1-field-middle) 54%, var(--v11-stage1-field-far) 100%);position:fixed;inset:0}[data-v11-stage1-role=field]:after{content:"";opacity:.12;pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--v11-stage1-grid) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--v11-stage1-grid) 5%, transparent) 1px, transparent 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 14% 88%,#0000);mask-image:linear-gradient(#0000,#000 14% 88%,#0000)}[data-v11-stage1-role=content]{width:min(100%,430px);min-height:100vh;padding:max(24px, env(safe-area-inset-top)) 20px calc(48px + env(safe-area-inset-bottom));box-sizing:border-box;margin:0 auto}[data-v11-stage1-role=header]{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}[data-v11-stage1-role=language]{background:var(--v11-stage1-soft);cursor:pointer;border-radius:24px;justify-content:center;align-items:center;min-width:48px;min-height:48px;display:flex}[data-v11-stage1-role=language]:focus-visible,[data-v11-stage1-role=control]:focus-visible{outline:2px solid var(--v11-stage1-primary);outline-offset:3px}[data-v11-stage1-role=controls]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}[data-v11-stage1-role=control]{box-sizing:border-box;background:var(--v11-stage1-soft);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;min-width:0;min-height:56px;padding:8px 10px;transition:transform .12s cubic-bezier(.32,.72,0,1),background-color .12s cubic-bezier(.32,.72,0,1);display:flex}[data-v11-stage1-role=control]:active{transform:scale(.98)}[data-v11-stage1-role=section]{border-top:1px solid color-mix(in srgb, var(--v11-stage1-text) 11%, transparent);margin-top:36px;padding-top:24px}[data-v11-stage1-role=field-sample]{isolation:isolate;box-sizing:border-box;background:color-mix(in srgb, var(--v11-stage1-soft) 48%, transparent);border-radius:24px;min-height:154px;margin-top:16px;padding:18px;position:relative;overflow:hidden}[data-v11-stage1-role=field-sample]>span{z-index:2;position:relative}[data-v11-stage1-role=material-grid]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}[data-v11-stage1-role=stage-grid]{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}[data-v11-stage1-role=stage-sample]{isolation:isolate;background:color-mix(in srgb, var(--v11-stage1-soft) 56%, transparent);border-radius:18px;justify-content:center;align-items:flex-end;min-height:76px;display:flex;position:relative;overflow:hidden}[data-v11-stage1-role=stage-sample]>span{z-index:2;padding-bottom:10px;position:relative}[data-v11-stage1-role=instrument-item]{flex-direction:column;align-items:center;width:58px;display:flex}[data-v11-component=micro-instrument]{flex:none}[data-v11-stage1-role=type-sample]{margin-top:14px}[data-v11-stage1-role=spacing-list],[data-v11-stage1-role=motion-grid]{flex-direction:column;gap:10px;margin-top:16px;display:flex}[data-v11-stage1-role=spacing-row]{flex-direction:row;align-items:center;gap:10px;min-height:24px;display:flex}[data-v11-stage1-role=spacing-bar]{background:var(--v11-stage1-primary);border-radius:2px;min-width:1px;height:4px}[data-v11-stage1-role=motion-row]{box-sizing:border-box;background:color-mix(in srgb, var(--v11-stage1-soft) 68%, transparent);border-radius:16px;min-height:48px;padding:10px 12px}[data-v11-stage1-role=motion-comparison]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}[data-v11-stage1-role=motion-sample]{isolation:isolate;box-sizing:border-box;background:color-mix(in srgb, var(--v11-stage1-soft) 54%, transparent);border-radius:20px;align-items:center;min-width:0;min-height:88px;padding:20px 10px;display:flex;position:relative;overflow:hidden}[data-v11-stage1-role=motion-sample]>[data-v11-component=material-frame]{z-index:2;position:relative}@media (width<=390px){[data-v11-stage1-role=content]{padding-left:20px;padding-right:20px}[data-v11-stage1-role=control]{padding-left:8px;padding-right:8px}}@media (prefers-reduced-motion:reduce){[data-v11-stage1-role=control]{transition-duration:.001ms!important}}[data-v11-motion=reduced] [data-v11-stage1-role=control]{transition-duration:.001ms!important}