.lesson-image{background:#fff;border:1px solid #e4dff0;border-radius:20px;margin:24px 0;overflow:hidden;box-shadow:0 12px 30px #3027430b}.lesson-video{background:#181520;border:1px solid #4c4364;border-radius:20px;margin:26px 0;overflow:hidden;box-shadow:0 16px 34px #30274318}.lesson-video-label{color:#d4c2fb;letter-spacing:.06em;background:linear-gradient(110deg,#30253f,#181520);padding:15px 20px;font-size:12px}.lesson-video video{aspect-ratio:16/9;object-fit:contain;background:radial-gradient(#332d46,#100e17);width:100%;max-height:560px;display:block}.lesson-video figcaption{color:#c4bacf;overflow-wrap:anywhere;padding:14px 20px;font-size:12px;line-height:1.7}.lesson-video video:focus-visible{outline-offset:-3px;outline:3px solid #ba9ce8}.lesson-image a{display:block}.lesson-image img{object-fit:contain;background:#efedf6;width:100%;max-height:580px;display:block}.lesson-image figcaption{color:#81778f;overflow-wrap:anywhere;padding:13px 18px;font-size:12px}.lesson-resources{background:linear-gradient(120deg,#eee8ff,#f9f7ff);border:1px solid #ddd5f1;border-radius:18px;margin:24px 0;padding:22px}.lesson-resources h3{color:#514067;margin:0 0 16px;font-size:14px}.lesson-download{color:#342644;background:#fff;border:1px solid #e4dcef;border-radius:12px;align-items:center;gap:14px;margin-top:10px;padding:16px;text-decoration:none;display:flex}.lesson-download:hover{border-color:#8f73ca}.lesson-download>span:nth-child(2){flex:1;min-width:0}.lesson-download strong,.lesson-download small{overflow-wrap:anywhere;display:block}.lesson-download strong{font-size:14px}.lesson-download small{color:#8b7d99;margin-top:5px;font-size:11px}.resource-icon{background:#f0eaff;border-radius:10px;place-items:center;min-width:44px;height:44px;font-size:10px;font-weight:700;display:grid}.media-tools{background:#f7f3ff;border:1px dashed #c9b8e7;border-radius:16px;min-width:0;padding:18px}.media-tools legend{color:#675180;padding:0 6px;font-size:13px;font-weight:700}.upload-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.upload-choice{background:#fff;border-radius:12px;padding:15px}.upload-choice strong{color:#4c3964;font-size:13px}.upload-choice small{color:#85768d;font-size:11px;line-height:1.7}.upload-choice input{max-width:100%;font-size:11px}.media-help{color:#8b7e94;margin:12px 0 0;font-size:11px;line-height:1.8}#media-status{color:#685783;min-height:18px;font-size:12px;line-height:1.8}#media-status.error{color:#b54141}.asset-list{gap:10px;display:grid}.asset-card{background:#faf8fd;border:1px solid #e9e1f1;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:13px;display:flex}.asset-card>img{object-fit:cover;border-radius:8px;width:70px;height:56px}.asset-card>div:first-of-type{flex:1;min-width:0}.asset-card strong,.asset-card small{overflow-wrap:anywhere;display:block}.asset-card strong{font-size:12px}.asset-card small{color:#94859f;margin-top:5px;font-size:10px}.asset-actions{flex-wrap:wrap;gap:6px;display:flex}.asset-actions button,.import-actions button{color:#675180;background:#ede5f9;border-radius:7px;padding:8px;font-size:11px}.asset-actions button:disabled{opacity:.5}.import-panel{background:#f7f1ff;border:1px solid #bea6dc;border-radius:14px;padding:18px}.import-panel h4{margin:0 0 8px}.import-panel p{color:#8a7299;overflow-wrap:anywhere;font-size:12px}.import-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.import-actions button:first-child{color:#fff;background:#695083}.preview-shell{border:1px solid #e2d9ed;border-radius:16px;overflow:hidden}.preview-shell>summary{cursor:pointer;background:#f5f0fc;padding:16px;font-size:13px;font-weight:700}.lesson-preview{background:#fcfaff;max-height:650px;padding:20px;overflow:auto}.lesson-preview section{background:#fff;border-radius:14px;margin-bottom:12px;padding:20px}.lesson-preview p{overflow-wrap:anywhere;font-size:14px;line-height:1.9}.lesson-preview .experiment-block-number{color:#957db0;font-size:11px}@media (width<=650px){.upload-grid{grid-template-columns:1fr}.asset-card{flex-wrap:wrap}.asset-actions{width:100%}.lesson-resources{padding:14px}.lesson-download,.lesson-preview{padding:12px}}.upload-choice{min-width:0}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=650px){.upload-grid{grid-template-columns:1fr}}.lab-flow-item strong{font-size:var(--lab-step-size,18px);overflow-wrap:anywhere;line-height:1.5}.lab-step-detail strong{font-size:var(--lab-step-size,18px);line-height:1.5}.lab-step-detail p{font-size:var(--lab-body-size,18px);line-height:1.8}.experiment-navigation button{font-size:var(--lab-step-size,18px);min-width:0;line-height:1.5}.experiment-reader #lesson-title,.type-preview-title{font-size:var(--lab-title-size,32px);overflow-wrap:anywhere;line-height:1.35}.experiment-reader #lesson-lead,.experiment-reader .lesson-body p,.lesson-preview p{font-size:var(--lab-body-size,18px);line-height:1.9}.typography-tools{background:#f8f5fd;border:1px solid #d9cbea;border-radius:14px;min-width:0;padding:18px}.typography-tools legend{color:#675180;padding:0 8px;font-size:14px;font-weight:700}.typography-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.typography-grid label{min-width:0}.typography-grid input{accent-color:#8060ad;width:100%;padding:0}.typography-grid output{color:#694c90;font-size:13px}.type-preview{background:#fff;border:1px solid #e4dcef;border-radius:12px;margin-top:16px;padding:20px}.type-preview-step{color:#50356b;max-width:100%;font-size:var(--lab-step-size,18px);overflow-wrap:anywhere;border:1px solid #d0bfe5;border-radius:10px;padding:10px 16px;line-height:1.5;display:inline-block}.type-preview-title{color:#30233c;margin:18px 0 10px}.type-preview p{font-size:var(--lab-body-size,18px);color:#736180;overflow-wrap:anywhere;margin:0;line-height:1.9}.type-reset{color:#675180;background:#eee5f9;border-radius:8px;margin-top:12px;padding:9px 12px}@media (width<=600px){.typography-grid{grid-template-columns:1fr}.lab-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.lab-flow-line{display:none}}.feature-fields{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.feature-fields label{gap:8px;display:grid}.feature-fields small{color:#82738f;font-size:12px;line-height:1.8}.feature-fields select{color:#302743;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #ded7eb;border-radius:9px;padding:12px}.feature-admin-preview{color:#fff;background:#242132;border-radius:16px;padding:24px;overflow:hidden}.feature-admin-preview img{object-fit:cover;border-radius:10px;width:100%;max-height:240px;margin-bottom:20px}.feature-admin-preview>span{color:#ffbd7a;font-size:12px}.feature-admin-preview h3{white-space:pre-line;overflow-wrap:anywhere;font-size:28px}.feature-admin-preview p{white-space:pre-line;overflow-wrap:anywhere;color:#d0c8dc;font-size:14px;line-height:1.8}.lab-copy h3,.lab-copy>p{white-space:pre-line;overflow-wrap:anywhere}.lab-learn-list span{overflow-wrap:anywhere}.lab-visual.has-feature-cover:before,.lab-visual.has-feature-cover:after,.lab-visual.has-feature-cover>.lab-device,.lab-visual.has-feature-cover>.lab-light,.lab-visual.has-feature-cover>.lab-orbit{display:none}.feature-cover-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lab-visual.has-feature-cover .lab-caption,.lab-visual.has-feature-cover .lab-badge{z-index:1;color:#fff;overflow-wrap:anywhere;background:#171622c9;border-radius:9px;max-width:85%;padding:10px 13px}.lab-visual.is-route-art:not(.has-feature-cover) .lab-device,.lab-visual.is-route-art:not(.has-feature-cover) .lab-light{display:none}.feature-art-mark{color:#ffbd7a;text-shadow:0 0 45px #ffbd7a55;pointer-events:none;place-items:center;font-size:110px;display:grid;position:absolute;inset:0}.lab-visual.has-feature-cover .feature-art-mark{display:none}.featured-start,.feature-retry{color:#252030;background:#f1e4d5;border-radius:9px;margin:18px 0;padding:12px 18px;font-size:14px}.featured-start:disabled{opacity:.6;cursor:wait}.featured-start:focus-visible,.feature-retry:focus-visible{outline-offset:4px;outline:3px solid #bc95e8}.feature-load-message{color:#e1b789!important;font-size:13px!important}