/* Fixed local image list. Artwork is never placed over uploaded work pixels. */
html[data-appearance=future]{--student-wallpaper:url('/static/assets/themes/future.webp')}
html[data-appearance=delta]{--student-wallpaper:url('/static/assets/themes/delta.webp')}
html[data-appearance=minecraft]{--student-wallpaper:url('/static/assets/themes/minecraft.webp')}
html[data-appearance=pvz]{--student-wallpaper:url('/static/assets/themes/pvz.webp')}
html[data-appearance=nezha]{--student-wallpaper:url('/static/assets/themes/nezha.webp')}
html[data-appearance=zootopia]{--student-wallpaper:url('/static/assets/themes/zootopia.webp')}
html[data-appearance=wukong]{--student-wallpaper:url('/static/assets/themes/wukong.webp')}
html[data-appearance=egg]{--student-wallpaper:url('/static/assets/themes/egg.webp')}
html[data-appearance=blue]{--student-wallpaper:url('/static/assets/themes/blue.webp')}
html[data-appearance=jade]{--student-wallpaper:url('/static/assets/themes/jade.webp')}
html[data-appearance=sand]{--student-wallpaper:url('/static/assets/themes/sand.webp')}
html[data-appearance=dark]{--student-wallpaper:url('/static/assets/themes/dark.webp')}
html[data-audience=student][data-student-background=true] body{isolation:isolate;position:relative;background:var(--ui-bg)}
html[data-audience=student][data-student-background=true] body:before{content:"";position:fixed;inset:-24px;z-index:-1;pointer-events:none;background-image:var(--student-wallpaper);background-size:cover;background-repeat:no-repeat;background-position:center var(--student-bg-position,center);filter:blur(var(--student-bg-blur,0px)) brightness(var(--student-bg-brightness,1));opacity:var(--student-bg-opacity,.2);transition:opacity .25s ease}
html[data-audience=student][data-student-background=true] #app,html[data-audience=student][data-student-background=true] .unified-app,html[data-audience=student][data-student-background=true] .unified-app .main-wrap,html[data-audience=student][data-student-background=true] .page-content{background:transparent}
html[data-audience=student][data-student-background=true] .unified-app .sidebar,html[data-audience=student][data-student-background=true] .unified-app .topbar{background:var(--ui-surface)}
html[data-audience=student][data-student-background=true] .page-heading,html[data-audience=student][data-student-background=true] .workspace-intro{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);padding:18px 22px}
html[data-audience=student][data-student-background=true] :is(.card,.work-card,.platform-task,.home-today-card,.profile-card,.library-author-card,.library-work-card,.native-tool-card,.tools-card,.chat-composer,.chat-balance,.chat-history,.chat-header,.chat-welcome,.chat-footnote,.chat-message){background:var(--ui-surface)}
html[data-audience=student][data-student-background=true] .chat-main{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:18px;overflow:hidden;padding:12px 16px 0}
html[data-audience=student][data-student-background=true] .chat-history{padding:14px 13px;border:1px solid var(--ui-line);border-radius:15px}
html[data-audience=student][data-student-background=true] .page-footer{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:10px;padding:12px 16px}
.student-theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.student-theme-options .theme-option{padding:7px;border-radius:13px;min-width:0;overflow:hidden;transition:border-color .18s,box-shadow .18s}
.student-theme-options .theme-option .theme-sample{height:auto;aspect-ratio:8/5;border-radius:9px;background:var(--ui-soft)}
.student-theme-options .theme-sample img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.student-theme-options .theme-option:hover .theme-sample img{transform:scale(1.04)}
.student-theme-options .theme-option strong{font-size:12px;line-height:1.5;margin:9px 3px 0}
.student-theme-options .theme-option small{font-size:9px;line-height:1.6;margin:3px 3px 4px}
.teacher-themes .palette-sample{height:74px;background:var(--sample-bg);--sample-bg:#f4f6fb;--sample-accent:#4969df}
.teacher-themes [data-theme-choice=jade] .palette-sample{--sample-bg:#f2f7f5;--sample-accent:#217b67}
.teacher-themes [data-theme-choice=sand] .palette-sample{--sample-bg:#f8f5ef;--sample-accent:#a66a3c}
.teacher-themes [data-theme-choice=dark] .palette-sample{--sample-bg:#151922;--sample-accent:#a7b8ff}
.appearance-controls{border-top:1px solid var(--ui-line);margin-top:22px;padding-top:17px}
.appearance-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}
.appearance-section-head h3{font-size:14px;color:var(--ui-text);margin:0}
.appearance-reset,.appearance-retry{border:0;background:transparent;color:var(--ui-primary);font:inherit;font-size:11px;min-height:44px;padding:8px 3px;cursor:pointer}
.appearance-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;cursor:pointer}
.appearance-toggle>span{font-size:12px;color:var(--ui-text)}
.appearance-toggle small{display:block;font-size:10px;color:var(--ui-muted);margin-top:4px}
.appearance-toggle input{width:22px;height:22px;accent-color:var(--ui-primary);cursor:pointer}
.appearance-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 25px;margin-top:13px}
.appearance-range,.appearance-position{display:block;font-size:11px;color:var(--ui-muted);min-width:0}
.appearance-range>span,.appearance-position>span{display:flex;justify-content:space-between;align-items:center;gap:15px}
.appearance-range output{font-variant-numeric:tabular-nums;color:var(--ui-text);font-size:10px}
.appearance-range input{width:100%;min-height:44px;margin:0;accent-color:var(--ui-primary);cursor:ew-resize}
.appearance-range input:disabled{opacity:.4;cursor:default}
.appearance-position select{width:100%;margin-top:6px;min-height:38px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font:inherit;font-size:11px;padding:6px 9px}
.appearance-position select:disabled{opacity:.45}
.appearance-save-row{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;margin-top:13px}
.appearance-save-row .theme-footnote{font-size:10px;line-height:1.7;margin:0}
.appearance-save-row [data-state=error]{color:#be665a}
.appearance-save-row [data-state=pending]{color:var(--ui-primary)}
.appearance-save-row [hidden]{display:none!important}
#appearance-notice{position:fixed;z-index:1000;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid var(--ui-line,#dfe4f0);border-radius:12px;background:var(--ui-surface,#fff);color:var(--ui-text,#27324a);box-shadow:0 8px 30px #16223a24;font-size:12px;line-height:1.7}
@media(max-width:600px){.student-theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.student-theme-options .theme-option strong{font-size:12px}.student-theme-options .theme-option small{font-size:9px}.appearance-range-grid{gap:8px 18px}.appearance-position select{min-height:44px}html[data-audience=student][data-student-background=true] .page-heading,html[data-audience=student][data-student-background=true] .workspace-intro{padding:16px}html[data-audience=student][data-student-background=true] .chat-main{padding:10px 10px 0;border-radius:14px}}
@media(prefers-reduced-motion:reduce){html[data-audience=student][data-student-background=true] body:before,.student-theme-options .theme-option,.student-theme-options .theme-sample img{transition:none}.student-theme-options .theme-option:hover .theme-sample img{transform:none}}