/* Scoped interaction layer: real HTML text, restrained motion, resilient layout. */
.course-studio { --studio-cyan:#8ccfff; --studio-violet:#c1a4ff; --studio-pink:#f4a1d0; }
.course-studio .ambient-glow { position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--pointer-x,50%) var(--pointer-y,20%),rgba(95,83,194,.095),transparent 75%); }
.course-studio .motion-surface { --pointer-x:50%;--pointer-y:30%;transition:border-color .2s,box-shadow .2s,transform .2s; }
.course-studio .motion-surface:focus-within { border-color:#b7a0ef;box-shadow:0 0 0 1px #8b6ad53d,0 12px 30px #080e1c66; }
.course-studio :is(button,a,summary,[role="button"]):focus-visible { outline:2px solid #f9a8d4;outline-offset:4px; }
.course-studio button { touch-action:manipulation; }
.course-studio .course-identity { gap:0;min-width:0; }
.course-studio .course-identity .identity-icon { display:grid;place-items:center;width:60px;height:60px;font-size:27px;margin-bottom:18px;border-radius:18px;border:1px solid #70baff66;background:radial-gradient(circle at 25% 20%,#a2ddff36,transparent 75%),linear-gradient(140deg,#254f7855,#16335733);box-shadow:inset 0 1px 0 #ceebff36,0 8px 25px #126dac22; }
.course-studio .course-identity:nth-child(2) .identity-icon { border-color:#b58cff70;background:linear-gradient(140deg,#7050b566,#2f214e66); }
.course-studio .course-identity:nth-child(3) .identity-icon { border-color:#e586c570;background:linear-gradient(140deg,#9a3e8355,#39254166); }
.course-studio .course-identity::before { width:200px;height:200px;right:-110px;top:-105px;opacity:.11; }
.course-studio .identity-link { border-top:1px solid #5265833d;margin-top:20px; }
.course-studio #section-functions .feature-grid { gap:18px; }
.course-studio .feature-item { min-width:0;position:relative; }
.course-studio .feature-item > i { border:1px solid #538ec640;background:#21446548;padding:12px;border-radius:14px;font-size:22px;transition:transform .2s,color .2s; }
.course-studio .feature-action { display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;color:#a8c8f6; }
.course-studio .feature-item.active .feature-action { color:#f6acd6; }
.course-studio .feature-preview img { width:100%;height:auto;object-fit:contain; }
.course-studio .knowledge-heading { text-align:center;margin-bottom:22px; }
.course-studio .eyebrow { font-size:10px;letter-spacing:.16em;color:#91bfe8; }
.course-studio .knowledge-heading h3 { font-size:clamp(21px,2.4vw,29px);line-height:1.4;margin:8px 0!important;color:#edf3ff; }
.course-studio .knowledge-heading h3 span { color:#c4aeff; }
.course-studio .knowledge-heading p { font-size:13px;color:#a6b9d6; }
.course-studio .knowledge-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.course-studio .knowledge-card { min-width:0;overflow:hidden;background:#0d1729;border:1px solid #3b587b66;border-radius:16px; }
.course-studio .knowledge-copy { padding:18px 18px 12px; }
.course-studio .knowledge-index { font-size:10px;letter-spacing:.08em;color:#79c8fa; }
.course-studio .knowledge-card:nth-child(2) .knowledge-index { color:#c2a5ff; }
.course-studio .knowledge-card:nth-child(3) .knowledge-index { color:#f1a3d3; }
.course-studio .knowledge-copy h4 { color:#eaf3ff;font-size:18px;line-height:1.4;margin:9px 0; }
.course-studio .knowledge-copy p { font-size:13px;margin:0!important;color:#acbdd7; }
.course-studio .knowledge-copy b { color:#b4a1f6;padding:0 5px; }
.course-studio .knowledge-card > img { width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;background:#080f20;cursor:zoom-in; }
.course-studio .knowledge-card > details { margin:0;border:0;border-radius:0;background:none;padding:0 16px 14px; }
.course-studio .knowledge-card summary { color:#b9d6f5;font-size:12px;padding:14px 0 3px;cursor:pointer; }
.course-studio .knowledge-card details p { font-size:13px;line-height:1.75;color:#afc3df;margin:9px 0; }
.course-studio .knowledge-card details strong { color:#e1eaff; }
.course-studio .knowledge-card a { color:#f2b7de;font-size:13px; }
.course-studio .knowledge-priorities { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px; }
.course-studio .knowledge-priorities > div { display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(100deg,#16476c33,#1e24562b);border:1px solid #69acec38;border-radius:12px; }
.course-studio .knowledge-priorities > div:last-child { border-color:#e888cd38;background:linear-gradient(100deg,#66356233,#1e24562b); }
.course-studio .knowledge-priorities i { font-size:25px;color:#80d3ff; }
.course-studio .knowledge-priorities > div:last-child i { color:#eca4d9; }
.course-studio .knowledge-priorities p { margin:0!important;display:flex;flex-direction:column;gap:4px; }
.course-studio .knowledge-priorities strong { font-size:14px;color:#d7eaff; }
.course-studio .knowledge-priorities span { font-size:13px;color:#b4c5dd; }
.course-studio .interaction-note { font-size:12px;line-height:1.7;color:#95aaca;margin:13px 0 20px; }
.course-studio .material-main-content { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px; }
.course-studio :is(.material-left-panel,.material-right-panel,.material-param-item,.material-prompt-section,.form-group) { min-width:0; }
.course-studio .material-param-item { padding:12px; }
.course-studio .material-param-item .param-value { overflow-wrap:anywhere; }
.course-studio .material-params-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.course-studio .material-preview-container img { height:auto;max-height:420px;object-fit:contain; }
.course-studio .material-preview-overlay { position:static;background:#101d31;padding:10px 14px; }
.course-studio .material-prompt-text { max-width:100%; }
.course-studio #material .grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.course-studio #material .card img { width:100%;height:auto!important;aspect-ratio:16/9;object-fit:contain!important;display:block; }
.course-studio #material .card { min-width:0; }
.course-studio .light-actions { display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch; }
.course-studio :is(.light-presets,.light-compare-actions) { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;border:1px solid #6b78a238;border-radius:13px;background:#132039; }
.course-studio :is(.light-presets,.light-compare-actions) > span { grid-column:1/-1;color:#9cb9dd;font-size:12px;margin:0 0 2px; }
.course-studio .light-actions button { padding:10px 6px;min-height:42px;line-height:1.45; }
.course-studio .temperature-comparison { padding:20px;border:1px solid #56688d44;background:#18253b99;border-radius:16px;margin-top:22px; }
.course-studio .temperature-comparison h4 { color:#e4ecfc;text-align:center;font-size:16px;margin-bottom:17px; }
.course-studio .temperature-comparison h4 i { color:#c8adff; }
.course-studio .temperature-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.course-studio .temperature-card { min-width:0;margin:0;background:#0d182d;border:1px solid #527aab4d;border-radius:13px;overflow:hidden; }
.course-studio .temperature-card > img { display:block;width:100%;height:auto;object-fit:contain;cursor:zoom-in; }
.course-studio .temperature-card figcaption { position:static;padding:14px 16px; }
.course-studio .temperature-card h5 { color:#92d0ff;font-size:14px;margin:0; }
.course-studio .temperature-card:nth-child(2) h5 { color:#f8cb83; }
.course-studio .temperature-card p { color:#a6b8d0;font-size:12px;margin:5px 0 10px; }
.course-studio .temperature-card button { border:0;background:none;padding:4px 0;color:#cbceff;font-size:12px;cursor:pointer; }
.course-studio .temperature-comparison .interaction-note { margin-bottom:0; }
.course-studio #ai .ai-generator { display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.4fr);gap:30px;align-items:start; }
.course-studio #ai :is(.left-panel,.right-panel) { min-width:0;width:auto; }
.course-studio #ai .model-thumb { width:100%;height:auto;display:block;border:1px solid #689bec66;border-radius:18px;overflow:hidden;box-shadow:0 12px 28px #04091799;background:#0b1323; }
.course-studio #ai .model-thumb img { display:block;width:100%;height:auto;object-fit:contain;cursor:zoom-in; }
.course-studio #ai .model-selector { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:20px; }
.course-studio #ai .model-option { min-width:0;width:auto;height:auto;display:flex;flex-direction:column;gap:7px;padding:11px 5px;color:#a5bfdc;border:1px solid #47618655;border-radius:12px;cursor:pointer;font:inherit;background:#17253a; }
.course-studio #ai .model-option i { font-size:19px; }
.course-studio #ai .model-option span { font-size:12px; }
.course-studio #ai .model-option.active { border-color:#be9bef;background:#332c5155;color:#f1d3ff; }
.course-studio #ai .right-panel > h3 { font-size:clamp(20px,2vw,26px)!important; }
.course-studio .outcome-card { display:flex;flex-direction:column;min-width:0;overflow:hidden; }
.course-studio .outcome-card > img { width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;border-radius:10px;margin:16px 0 12px;cursor:zoom-in; }
.course-studio .outcome-card > p { flex:1; }
.course-studio .outcome-open { display:flex;justify-content:space-between;gap:10px;text-align:left;padding:12px 0 0;margin-top:12px;color:#c8b7f9;border:0;border-top:1px solid #56688d55;background:none;cursor:pointer;font:inherit;font-size:13px; }
.course-studio #prompt-entry { position:relative;overflow:hidden;border-block:1px solid #6c86c638; }
.course-studio #prompt-entry::before { content:'';pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(#83aef50c 1px,transparent 1px),linear-gradient(90deg,#83aef50c 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000,transparent); }
.course-studio #prompt-entry > div { position:relative; }
.course-studio .card:not([onclick]):not([role="button"]) { cursor:default; }
.course-studio #animation .aw-workshop input[type="range"] { padding:0;border:0;background:transparent; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .course-studio .motion-surface:hover { transform:translateY(-3px);border-color:#8faef0aa;box-shadow:0 14px 32px #02071688,inset 0 0 30px #a78bfa0b; }
 .course-studio .feature-item:hover > i { transform:rotate(-5deg) scale(1.06);color:#e2c7ff; }
 .course-studio :is(button:not(:disabled),a,summary) { transition:transform .17s,color .17s,background-color .17s,border-color .17s; }
 .course-studio :is(button:not(:disabled),a):hover { filter:brightness(1.1); }
 .course-studio #prompt-entry .btn:hover { transform:translateY(-3px);box-shadow:0 12px 36px #9965f255; }
 .course-studio .motion-surface.is-pointer-near { background-image:radial-gradient(300px circle at var(--pointer-x) var(--pointer-y),#a98aed12,transparent 70%); }
}
@media(max-width:1100px) {
 .course-studio #material .grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .course-studio .knowledge-grid { grid-template-columns:1fr; }
 .course-studio .knowledge-card { display:grid;grid-template-columns:1fr 1fr;align-items:start; }
 .course-studio .knowledge-card > img { grid-column:2;grid-row:1/3;align-self:center; }
 .course-studio .knowledge-card > details { grid-column:1; }
 .course-studio .light-actions { grid-template-columns:1fr; }
}
@media(max-width:950px) {
 .course-studio .material-main-content { grid-template-columns:1fr; }
 .course-studio .material-detail-container { padding:20px; }
 .course-studio #ai .ai-generator { grid-template-columns:1fr; }
 .course-studio #ai .left-panel { max-width:650px;justify-self:center;width:100%; }
 .course-studio .knowledge-priorities { grid-template-columns:1fr; }
}
@media(max-width:800px) {
 .course-studio .nav-menu { display:none; }
 .course-studio .mobile-menu-btn { display:block; }
 .course-studio .teaching-grid { grid-template-columns:1fr; }
 .course-studio .container { padding-inline:20px; }
 .course-studio .section.container { padding-inline:0; }
 .course-studio .temperature-grid { grid-template-columns:1fr; }
 .course-studio .section-title { font-size:28px; }
}
@media(max-width:560px) {
 .course-studio :is(.modeling-nav,.modeling-display) { min-width:0;width:100%;max-width:100%; }
 .course-studio #camera div[style*="min-width: 300px"] { min-width:0!important;width:100%; }
 .course-studio .knowledge-card { display:block; }
 .course-studio .knowledge-card > img { width:100%; }
 .course-studio #material .grid-4 { grid-template-columns:1fr; }
 .course-studio #ai .ai-generator { padding:18px; }
 .course-studio #ai .form-group { min-width:0!important;flex-basis:100%!important; }
 .course-studio .material-detail-container { padding:14px; }
 .course-studio .material-type-btn { padding:11px 16px; }
 .course-studio .temperature-comparison { padding:12px; }
 .course-studio .light-actions button { font-size:12px; }
 .course-studio :is(.light-presets,.light-compare-actions) { padding:10px; }
}
@media(prefers-reduced-motion:reduce) {
 .course-studio { scroll-behavior:auto; }
 .course-studio *, .course-studio *::before, .course-studio *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
 .course-studio .ambient-glow { display:none; }
 .course-studio .motion-surface:hover { transform:none!important; }
}