.classic-lab{width:min(1120px,calc(100% - 48px));margin:36px auto 64px;color:#263449}.classic-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.classic-heading h1{font-size:32px;letter-spacing:-1px;margin:10px 0}.classic-heading p{color:#718096;font-size:14px;line-height:1.8;margin:6px 0}.classic-heading a{font-size:13px;color:#56739b;text-decoration:none}.classic-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.classic-stage,.classic-settings,.classic-output{border:1px solid #e1e7ef;border-radius:14px;background:#fff;overflow:hidden;min-width:0}.classic-stage{display:flex;flex-direction:column}.classic-viewport{position:relative;min-height:410px;flex:1;background:radial-gradient(ellipse at 50% 40%,#fff,#f1f5fb);overflow:hidden}.classic-viewport canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.classic-webgl-message{position:absolute;top:40%;left:8%;right:8%;z-index:2;text-align:center;color:#65748a;font-size:14px;line-height:1.8}.classic-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:12px;border-bottom:1px solid #edf0f5}.classic-lab button,.classic-lab select{font:inherit;font-size:13px;border:1px solid #dfe6ef;color:#52647d;background:#fff;border-radius:7px;padding:8px 11px;min-height:38px;cursor:pointer}.classic-lab button:hover{background:#edf3fc}.classic-lab button[aria-pressed=true]{background:#346fe5;border-color:#346fe5;color:#fff}.classic-lab :is(button,input,select,summary):focus-visible{outline:3px solid #3478ef;outline-offset:3px}.classic-settings{padding:18px}.classic-settings h2,.classic-output h2{font-size:18px;margin:0 0 16px}.classic-settings p{font-size:13px;color:#718096;line-height:1.8}.classic-settings label{font-size:13px;line-height:1.7}.classic-settings input[type=range]{width:100%;accent-color:#3976e4;cursor:pointer;margin:10px 0 18px}.classic-settings input[type=number]{max-width:85px;border:1px solid #dfe6ef;padding:6px;border-radius:6px;font:inherit}.classic-settings select{width:100%;margin:8px 0 18px}.classic-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.classic-status{font-size:13px;line-height:1.8;padding:12px 16px;background:#eef4fd;border-radius:8px;color:#4c678e;margin:16px 0 28px}.classic-output{padding:22px;margin-top:22px}.classic-output p{font-size:13px;line-height:1.85;color:#718096}.classic-output svg{max-width:100%;display:block}.classic-lab details{font-size:13px;line-height:1.8;color:#6d7c90;margin:16px 0}.classic-lab summary{cursor:pointer}.classic-lab figure{margin:0}.classic-lab figcaption{font-size:13px;color:#52647d}.classic-note{font-size:12px;line-height:1.8;color:#718096}.knowledge-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.knowledge-directory .knowledge-cards .knowledge-card{display:flex;flex-direction:column}.knowledge-cards .knowledge-card svg{height:190px}.knowledge-cards .knowledge-card>div{padding:23px}.knowledge-cards .knowledge-card h2{font-size:23px}.knowledge-cards .knowledge-card p{min-height:50px}.knowledge-number{font-size:11px;letter-spacing:1px;color:#718096}
.classic-lab .classic-toolbar{padding:16px 18px;gap:14px}
.classic-lab .classic-toolbar>[role=group]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
.classic-lab .classic-toolbar button{min-height:44px;padding:10px 18px;font-size:14px;white-space:nowrap}
.classic-lab .classic-toolbar>button{margin-left:auto}
@media(max-width:760px){.classic-workspace{grid-template-columns:1fr}.classic-viewport{min-height:350px}.classic-settings{padding:18px}.classic-heading{align-items:flex-start}.knowledge-cards{gap:14px}}
@media(max-width:640px){.classic-lab{width:calc(100% - 32px);margin-top:24px}.classic-heading h1{font-size:27px}.classic-heading p{font-size:13px}.classic-toolbar{gap:5px}.classic-toolbar button{font-size:12px;padding:8px}.classic-output{padding:16px}.knowledge-cards{grid-template-columns:1fr}.knowledge-cards .knowledge-card svg{height:170px}}
@media(max-width:640px){.classic-lab .classic-toolbar{padding:12px;gap:10px}.classic-lab .classic-toolbar>[role=group]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:8px}.classic-lab .classic-toolbar button{min-width:0;min-height:42px;padding:10px 6px;font-size:12px}.classic-lab .classic-toolbar>button{padding-inline:14px}}