/* EduSite Lab Studio v010 - shared custom visual system */
:root{--personal-primary:#278dff;--personal-secondary:#9364ff;--personal-bg:#071126;--personal-panel:#111f3a;--personal-radius:16px;--personal-scale:1;--personal-glow:.4;--personal-gap:1;--personal-font:system-ui,-apple-system,'Segoe UI',sans-serif;--personal-ink:#f5f8ff}
body{--accent:var(--personal-primary)!important;--secondary:var(--personal-secondary)!important;--accent2:var(--personal-secondary)!important;--bg:var(--personal-bg)!important;--panel:var(--personal-panel)!important;--surface:var(--personal-panel)!important;--panel2:color-mix(in srgb,var(--personal-panel) 85%,white)!important;--surface2:color-mix(in srgb,var(--personal-panel) 85%,white)!important;--text:var(--personal-ink)!important;font-family:var(--personal-font)!important;font-size:calc(16px * var(--personal-scale))!important}
body.edl-pattern-grid{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px)!important;background-size:34px 34px!important}
body.edl-pattern-stars{background-image:radial-gradient(#ffffff2b 1px,transparent 1px)!important;background-size:31px 31px!important}
body.edl-pattern-none{background-image:none!important}
body .top,body .site-header,body .sidebar,body .side,body .layout-sidebar{background-color:var(--personal-bg)!important}
body .hero{background:radial-gradient(ellipse at 72% 38%,color-mix(in srgb,var(--personal-primary) 25%,transparent),transparent 57%),linear-gradient(135deg,var(--personal-bg),color-mix(in srgb,var(--personal-bg) 82%,var(--personal-secondary)))!important}
body .concept-wrap,body .feature,body .lab-card,body .team-card,body .chat-panel,body .teacher-panel,body .challenge,body .mission-hero,body .workspace,body .surface,body .card{border-radius:var(--personal-radius)!important}
body .feature,body .team-card,body .chat-panel,body .teacher-panel,body .workspace,body .surface,body .card{border-color:color-mix(in srgb,var(--personal-primary) 25%,#ffffff19)!important}
body .btn.action,body .action,body button.primary{background:linear-gradient(115deg,var(--personal-primary),var(--personal-secondary))!important;color:#fff!important}
body .hero h1 span,body .section h2 span{background:linear-gradient(100deg,var(--personal-primary),var(--personal-secondary))!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
body.edl-glow-low .concept-wrap,body.edl-glow-low .btn,body.edl-glow-low .card{box-shadow:none!important}
body.edl-glow-high .concept-wrap{box-shadow:0 22px 85px color-mix(in srgb,var(--personal-primary) 38%,transparent)!important}
body.edl-compact .feature,body.edl-compact .card,body.edl-compact .team-card{padding:14px!important}
body.edl-spacious .feature,body.edl-spacious .card,body.edl-spacious .team-card{padding:30px!important}
body.edl-reduce *,body.edl-reduce *::before,body.edl-reduce *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* Independent accessible editor: never affected by user-configured fonts/colors */
#edl-studio-backdrop{position:fixed;inset:0;background:#01050cc9;z-index:2147483600}
#edl-studio[hidden],#edl-studio-backdrop[hidden]{display:none!important}
#edl-studio{position:fixed;right:0;top:0;bottom:0;z-index:2147483601;overflow:auto;width:min(100%,470px);background:#101e34;color:#f5f8ff;border-left:1px solid #4e739b;box-shadow:-30px 0 90px #0008;font:400 15px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif!important;padding:26px 25px 34px}
#edl-studio *{box-sizing:border-box}#edl-studio h2{font:750 28px/1.15 system-ui!important;letter-spacing:-.03em;margin:0}#edl-studio h3{font:750 13px/1.3 system-ui!important;margin:22px 0 10px;letter-spacing:.035em}#edl-studio p{color:#b8cbe1;font-size:13px;line-height:1.5;margin:9px 0 18px}#edl-studio .edl-head{display:flex;align-items:start;justify-content:space-between;gap:16px}#edl-studio .edl-x{border:1px solid #536b86;background:#1b304b;border-radius:11px;color:#fff;font-size:26px;width:42px;height:42px;cursor:pointer}#edl-studio .edl-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#edl-studio button.edl-preset{background:#182a45;color:#fff;border:1px solid #46617f;border-radius:10px;padding:8px 5px;font-size:12px;cursor:pointer}#edl-studio button.edl-preset[aria-pressed=true]{outline:2px solid #8fceff;outline-offset:2px}#edl-studio .edl-swatch{display:block;height:37px;border-radius:6px;margin-bottom:7px;background:linear-gradient(130deg,var(--sw1),var(--sw2))}#edl-studio .edl-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#edl-studio label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#d6e6f5;font-weight:600}#edl-studio input[type=color]{width:100%;height:44px;background:#203652;border:1px solid #59718b;border-radius:8px;padding:4px;cursor:pointer}#edl-studio input[type=range]{accent-color:#71b4ff;width:100%}#edl-studio select{width:100%;background:#1d314e;border:1px solid #647d98;border-radius:9px;color:#fff;font:inherit;padding:11px}#edl-studio .edl-check{display:flex;flex-direction:row;align-items:center;gap:9px;margin-top:17px}#edl-studio .edl-check input{height:18px;width:18px;accent-color:#67b9f9}#edl-studio .edl-actions{display:flex;gap:9px;margin:22px 0}#edl-studio .edl-actions button{flex:1;padding:12px 9px;border-radius:9px;color:#fff;font-weight:700;background:#244468;border:1px solid #5d7898;cursor:pointer}#edl-studio .edl-actions button:first-child{background:#236ed4}#edl-studio .edl-preview{padding:12px;border-radius:12px;border:1px solid #526a89;background:linear-gradient(125deg,#15243e,#233a5b);display:flex;align-items:center;justify-content:space-between;gap:8px}#edl-studio .edl-preview small{color:#bacde7}#edl-studio :focus-visible{outline:3px solid #ffd56d;outline-offset:3px}#edl-studio .edl-notice{font-size:12px;color:#afc6df}#edl-studio code{color:#fff}
body.edl-studio-open{overflow:hidden}
@media(max-width:600px){#edl-studio{padding:20px 17px}#edl-studio .edl-presets{grid-template-columns:repeat(2,1fr)}}
