.drawings-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tutorials-kind{border-radius:var(--radius-sm);background:var(--steel-100);color:var(--steel-700);padding:2px 8px;font-size:.75rem;display:inline-flex}.tutorial-member{border-radius:var(--radius-sm);align-items:center;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.tutorial-member-vip{background:var(--primary);color:#fff}.tutorial-member-svip{background:linear-gradient(90deg, var(--svip-from), var(--svip-to));color:#fff}.tutorial-member-professional{background:var(--steel-900);color:var(--member-gold)}.tutorial-card-stats{color:var(--steel-500);margin:0;font-size:.75rem}.tutorials-detail-cover{aspect-ratio:16/10;border:1px solid var(--steel-100);border-radius:var(--radius-lg);background:var(--steel-100);width:100%;max-width:none}.tutorials-detail-badges{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.tutorials-detail-article{margin-top:16px}.tutorials-detail-player{margin-top:0}.drawings-detail .drawings-detail-price{color:#9a3412}.tutorials-detail-trial-link{color:var(--primary);text-align:center;margin-top:8px;font-size:.75rem;text-decoration:none;display:block}.tutorials-detail-trial-link:hover{color:var(--primary-hover)}.tutorials-detail-trial-link:focus-visible{outline:var(--focus-ring-width) solid var(--primary);outline-offset:2px}.tutorials-detail-article .tutorial-article h2:first-child,.tutorials-detail-article .tutorial-article h3:first-child{margin-top:0}.drawings-detail-aside .tutorial-toc{margin:0}.tutorial-toc{border:1px solid var(--steel-100);border-radius:var(--radius-lg);background:#fff;padding:16px}.tutorial-toc-title{color:var(--steel-900);margin:0 0 12px;font-weight:650}.tutorial-toc ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tutorial-toc a{color:var(--steel-700);text-decoration:none}.tutorial-toc a:hover,.tutorial-toc a[aria-current=location]{color:var(--primary)}.tutorial-toc-h3{padding-left:12px;font-size:.875rem}.tutorial-article{color:var(--steel-900);min-width:0}.tutorial-article h2,.tutorial-article h3{scroll-margin-top:88px}.tutorial-article h2:focus-visible,.tutorial-article h3:focus-visible{outline:var(--focus-ring-width) solid var(--primary);outline-offset:2px}.tutorial-figure{border:1px solid var(--steel-100);border-radius:var(--radius-md);background:var(--steel-50);max-width:100%;height:auto;display:block}.tutorial-figure-placeholder{border:1px solid var(--steel-100);border-radius:var(--radius-md);background:var(--steel-100);min-height:160px}.tutorials-detail-cover img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.tutorial-toc .tutorials-kind{margin-left:8px}.course-studio-page{background:var(--steel-50);min-height:100vh;color:var(--steel-900)}.course-studio-page .account-heading,.course-studio-page .course-studio,.course-studio-page .course-studio-gate{width:min(100%,1200px)}.course-studio-page .account-heading h1{font-size:32px;font-weight:700;line-height:1.2}.course-studio-gate{border:1px solid var(--steel-100);border-radius:var(--radius-lg);background:#fff;padding:24px 22px}.course-studio-gate>p{color:var(--steel-700);margin:12px 0 0;font-size:.875rem}.course-studio-gate>.course-studio-gate-title{color:var(--steel-900);margin:0;font-size:32px;font-weight:700;line-height:1.2}.course-studio-gate-actions{margin-top:20px}.course-studio{gap:24px;max-width:1200px;display:grid}.course-studio form,.course-studio-lessons{gap:12px;min-width:0;display:grid}.course-studio label{color:var(--steel-900);gap:6px;display:grid}.course-studio input,.course-studio select,.course-studio textarea{border:1px solid var(--steel-100);border-radius:var(--radius-md);min-height:40px;font:inherit;color:var(--steel-900);background:#fff;padding:8px 10px}.course-studio .file-pick input[type=file]{background:0 0;border:0;min-height:0;padding:0}.course-studio textarea{min-height:96px}.course-studio input:focus-visible,.course-studio select:focus-visible,.course-studio textarea:focus-visible,.course-studio button:focus-visible{outline:var(--focus-ring-width) solid var(--primary);outline-offset:2px}.course-status-bar{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.course-status-bar li{border:1px solid var(--steel-100);border-radius:var(--radius-sm);background:var(--steel-100);color:var(--steel-700);padding:4px 10px;font-size:.875rem}.course-status-bar li[aria-current=step]{border-color:var(--primary);color:var(--primary);background:#fff}.course-lesson-row{border:1px solid var(--steel-100);border-radius:var(--radius-lg);background:#fff;gap:8px;padding:12px;display:grid}.course-lesson-toolbar{flex-wrap:wrap;gap:8px;display:flex}.course-upload-note{color:var(--steel-500);margin:0;font-size:.875rem}.course-studio-cover{aspect-ratio:4/3;border:1px solid var(--steel-100);border-radius:var(--radius-lg);background:var(--steel-100);max-width:320px;overflow:hidden}.course-studio-cover img{object-fit:cover;width:100%;height:100%;display:block}.course-player{gap:16px;margin:0 0 24px;display:grid}.course-player-stage{border:1px solid var(--steel-100);border-radius:var(--radius-lg);background:var(--steel-50);aspect-ratio:16/10;align-items:stretch;min-height:0;display:grid}.course-player-stage video{border-radius:var(--radius-lg);width:100%;max-width:100%;display:block}.course-player-placeholder{color:var(--steel-700);text-align:center;justify-content:center;align-items:center;min-height:100%;margin:0;padding:48px 16px;display:flex}.course-lesson-btn{width:100%;color:var(--steel-700);font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 4px;display:flex}.course-lesson-btn:hover,.course-lesson-btn[aria-current=true]{color:var(--primary)}.course-lesson-btn[aria-current=true]{font-weight:650}.course-lesson-btn:focus-visible{outline:var(--focus-ring-width) solid var(--primary);outline-offset:2px}.course-gate-dialog{background:0 0;border:0;margin:auto;padding:0}.course-gate-dialog::backdrop{background:color-mix(in srgb, var(--steel-900) 45%, transparent)}.course-gate-card{border-radius:var(--radius-lg);width:min(440px,100vw - 32px);color:var(--steel-900);background:#fff;overflow:hidden}.course-gate-card h2{margin:0;padding:20px 24px 0;font-size:1rem}.course-gate-lead{color:var(--steel-700);margin:6px 0 0;padding:0 24px;font-size:.75rem}.course-gate-compare{border-block:1px solid var(--steel-100);text-align:center;grid-template-columns:1fr 1fr;margin-top:16px;font-size:.75rem;display:grid}.course-gate-compare>div{padding:12px 16px}.course-gate-upgrade{background:var(--steel-50);border-left:1px solid var(--steel-100)}.course-gate-kicker{color:var(--steel-700)}.course-gate-level{margin-top:4px;font-weight:700}.course-gate-level-next{color:var(--primary)}.course-gate-explain{color:var(--steel-700);margin:12px 24px 0;font-size:.75rem;line-height:1.6}.course-gate-price{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;margin:12px 24px 0}.course-gate-live{color:var(--steel-700);margin:8px 24px 0;font-size:.75rem}.course-gate-actions{gap:12px;padding:16px 24px 20px;display:flex}.course-gate-actions>*{flex:1}.course-materials{border:1px solid var(--steel-100);border-radius:var(--radius-lg);background:#fff;gap:12px;padding:16px;display:grid}.course-material-group h3{color:var(--steel-900);margin:0 0 8px;font-size:.875rem;font-weight:650}.course-material-group ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.course-material-row{border:1px solid var(--steel-100);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.course-material-row p{margin:0}.course-material-meta{color:var(--steel-700);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:.75rem;display:flex}.course-material-note{color:var(--steel-700);margin-top:4px;font-size:.75rem}