.basics-content{max-width:1160px;margin:auto;padding:50px clamp(24px,5vw,88px) 90px}.basics-intro{padding:15px 0 50px}.basics-intro .eyebrow{color:#74786c}.basics-intro h1{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(36px,5.5vw,66px);font-weight:500;line-height:1.5;letter-spacing:.04em;margin:0 0 24px}.basics-intro h1 span{color:var(--product-red)}.basics-intro>p:last-child{font-size:14px;line-height:2.2;color:#626658}.basics-index{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #d6d4c9}.basics-index a{display:flex;gap:14px;align-items:center;padding:24px 12px;text-decoration:none;font-size:13px}.basics-index a>span:first-child{color:var(--product-red);font-family:Georgia,serif}.basics-index a>span:last-child{margin-left:auto}.basics-index a:hover{background:#e9e6db}.basics-prep{padding:30px 0 40px;max-width:760px}.basics-prep h2{font-size:15px;font-weight:500}.basics-check details p,.basics-check li,.basics-lesson-copy>p,.basics-prep p{font-size:14px;line-height:2.1}.basics-prep small{display:block;color:#6b6f61;line-height:1.8;font-size:11px}.basics-lesson{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,70px);align-items:center;border-top:1px solid #d6d4c9;padding:48px 0;scroll-margin-top:25px}.basics-diagram{background:#ebe8de;border-radius:3px;padding:20px 10px}.basics-diagram svg{display:block;width:100%;height:auto}.basics-lesson-copy .eyebrow{color:#77796b;margin:0 0 16px}.basics-lesson-copy h2{font-family:Yu Mincho,serif;font-weight:500;font-size:32px;margin:0 0 14px}.basics-lesson-copy h3{font-size:14px;font-weight:500;margin:0;color:var(--product-red)}.basics-lesson-copy .basics-tip{font-size:12px;border-left:2px solid #bc3d2b;padding-left:14px;color:#626658;margin-top:22px}.basics-check{border-block:1px solid #d6d4c9;padding:36px 0}.basics-check h2,.basics-next h2{font-family:Yu Mincho,serif;font-size:28px;font-weight:500;margin:0 0 22px}.basics-check ol{padding-left:24px}.basics-check li{padding-left:8px;margin-bottom:10px}.basics-check details{margin-top:25px;padding:20px;background:#ebe8de}.basics-check summary{cursor:pointer;font-size:14px;line-height:1.8}.basics-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:60px}.basics-next p{font-size:13px;line-height:1.9}.basics-next>a{padding:18px 25px;background:#30342c;color:#faf9f3;text-decoration:none;font-size:13px;white-space:nowrap}.basics-next>a span{margin-left:24px}.basics-home{font-size:12px;text-underline-offset:5px}.basics-page :focus-visible{outline:2px solid var(--product-red);outline-offset:5px}.home-basics-link{font-size:12px;text-underline-offset:5px;white-space:nowrap}@media(max-width:700px){.basics-content{padding-top:24px}.basics-intro{padding-bottom:25px}.basics-intro>p:last-child{font-size:12px}.basics-index{grid-template-columns:1fr 1fr}.basics-index a{padding:18px 8px;font-size:12px}.basics-lesson{grid-template-columns:1fr;gap:28px;padding:30px 0}.basics-diagram{max-width:460px;width:100%;justify-self:center}.basics-lesson-copy h2{font-size:28px}.basics-next{align-items:flex-start;flex-direction:column;padding-top:38px}.basics-home{font-size:11px}.basics-check h2,.basics-next h2{font-size:24px}.basics-page .header-actions{gap:12px}.home-basics-link{font-size:11px}}.basics-lesson .basics-diagram{padding:0;min-width:0}.basics-canvas{height:300px;width:100%;position:relative}.basics-canvas canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.basics-canvas canvas:active{cursor:grabbing}.basics-player-controls{padding:0 18px 16px}.basics-player-status{display:flex;justify-content:space-between;font-size:12px;color:#626658}.basics-player input[type=range]{width:100%;accent-color:#bc3d2b;min-height:36px;cursor:pointer}.basics-player-buttons{display:flex;flex-wrap:wrap;gap:8px}.basics-player-buttons button{min-height:44px;padding:8px 12px;font-size:12px;background:transparent;border:1px solid #b9b8a9;border-radius:3px}.basics-player-buttons button:first-child{background:#30342c;color:#faf9f3;border-color:#30342c;min-width:70px}.basics-player-controls>p{font-size:10px;line-height:1.8;color:#626658;margin:12px 0 0}@media(max-width:700px){.basics-canvas{height:290px}}.basics-examples{border-top:1px solid #d6d4c9;padding:44px 0 52px;scroll-margin-top:24px}.basics-examples>h2{font-family:Yu Mincho,serif;font-size:32px;font-weight:500;margin:0 0 18px}.basics-examples-intro{font-size:13px;line-height:2;max-width:700px;color:#626658}.basics-example-picker{margin:30px 0}.basics-example-picker>div{margin:20px 0}.basics-example-picker h3{font-size:12px;font-weight:500;color:#626658;margin-bottom:12px}.basics-example-picker>div>div{display:flex;gap:8px;flex-wrap:wrap}.basics-example-picker button{display:inline-flex;gap:10px;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #c9c6b8;border-radius:3px;background:transparent;font-size:12px;text-align:left}.basics-example-picker button>span{font-family:Georgia,serif;opacity:.7}.basics-example-picker button[aria-pressed=true]{background:#30342c;color:#faf9f3;border-color:#30342c}.basics-example-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:36px}.basics-example-player{background:#ebe8de;border-radius:3px;min-width:0}.basics-example-stage{height:430px;position:relative}.basics-example-stage .product-scene-interactive{padding-bottom:92px}.basics-example-stage .preview-tools{padding:0 10px 12px;gap:8px}.basics-example-stage .preview-tools p{flex-basis:100%;text-align:center}.basics-example-stage .preview-tools button{background:#f3f0e7}.basics-example-title{font-family:Yu Mincho,serif!important;font-size:28px!important;color:var(--product-ink)!important;line-height:1.5}.basics-lesson-copy h4{font-size:14px;font-weight:500;color:var(--product-red);margin:16px 0}.basics-lesson-copy .basics-example-setup{font-size:12px;color:#626658}.basics-example-link{display:inline-block;font-size:12px;text-underline-offset:5px;margin-top:12px}.basics-player-status{gap:16px;line-height:1.7}.basics-player-status output{flex-shrink:0}.basics-index a:last-child{grid-column:span 2}.basics-example-stage .scene-loading{position:absolute;inset:0}.basics-examples :focus-visible{outline:2px solid var(--product-red);outline-offset:4px}@media(max-width:850px){.basics-example-layout{grid-template-columns:1fr}.basics-example-stage{height:400px}.basics-examples>h2{font-size:28px}.basics-example-picker button{font-size:11px;padding:9px 11px}.basics-example-layout{gap:26px}}.basics-material-canvas{position:relative;width:100%;height:100%;min-height:0}.basics-material-canvas canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.basics-material-canvas canvas:active{cursor:grabbing}.basics-category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #d6d4c9}.basics-category-nav>a{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 22px;color:inherit;text-decoration:none}.basics-category-nav>a+a{border-left:1px solid #d6d4c9}.basics-category-nav strong{font-family:Yu Mincho,serif;font-weight:500;font-size:25px}.basics-category-nav .eyebrow{color:var(--product-red)}.basics-category-nav>a>span:nth-last-child(2){font-size:12px;line-height:1.9;color:#626658}.basics-category-nav>a>span:last-child{position:absolute;right:18px;top:27px}.basics-category-nav>a:hover{background:#ebe8de}.basics-start{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;padding:32px 0}.basics-start h2{font-size:19px;font-weight:500;margin:8px 0}.basics-start p:last-child{font-size:12px;line-height:2;color:#626658}.basics-start ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;counter-reset:start;align-content:center}.basics-start li{counter-increment:start}.basics-start button{border:1px solid #d6d4c9;min-height:46px;background:transparent;width:100%;text-align:left;padding:12px;font-size:12px}.basics-start button:before{content:counter(start);color:var(--product-red);margin-right:12px}.basics-search{display:flex;align-items:center;gap:16px;border-top:1px solid #d6d4c9;padding:24px 0}.basics-search label{font-size:13px;white-space:nowrap}.basics-search input{flex:1;min-width:0;max-width:440px;border:1px solid #c9c6b8;background:#faf9f3;padding:13px 16px;border-radius:3px;font:inherit;font-size:14px}.basics-search>span{font-size:12px;color:#626658;white-space:nowrap}.basics-library-section{border-top:1px solid #d6d4c9;padding:38px 0 50px;scroll-margin-top:24px}.basics-section-heading h2{font-family:Yu Mincho,serif;font-size:34px;font-weight:500;margin:12px 0}.basics-section-heading h2 small{font:14px Georgia,serif;color:#77796b;margin-left:18px}.basics-section-heading>p:last-child{font-size:13px;color:#626658}.basics-topic-detail{background:#ebe8de;padding:28px;margin:28px 0 36px;border-radius:3px;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;scroll-margin-top:24px}.basics-topic-detail:has(.basics-detail-player){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.basics-detail-copy{min-width:0}.basics-detail-copy>.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0 0 18px}.basics-detail-copy h3{font-family:Yu Mincho,serif;font-size:27px;font-weight:500;line-height:1.6;margin:0 0 8px}.basics-detail-copy>p:not(.eyebrow){font-size:13px;line-height:2}.basics-detail-copy .basics-alias{color:#77796b;font-size:11px!important;margin-top:0}.basics-detail-copy .basics-tip{border-left:2px solid var(--product-red);padding-left:12px;font-size:12px!important}.basics-detail-copy>a{font-size:12px;text-underline-offset:4px}.basics-detail-player{min-width:0;background:#f4f1e8;border:1px solid #dedace;border-radius:3px}.basics-detail-player .basics-canvas{height:280px}.basics-detail-player .basics-example-stage{height:365px}.basics-format{display:inline-block;flex-shrink:0;font-size:10px;line-height:1.5;font-weight:400;letter-spacing:.02em;padding:3px 7px;border:1px solid #c5c2b3;color:#626658;border-radius:2px;white-space:nowrap}.basics-reading-note{color:#77796b;font-size:12px!important}.basics-related{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}.basics-related h4{width:100%;font-size:11px;font-weight:500;color:#626658;margin:0 0 2px}.basics-related button{font-size:12px;min-height:40px;border:1px solid #c5c2b3;background:transparent;border-radius:2px;padding:8px 10px;text-align:left}.basics-related button:hover,.basics-start button:hover{background:#dedace}.basics-topic-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}.basics-topic-group h3{font-size:14px;font-weight:500;margin:0 0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.basics-topic-group h3>small{font-size:10px;color:#77796b;font-weight:400}.basics-topic-group>div{display:grid;gap:0;border-top:1px solid #d6d4c9}.basics-topic-group button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;width:100%;padding:12px;text-align:left;background:transparent;border:0;border-bottom:1px solid #d6d4c9;font:inherit;font-size:13px;color:inherit}.basics-topic-group button>span:first-child{min-width:0}.basics-topic-group button small{display:block;font-size:10px;color:#77796b;margin-top:6px;line-height:1.6}.basics-topic-group button:hover{background:#ebe8de}.basics-topic-group button[aria-pressed=true]{background:#30342c;color:#faf9f3}.basics-topic-group button[aria-pressed=true] .basics-format,.basics-topic-group button[aria-pressed=true] small{color:#dedace}.basics-back-top{display:inline-block;margin-top:24px;font-size:11px;text-underline-offset:4px}.basics-no-results{font-size:13px;line-height:2}.basics-references{padding:35px 0;border-top:1px solid #d6d4c9}.basics-references h2{font-size:22px;font-weight:500}.basics-references li,.basics-references p{font-size:12px;line-height:2}.basics-references ul{padding-left:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.basics-references a{text-underline-offset:4px}.basics-library-section button{cursor:pointer}.basics-topic-detail:focus{outline:none}.basics-topic-detail:focus-visible{outline:2px solid var(--product-red);outline-offset:5px}@media(max-width:800px){.basics-topic-detail:has(.basics-detail-player){grid-template-columns:1fr}.basics-detail-player{grid-row:2}.basics-category-nav strong{font-size:21px}.basics-category-nav>a{padding:22px 14px}.basics-start{grid-template-columns:1fr;gap:8px}}@media(max-width:550px){.basics-category-nav{grid-template-columns:1fr}.basics-category-nav>a{padding:19px 14px;gap:7px}.basics-category-nav>a+a{border-left:0;border-top:1px solid #d6d4c9}.basics-category-nav .eyebrow{position:absolute;top:24px;left:14px}.basics-category-nav strong,.basics-category-nav>a>span:nth-last-child(2){margin-left:32px}.basics-category-nav>a>span:last-child{top:23px}.basics-topic-groups{grid-template-columns:1fr}.basics-topic-detail{padding:20px 16px}.basics-search{gap:10px;flex-wrap:wrap}.basics-search label{width:100%}.basics-references ul{grid-template-columns:1fr}.basics-detail-copy h3{font-size:25px}.basics-section-heading h2{font-size:29px}.basics-topic-group button{min-height:68px}}.basics-page .basics-content{max-width:1280px;padding:12px 24px 20px}.basics-page .basics-intro{display:flex;align-items:baseline;gap:22px;padding:5px 0 16px}.basics-page .basics-intro h1{font-size:25px;line-height:1.5;margin:0;letter-spacing:.03em;white-space:nowrap}.basics-page .basics-intro>p:last-child{font-size:12px;line-height:1.8;margin:0}.basics-workspace{height:calc(100svh - 175px);min-height:480px;max-height:1000px;border:1px solid #d6d4c9;display:flex;flex-direction:column;background:#f8f5ed}.basics-workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-shrink:0;border-bottom:1px solid #d6d4c9}.basics-workspace-tabs button{min-height:48px;background:transparent;border:0;color:inherit;font-size:14px;cursor:pointer;border-bottom:3px solid transparent;padding:10px 8px}.basics-workspace-tabs button+button{border-left:1px solid #d6d4c9}.basics-workspace-tabs button[aria-pressed=true]{border-bottom-color:var(--product-red);background:#ebe8de}.basics-workspace-tabs small{font-size:10px;margin-left:10px;color:#77796b}.basics-workspace-body{display:grid;grid-template-columns:300px minmax(0,1fr);flex:1;min-height:0}.basics-library-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid #d6d4c9}.basics-workspace .basics-search{display:grid;grid-template-columns:1fr auto;border:0;border-bottom:1px solid #d6d4c9;padding:14px;gap:8px;flex-shrink:0}.basics-workspace .basics-search label{font-size:11px}.basics-workspace .basics-search input{grid-row:2;grid-column:1/-1;width:100%;max-width:none;box-sizing:border-box;font-size:13px;padding:10px 12px}.basics-workspace .basics-search>span{grid-row:1;grid-column:2;font-size:10px}.basics-detail-scroll,.basics-list-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin}.basics-list-scroll{padding:16px 12px}.basics-workspace .basics-topic-groups{display:block}.basics-workspace .basics-topic-group{margin-bottom:25px}.basics-workspace .basics-topic-group h3{font-size:12px;margin:0 0 10px;padding:0 8px}.basics-workspace .basics-topic-group button{padding:10px 8px;min-height:56px;font-size:12px}.basics-workspace .basics-topic-group button small{font-size:10px;margin-top:4px}.basics-detail-scroll{background:#ebe8de;padding:24px}.basics-workspace .basics-topic-detail,.basics-workspace .basics-topic-detail:has(.basics-detail-player){gap:18px;margin:0;padding:0;background:none}.basics-workspace .basics-detail-copy h3{font-size:25px;line-height:1.5}.basics-workspace .basics-detail-copy>.eyebrow{font-size:10px;margin-bottom:10px}.basics-workspace .basics-detail-copy>p:not(.eyebrow){line-height:1.85;margin:8px 0;font-size:13px}.basics-workspace .basics-detail-copy .basics-example-setup{font-size:11px!important;color:#626658}.basics-workspace .basics-detail-player{order:-1;flex-shrink:0}.basics-workspace .basics-detail-player .basics-canvas{height:clamp(180px,29svh,300px)}.basics-workspace .basics-detail-player .basics-example-stage{height:clamp(220px,34svh,340px)}.basics-workspace .basics-related{margin-top:14px}.basics-beginner-path{padding:0 6px 18px;border-bottom:1px solid #d6d4c9;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:6px}.basics-beginner-path p{width:100%;font-size:11px;color:#626658;margin:0 0 6px}.basics-beginner-path button{display:flex;align-items:center;gap:7px;font-size:10px;padding:6px 8px;min-height:36px;border:1px solid #c9c6b8;background:transparent;cursor:pointer}.basics-beginner-path button span{color:var(--product-red)}.basics-mobile-bar{display:none}.basics-page .basics-references{padding:14px 0;border-top:0}.basics-references summary{font-size:12px;cursor:pointer;color:#626658}.basics-references>.eyebrow,.basics-references>h2{display:none}.basics-page .gallery-footer{padding-top:16px;padding-bottom:16px}.basics-detail-copy h3:focus{outline:none}.basics-detail-copy h3:focus-visible{outline:2px solid var(--product-red)}@media(max-width:700px){.basics-page .product-header{padding:14px 18px}.basics-page .basics-content{padding:0 12px 12px}.basics-page .basics-intro{display:block;padding:8px 4px 12px}.basics-page .basics-intro h1{font-size:21px}.basics-page .basics-intro>p:last-child{font-size:11px;margin-top:4px}.basics-workspace{height:calc(100svh - 160px);min-height:400px;max-height:none}.basics-workspace-tabs button{font-size:12px;min-height:44px}.basics-workspace-tabs small{font-size:9px;margin-left:5px}.basics-mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid #d6d4c9;flex-shrink:0;min-height:44px;box-sizing:border-box}.basics-mobile-bar>button{display:flex;align-items:center;gap:10px;border:1px solid #c5c2b3;border-radius:3px;min-height:36px;padding:7px 10px;background:transparent;font-size:12px;white-space:nowrap}.basics-mobile-bar>span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.basics-workspace-body{display:flex;min-height:0}.basics-library-sidebar{width:100%;border:0}.basics-detail-scroll{width:100%;padding:12px;box-sizing:border-box}.basics-workspace[data-mobile-view=detail] .basics-library-sidebar,.basics-workspace[data-mobile-view=list] .basics-detail-scroll{display:none}.basics-workspace .basics-detail-player .basics-canvas{height:clamp(150px,24svh,240px)}.basics-workspace .basics-detail-player .basics-example-stage{height:clamp(190px,28svh,280px)}.basics-workspace .basics-player-controls{padding:0 12px 10px}.basics-workspace .basics-player-controls>p{display:none}.basics-workspace .basics-player-buttons button{min-height:40px;padding:8px 10px}.basics-workspace .basics-detail-copy h3{font-size:21px}.basics-workspace .basics-topic-group button{font-size:14px;min-height:61px;padding:10px 12px}.basics-workspace .basics-topic-group h3{font-size:13px}.basics-workspace .basics-list-scroll{padding:16px 10px}.basics-workspace .basics-detail-copy>.eyebrow{margin-bottom:6px}.basics-workspace .basics-format{font-size:9px}.basics-workspace .basics-topic-detail{gap:12px}.basics-workspace .basics-related button{min-height:44px}.basics-page .gallery-footer{flex-wrap:wrap;gap:12px}}@media(max-height:560px){.basics-workspace{min-height:340px}}@media(min-width:1000px){.basics-workspace .basics-topic-detail:has(.basics-detail-player){display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:22px}.basics-workspace .basics-detail-player{order:0}.basics-workspace .basics-detail-player .basics-canvas{height:clamp(180px,30svh,320px)}.basics-workspace .basics-detail-player .basics-example-stage{height:clamp(220px,35svh,360px)}}@media(max-width:380px){.basics-page .basics-home{display:none}.basics-page .header-actions{gap:0}.basics-page .product-header{gap:12px}}.basics-topic-number{display:inline-block;min-width:2.4em;color:var(--product-red);font:12px Georgia,serif;font-variant-numeric:tabular-nums}.basics-topic-group button[aria-pressed=true] .basics-topic-number{color:#dedace}.basics-detail-copy h3 .basics-topic-number{font-size:17px;vertical-align:baseline}.basics-workspace .basics-topic-detail,.basics-workspace .basics-topic-detail:has(.basics-detail-player){display:flex;flex-direction:column;gap:16px;max-width:900px;margin-inline:auto}.basics-topic-header{min-width:0}.basics-topic-header>.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:10px;margin:0 0 8px;color:#626658}.basics-topic-header h3{font-family:Yu Mincho,serif;font-size:27px;font-weight:500;line-height:1.45;margin:0}.basics-topic-header h3 .basics-topic-number{font-size:16px}.basics-topic-header>p:last-child{font-size:13px;line-height:1.85;margin:8px 0 0}.basics-topic-header h3:focus{outline:none}.basics-topic-header h3:focus-visible{outline:2px solid var(--product-red)}.basics-workspace .basics-detail-player{order:0;width:100%;background:#f8f5ed}.basics-workspace .basics-detail-player .basics-canvas,.basics-workspace .basics-detail-player .basics-example-stage{height:clamp(200px,36svh,440px)}.basics-workspace .basics-example-stage .product-scene-interactive{padding-bottom:0;box-sizing:border-box}.basics-workspace .basics-example-stage .preview-tools{left:auto;right:10px;bottom:10px;padding:0;gap:0}.basics-workspace .basics-example-stage .preview-tools p{display:none}.basics-workspace .preview-tools button{background:#faf8f0eb}.basics-workspace .basics-player-controls{border-top:1px solid #dedace;padding:12px 18px 14px}.basics-workspace .basics-player-controls>p{display:none}.basics-workspace .basics-detail-copy{border-top:1px solid #d6d4c9;padding-top:12px}.basics-workspace .basics-detail-copy .basics-alias{margin-top:0}.basics-workspace .basics-detail-copy .basics-related{margin-top:12px}@media(max-width:700px){.basics-workspace .basics-topic-detail,.basics-workspace .basics-topic-detail:has(.basics-detail-player){gap:12px}.basics-topic-header h3{font-size:21px}.basics-topic-header>p:last-child{font-size:12px;line-height:1.7;margin-top:6px}.basics-topic-header>.eyebrow{margin-bottom:6px;font-size:9px}.basics-topic-header h3 .basics-topic-number{font-size:13px}.basics-workspace{--basics-mobile-paper-size:clamp(260px,calc(100vw - 52px),380px)}.basics-workspace .basics-detail-player .basics-canvas{height:var(--basics-mobile-paper-size)}.basics-workspace .basics-detail-player .basics-example-stage{height:calc(var(--basics-mobile-paper-size) + 56px)}.basics-workspace .basics-example-stage .product-scene-interactive{padding-bottom:56px}.basics-workspace .basics-player-controls{padding:8px 12px 10px}.basics-workspace .basics-player-buttons button{min-height:44px}.basics-workspace .basics-example-stage .preview-tools{right:6px;bottom:6px}.basics-workspace .preview-tools .preview-reset{padding-inline:8px}.basics-workspace .basics-detail-copy{padding-top:8px}}@media(max-height:740px) and (max-width:700px){.basics-topic-header>.eyebrow{margin-bottom:3px}.basics-workspace .basics-topic-detail{gap:9px}}.basics-used-in{margin-top:18px}.basics-used-in h4{font-size:11px;font-weight:500;color:#626658;margin:0 0 8px}.basics-used-in a{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:13px;text-underline-offset:5px}.basics-prerequisites{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:baseline;border-left:2px solid #bc3d2b;background:#f2f0e7;padding:6px 12px;min-width:0}.basics-prerequisites h4{font-weight:600}.basics-prerequisites h4,.basics-prerequisites p{font-size:12px;line-height:1.8;margin:0}.basics-prerequisite-links{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;column-gap:14px;row-gap:2px;margin-top:0}.basics-prerequisite-links button{border:0;background:transparent;min-height:44px;padding:5px 0;text-align:left;text-decoration:underline;text-underline-offset:4px;font-size:12px;line-height:1.6;cursor:pointer}.basics-prerequisite-links button:hover{color:#bc3d2b}@media(max-width:700px){.basics-prerequisites{padding:6px 10px}.basics-prerequisite-links{column-gap:12px}}.basics-lesson-phases{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.basics-lesson-phases button{padding:8px 12px;border:1px solid #bcb8aa;background:transparent;color:inherit;text-align:left;min-height:44px}.basics-lesson-phases button[aria-current=step]{background:#30332b;color:#faf8ef;border-color:#30332b}@media(max-width:700px){.basics-lesson-phases button{flex:1 1 130px}}.basics-workspace{height:auto;min-height:0;max-height:none}.basics-workspace-body{align-items:start}.basics-library-sidebar{position:sticky;top:60px;max-height:calc(100svh - 72px)}.basics-list-scroll{overflow:auto;max-height:calc(100svh - 188px)}.basics-detail-scroll{overflow:visible;overscroll-behavior:auto;min-width:0}.basics-scroll-lesson{position:relative;width:100%}.basics-scroll-sticky{position:sticky;top:60px;background:#f8f5ed;border:1px solid #dedace;box-sizing:border-box}.basics-workspace .basics-detail-player{border:0;background:transparent}.basics-player[data-rotate=false] canvas{pointer-events:none;touch-action:pan-y!important;cursor:auto}.basics-player[data-rotate=false] .basics-core-stage,.basics-player[data-rotate=false] .basics-example-stage,.basics-player[data-rotate=false] .product-scene-interactive{touch-action:pan-y}.basics-workspace .basics-player-controls>p.basics-scroll-hint{display:block;font-size:11px;margin:5px 0 8px}.basics-workspace .basics-player-buttons{gap:6px}.basics-player-buttons button:disabled{opacity:.4;cursor:default}.basics-workspace .basics-lesson-phases{margin-bottom:6px}.basics-workspace .basics-player-buttons button{padding:6px 10px;min-height:40px}.basics-workspace .basics-player-buttons button:first-child{background:transparent;color:inherit;min-width:44px}.basics-workspace .basics-player-buttons .basics-auto-play{background:#30342c;color:#faf9f3}.basics-workspace .basics-player-status{min-height:3.4em;align-items:flex-start}.basics-workspace .basics-player-status output{min-width:3.2em;text-align:right}.basics-workspace .basics-detail-player .basics-canvas,.basics-workspace .basics-detail-player .basics-example-stage{height:clamp(260px,calc(100svh - 280px),480px)}.basics-topic-header h3{scroll-margin-top:64px}@media(min-width:701px){.basics-workspace-tabs{position:sticky;top:0;z-index:5;background:#f8f5ed}}@media(max-width:700px){.basics-library-sidebar{position:static;max-height:none}.basics-workspace[data-mobile-view=list] .basics-list-scroll{max-height:calc(100svh - 290px)}.basics-mobile-bar{position:sticky;top:0;z-index:5;background:#f8f5ed}.basics-workspace .basics-detail-player .basics-example-stage{height:calc(clamp(260px,calc(100svh - 320px),380px) + 56px)}.basics-workspace .basics-detail-player .basics-canvas{height:clamp(260px,calc(100svh - 280px),380px)}.basics-workspace .basics-player-buttons button{min-height:44px;font-size:11px}.basics-workspace .basics-player-buttons .basics-step-label{display:none}.basics-workspace .basics-player-buttons button[aria-label]{min-width:44px}.basics-workspace .basics-lesson-phases button{flex:initial;min-height:40px;padding:6px 10px;font-size:12px}}@media(max-width:700px) and (max-height:740px){.basics-player .basics-auto-play,.basics-player .basics-restart,.basics-workspace .basics-player-controls>p.basics-scroll-hint{display:none}.basics-workspace .basics-detail-player .basics-example-stage{height:clamp(260px,calc(100svh - 320px),380px)}.basics-workspace .basics-example-stage .product-scene-interactive{padding-bottom:0}.basics-player[data-rotate=false] .preview-tools{visibility:hidden;pointer-events:none}.basics-workspace .basics-lesson-phases{flex-wrap:nowrap}.basics-workspace .basics-lesson-phases button{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.basics-workspace .basics-lesson-phases button:last-child{flex:1}}.basics-player[data-rotate=false] .product-scene-interactive{touch-action:pan-y!important}.basics-sequence>.basics-sequence-topic+.basics-sequence-topic{margin-top:48px;padding-top:28px;border-top:1px solid #c9c6b8}.basics-sequence .basics-sequence-topic{scroll-margin-top:64px}.basics-player-placeholder{width:100%;min-height:1px}.basics-next-topic{display:flex;flex-direction:column;gap:8px;padding:20px 0 4px;margin-top:12px}.basics-next-topic>span{font-size:11px;color:#626658}.basics-next-topic button,.basics-sequence-end button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 14px;border:1px solid #c5c2b3;background:#f8f5ed;text-align:left;font-size:13px;color:inherit;cursor:pointer}.basics-sequence-end{max-width:900px;margin:48px auto 12px;padding-top:24px;border-top:1px solid #c9c6b8}.basics-sequence-end p{font-size:13px;color:#626658;line-height:1.8}.basics-sequence-end button{width:100%}.basics-sequence-topic:not(:has(.basics-detail-player)){min-height:40svh}@media(max-width:700px){.basics-sequence>.basics-sequence-topic+.basics-sequence-topic{margin-top:32px;padding-top:22px}}.basics-sequence-end{min-height:calc(60svh - 100px);display:flex;flex-direction:column;justify-content:center}.basics-sequence>.basics-sequence-topic,.basics-sequence>.basics-sequence-topic+.basics-sequence-topic{position:relative;display:block;padding:0;margin-top:0;border:0;min-height:0;scroll-margin-top:60px}.basics-topic-sensor{position:absolute;top:0;width:100%;pointer-events:none}.basics-topic-surface{position:sticky;top:60px;display:flex;flex-direction:column;box-sizing:border-box;background:#f8f5ed;will-change:opacity,transform;isolation:isolate}.basics-topic-surface .basics-topic-header{flex:none;position:relative;padding-bottom:12px}.basics-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.basics-title-row h3{flex:1;min-width:0}.basics-points-toggle{flex:none;padding:8px;border:1px solid #c5c2b3;background:transparent;color:inherit;min-height:40px;font-size:11px;cursor:pointer}.basics-topic-surface .basics-detail-player{flex:1;min-height:0;display:block;margin:0}.basics-topic-surface .basics-scroll-lesson{height:100%!important}.basics-topic-surface .basics-scroll-sticky{position:static;height:100%;display:flex}.basics-topic-surface .basics-player{height:100%;width:100%;display:flex;flex-direction:column;min-height:0}.basics-workspace .basics-topic-surface .basics-core-stage,.basics-workspace .basics-topic-surface .basics-example-stage{flex:1;min-height:140px;height:auto!important}.basics-workspace .basics-topic-surface .basics-canvas{height:100%!important}.basics-topic-surface .basics-player-controls{flex:none}.basics-topic-surface .basics-points-panel{position:absolute;top:100px;left:0;right:0;z-index:20;box-sizing:border-box;max-width:none;max-height:calc(100svh - 210px);overflow:auto;overscroll-behavior:contain;padding:18px;background:#f8f5ed;border:1px solid #c5c2b3;box-shadow:0 8px 24px #30332b20}.basics-topic-surface [hidden]{display:none!important}@media(max-width:700px) and (max-height:740px){.basics-topic-surface .eyebrow{display:none}.basics-topic-surface .basics-topic-header{padding-bottom:6px}.basics-topic-surface .basics-topic-header h3{font-size:21px;margin:4px 0}.basics-topic-surface .basics-topic-header>p{margin:4px 0;font-size:12px}}.basics-workspace .basics-sequence>.basics-sequence-topic,.basics-workspace .basics-sequence>.basics-sequence-topic:has(.basics-detail-player){display:block;padding:0;margin-top:0;border:0;min-height:0}.basics-topic-surface{width:100%}.basics-topic-surface .basics-visible-notes{flex:none;max-width:none;margin-top:8px;padding-top:8px}.basics-topic-surface .basics-visible-notes .basics-tip{margin:0;font-size:11px!important;line-height:1.6}.basics-topic-surface .basics-visible-notes .basics-related{margin-top:8px;gap:5px}.basics-topic-surface .basics-visible-notes .basics-related h4{font-size:10px}.basics-topic-surface .basics-visible-notes .basics-related button{min-height:32px;font-size:11px;padding:5px 8px}.basics-topic-surface .basics-visible-notes .basics-used-in{margin-top:6px}@media(max-width:700px){.basics-topic-surface .basics-visible-notes .basics-related button{min-height:40px}.basics-topic-surface .basics-visible-notes .basics-used-in h4{margin:0}.basics-topic-surface .basics-visible-notes .basics-used-in a{font-size:11px}}.basics-topic-surface .basics-topic-header h3{margin:4px 0 8px;font-size:28px;line-height:1.35}.basics-topic-surface .basics-topic-header>p{font-size:13px;line-height:1.7}.basics-topic-surface .basics-topic-header .basics-inline-tip{margin:8px 0 0;padding-left:10px;border-left:2px solid #bd3827;font-size:12px;color:#626658}.basics-inline-tip:empty{display:none}.basics-topic-surface .basics-visible-notes{display:flex;align-items:center;gap:12px;padding:10px 0 0;margin-top:10px;min-width:0}.basics-topic-surface .basics-visible-notes .basics-related{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0;min-width:0;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}.basics-topic-surface .basics-visible-notes .basics-related h4{width:auto;flex:none;margin:0;font-size:11px}.basics-topic-surface .basics-visible-notes .basics-related button{flex:none;min-height:44px;font-size:12px;white-space:nowrap}.basics-topic-surface .basics-used-in{flex:none;margin:0!important;font-size:11px}.basics-topic-surface:not(:has(.basics-detail-player)) .basics-visible-notes{display:block}.basics-topic-surface:not(:has(.basics-detail-player)) .basics-related{margin-top:16px}@media(max-width:700px){.basics-topic-surface .basics-topic-header h3{font-size:22px;margin:4px 0 6px}.basics-topic-surface .basics-topic-header{padding-bottom:10px}.basics-topic-surface .basics-topic-header>p{font-size:12px;margin:6px 0 0}.basics-topic-surface .basics-topic-header .basics-inline-tip{font-size:12px;margin-top:6px}.basics-topic-surface .basics-visible-notes{display:block;padding-top:8px;margin-top:6px}.basics-topic-surface .basics-visible-notes .basics-related{gap:6px}.basics-topic-surface .basics-used-in{margin-bottom:6px!important}.basics-topic-surface .basics-player-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.basics-topic-surface .basics-player-buttons button{min-width:0;width:100%;font-size:12px}.basics-topic-surface .basics-player-status{min-height:2.6em}}@media(max-width:700px) and (max-height:740px){.basics-topic-surface .basics-player-buttons{display:flex;flex-wrap:nowrap}.basics-topic-surface .basics-player-buttons button{flex:1;width:auto;font-size:11px}.basics-topic-surface .basics-player-controls{padding:6px 10px 8px}.basics-topic-surface .basics-player-status{min-height:2.2em;font-size:12px}.basics-topic-surface .basics-visible-notes .basics-related h4{display:none}.basics-topic-surface .basics-topic-header h3{font-size:20px}}@media(max-width:700px){.basics-topic-surface .basics-example-player .basics-player-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.basics-topic-surface .basics-example-stage .product-scene-interactive{padding-bottom:0}.basics-topic-surface .basics-example-stage .preview-tools{bottom:8px;right:8px}.basics-topic-surface .basics-example-player .basics-player-buttons button{padding-inline:4px;font-size:11px}}@media(max-width:700px) and (max-height:740px){.basics-workspace .basics-topic-surface .basics-core-stage,.basics-workspace .basics-topic-surface .basics-example-stage{min-height:100px}.basics-topic-surface .basics-topic-header .basics-inline-tip{font-size:11px;line-height:1.5}.basics-topic-surface .basics-visible-notes{display:flex;overflow-x:auto;gap:8px;min-height:48px;padding-top:4px;margin-top:4px}.basics-topic-surface .basics-visible-notes .basics-used-in{margin:0!important;font-size:10px}.basics-topic-surface .basics-visible-notes .basics-related{overflow:visible;flex:none}.basics-topic-surface:not(:has(.basics-detail-player)) .basics-visible-notes{display:block}}@media(max-width:700px){.basics-topic-surface .basics-player-controls{padding:8px 10px}.basics-workspace .basics-topic-surface .basics-example-player .basics-player-buttons,.basics-workspace .basics-topic-surface .basics-player-buttons{display:flex;flex-wrap:nowrap;gap:5px}.basics-workspace .basics-topic-surface .basics-player-buttons button{flex:1 1 auto;width:auto;min-width:0;min-height:40px;padding:6px 8px;font-size:11px;white-space:nowrap}.basics-workspace .basics-topic-surface .basics-player-buttons button[aria-label]{flex:0 0 36px;min-width:36px;padding:6px}.basics-workspace .basics-topic-surface .basics-player-buttons .basics-restart,.basics-workspace .basics-topic-surface .basics-player-controls>p.basics-scroll-hint{display:none}.basics-workspace .basics-topic-surface .basics-player-status{min-height:0;margin:0 0 4px;font-size:12px;line-height:1.5;gap:8px}.basics-topic-surface .basics-player-controls input[type=range]{display:block;margin:6px 0 8px;height:22px}.basics-workspace .basics-topic-surface .basics-lesson-phases{margin-bottom:6px;gap:5px;flex-wrap:nowrap}.basics-workspace .basics-topic-surface .basics-lesson-phases button{padding:5px 8px;min-height:34px;font-size:11px}.basics-topic-surface .basics-visible-notes .basics-related h4{display:none}.basics-topic-surface .basics-visible-notes{padding-top:5px;margin-top:5px}}.basics-camera-tools{display:flex;align-items:center;gap:6px;margin-top:6px}.basics-camera-tools>span{flex:1;font-size:11px;color:#626658}.basics-camera-tools button{min-height:40px;min-width:40px;padding:6px 10px;border:1px solid #bcb8aa;background:transparent;color:inherit;font-size:11px;cursor:pointer}@media(max-width:360px){.basics-camera-tools>span{font-size:10px}.basics-camera-tools button{padding:6px;min-width:36px}.basics-camera-tools{gap:4px}}@media(max-width:700px) and (max-height:740px){.basics-workspace .basics-topic-surface .basics-player[data-rotate=true] .basics-core-stage,.basics-workspace .basics-topic-surface .basics-player[data-rotate=true] .basics-example-stage{min-height:60px}}@media(max-width:700px){.basics-workspace-tabs{position:sticky;top:0;z-index:30;background:#f8f5ed}.basics-mobile-bar{position:sticky;top:44px;z-index:29;height:52px;background:#f8f5ed;transition:background-color .15s,border-color .15s}.basics-workspace[data-nav-pinned=true][data-mobile-view=detail] .basics-mobile-bar{background:transparent;border-color:transparent;pointer-events:none}.basics-workspace[data-nav-pinned=true][data-mobile-view=detail] .basics-mobile-bar>button{pointer-events:auto;background:#f8f5ed;min-width:36px;justify-content:center;padding:7px}.basics-mobile-bar>span{flex:1;text-align:right;color:#30332b}.basics-topic-surface{top:104px}.basics-workspace .basics-sequence>.basics-sequence-topic{scroll-margin-top:104px}}.basics-intro-shell{display:grid;min-height:0}.basics-intro-shell>.basics-topic-header{overflow:hidden;min-height:0;box-sizing:border-box;padding-bottom:0}.basics-intro-shell .basics-topic-header>p:last-child{margin-bottom:12px}.basics-core-stage,.basics-example-stage{position:relative}.basics-model-caption{position:absolute;bottom:10px;left:10px;right:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;pointer-events:none;z-index:2}.basics-model-caption p{margin:0;max-width:65%;font-size:12px;line-height:1.6;color:#484b40;background:#f8f5ede8;padding:5px 8px}.basics-model-caption button{pointer-events:auto;flex:none;margin-left:auto;border:1px solid #bcb8aa;background:#f8f5edeb;color:inherit;min-height:40px;font-size:11px;cursor:pointer}.basics-seek-row{display:flex;align-items:center;gap:12px}.basics-seek-row input[type=range]{flex:1;min-width:0}.basics-seek-row>.basics-auto-play{flex:none;min-width:56px;padding:6px 10px;background:#30342c;color:#faf9f3;border:1px solid #30342c;font-size:12px;cursor:pointer}.basics-player-buttons:empty{display:none!important}@media(max-width:700px){.basics-player .basics-seek-row>.basics-auto-play{display:block}.basics-model-caption{left:8px;right:8px;bottom:8px;gap:8px}.basics-model-caption p{font-size:11px;max-width:63%;padding:4px 6px}.basics-model-caption button{padding:6px 8px;font-size:10px}.basics-seek-row{gap:8px}}.basics-topic-runway{position:relative}.basics-workspace .basics-sequence>.basics-sequence-topic+.basics-sequence-topic{margin-top:32px}.basics-topic-surface{will-change:auto}.basics-sequence-topic>.basics-visible-notes{max-width:none;margin:0;padding:16px 0 20px;border-top:1px solid #d6d4c9}.basics-sequence-topic>.basics-visible-notes .basics-related{margin:0;display:flex;gap:8px;flex-wrap:wrap}.basics-sequence-topic>.basics-visible-notes .basics-related button{min-height:44px}.basics-model-caption p{background:rgb(248 245 237/.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:0;border-radius:12px;box-shadow:0 0 12px 6px rgb(248 245 237/.28);padding:6px 8px}.basics-model-caption button{width:40px;height:40px;padding:8px;display:grid;place-items:center;border-color:transparent;border-radius:50%;background:rgb(248 245 237/.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.basics-seek-row>.basics-auto-play{display:grid!important;place-items:center;min-width:40px;padding:8px}@media(max-width:700px){.basics-sequence-topic>.basics-visible-notes .basics-related{flex-wrap:nowrap;overflow-x:auto;padding:0 0 4px}.basics-sequence-topic>.basics-visible-notes .basics-related button{flex:none}.basics-sequence-topic>.basics-visible-notes .basics-related h4{display:none}}.basics-detail-scroll,.basics-topic-detail,.basics-topic-surface,.basics-workspace{background:#f8f5ed}.basics-seek-row>.basics-auto-play{border-radius:50%;width:40px;height:40px;min-height:40px}.basics-model-caption button{width:auto;min-width:40px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:20px;padding:8px 10px}.basics-model-caption button span{font-size:11px}.basics-topic-surface>.basics-visible-notes{flex:none;max-width:none;min-width:0;margin:6px 0 0;padding:8px 0 0;border-top:0}.basics-topic-surface>.basics-visible-notes .basics-related{flex-wrap:nowrap;overflow-x:auto;margin:0;padding-bottom:2px;gap:6px}.basics-topic-surface>.basics-visible-notes .basics-related h4{display:none}.basics-topic-surface>.basics-visible-notes .basics-related button{flex:none;min-height:40px}.basics-topic-surface .basics-scroll-sticky{border:0}.basics-topic-surface .basics-core-stage,.basics-topic-surface .basics-example-stage{border:0;box-shadow:none}.basics-model-view-tools{display:flex;flex-direction:column;align-items:center;gap:6px;margin-left:auto;pointer-events:auto;flex:none}.basics-model-view-tools .basics-camera-tools{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0}.basics-model-caption .basics-model-view-tools button{margin:0;width:44px;min-width:44px;height:44px;padding:8px;justify-content:center}.basics-model-caption .basics-model-view-tools>button{width:auto;min-width:44px}.basics-related .basics-next-link{font-weight:600;border-color:#77796b}.basics-phase-seek{flex:1;min-width:0}.basics-phase-track{position:relative}.basics-phase-track input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;width:100%;margin:0!important;min-height:32px;height:32px;display:block}.basics-phase-track input::-webkit-slider-runnable-track{height:5px;border:0;border-radius:4px;background:linear-gradient(to right,#aaa895 0 var(--phase-boundary),#bc3d2b var(--phase-boundary) 100%)}.basics-phase-track input::-moz-range-track{height:5px;border:0;border-radius:4px;background:linear-gradient(to right,#aaa895 0 var(--phase-boundary),#bc3d2b var(--phase-boundary) 100%)}.basics-phase-track input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:-5px;border:2px solid #f8f5ed;border-radius:50%;background:#bc3d2b;box-shadow:0 0 0 1px #bc3d2b}.basics-phase-track input::-moz-range-thumb{width:12px;height:12px;border:2px solid #f8f5ed;border-radius:50%;background:#bc3d2b}.basics-phase-boundary{position:absolute;left:var(--phase-boundary);top:9px;height:14px;width:2px;background:#f8f5ed;box-shadow:0 0 0 1px #77796b;pointer-events:none;transform:translateX(-50%)}.basics-phase-labels{display:flex;margin-top:-3px;min-width:0}.basics-phase-labels button{flex-grow:0;flex-shrink:0;min-width:0;padding:4px 6px;min-height:28px;border:0;background:transparent;color:#77796b;text-align:left;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;box-sizing:border-box}.basics-phase-labels button[aria-current=step]{color:#30342c;font-weight:600}.basics-phase-labels button+button{border-left:1px solid #c5c2b3}.basics-phase-labels button:focus-visible{outline:2px solid #bc3d2b;outline-offset:-2px}.basics-seek-row:has(.basics-phase-seek){align-items:flex-start}.basics-seek-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:12px;line-height:1.6;color:#626658}.basics-seek-meta>span{min-width:0}.basics-seek-meta>output{flex:none;min-width:3.5em;text-align:right;font-variant-numeric:tabular-nums}.basics-seek-row:has(.basics-phase-seek)>.basics-auto-play{align-self:center;margin-top:0}.basics-phase-seek .basics-phase-labels{margin-top:0}.basics-related>a{display:inline-flex;align-items:center;flex:none;min-height:40px;box-sizing:border-box;padding:5px 8px;border:1px solid #c5c2b3;background:transparent;color:inherit;text-decoration:none;font-size:12px;white-space:nowrap}.basics-related>a:hover{background:#ebe8de}.basics-player[data-rotate=false] canvas{pointer-events:auto;cursor:grab}.basics-topic-surface .basics-player{background:transparent;border-radius:0;min-width:0}.basics-model-stage>.product-scene-interactive{height:100%;width:100%;padding:0!important;box-sizing:border-box}.basics-topic-surface .basics-model-stage>.basics-canvas{height:100%!important;min-height:0}.basics-topic-surface .basics-model-stage{background:transparent}.basics-related :is(button,a){border-radius:0;box-sizing:border-box;font:inherit;font-size:12px;padding:5px 8px}.basics-learning-links{display:flex;flex-direction:column;gap:8px;min-width:0}.basics-topic-surface .basics-visible-notes .basics-learning-group h4{display:block;flex:0 0 76px;width:76px;margin:0;font-size:11px;font-weight:400;color:#626658}.basics-topic-surface .basics-visible-notes .basics-learning-group{display:flex;flex-wrap:wrap;overflow:visible;align-items:center}@media(max-width:700px){.basics-topic-surface .basics-visible-notes .basics-learning-group h4{flex-basis:100%;width:auto}.basics-learning-group :is(button,a){max-width:100%;white-space:normal;text-align:left}}