@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700;800&display=swap);#root,body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--lesson-bg:#eef3ff;--panel:#fff;--accent:#ff5f6d;--accent-dark:#7c5cff;--accent-light:#ff8a5c;--ink:#1e293b;--muted:#64748b;--border:#cbd5e1;--shadow:0 14px 30px #2563eb1f;--bg-secondary:#f8fafc;--text-primary:#1e293b;--bg-hover:#eff6ff;--lesson-stage-max-width:1200px;--lesson-stage-max-height:720px;--lesson-stage-aspect:16/9;--lesson-branding-height:28px;--panel-purple:#1f0d3a;--panel-purple-deep:#0a051f;--panel-purple-border:#3f1c7c;--panel-purple-text:#f6edff;--lesson-icon-pattern:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg stroke='%23d8c8ff' stroke-width='1.35' fill='none' opacity='.5'%3E%3Crect x='10' y='12' width='28' height='20' rx='2'/%3E%3Cpath d='M24 12v20M10 22h28M52 20l14-8 14 8-14 8-14-8zM66 28v9'/%3E%3Ccircle cx='24' cy='72' r='9'/%3E%3Cpath d='M20 82h8M18 86h12'/%3E%3Crect x='70' y='62' width='22' height='18' rx='2'/%3E%3Cpath d='M76 68h10M76 73h12'/%3E%3C/g%3E%3C/svg%3E");--lesson-icon-pattern-sm:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Cg stroke='%23e4d8ff' stroke-width='1.2' fill='none' opacity='.52'%3E%3Crect x='6' y='8' width='18' height='14' rx='2'/%3E%3Cpath d='M15 8v14M34 16l10-6 10 6-10 6-10-6zM44 22v8'/%3E%3Ccircle cx='16' cy='52' r='6.5'/%3E%3Cpath d='M13 58h6'/%3E%3Crect x='48' y='46' width='14' height='12' rx='2'/%3E%3Cpath d='M52 50h6M52 54h8'/%3E%3C/g%3E%3C/svg%3E")}.App{background:linear-gradient(145deg,#f8fafc,#eef2ff 40%,#e0e7ff);color:#0f172a;display:flex;flex-direction:column;height:100vh;letter-spacing:.3px;max-height:100vh}.App,.sr-only{overflow:hidden}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.top-actions{background:linear-gradient(135deg,#1f0d3a,#0a051f 80%);background:linear-gradient(135deg,var(--panel-purple),var(--panel-purple-deep) 80%);box-shadow:0 12px 32px #0a051f8c;box-sizing:border-box;height:auto;overflow:visible;z-index:100}.top-actions:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg stroke='%23d8c8ff' stroke-width='1.35' fill='none' opacity='.5'%3E%3Crect x='10' y='12' width='28' height='20' rx='2'/%3E%3Cpath d='M24 12v20M10 22h28M52 20l14-8 14 8-14 8-14-8zM66 28v9'/%3E%3Ccircle cx='24' cy='72' r='9'/%3E%3Cpath d='M20 82h8M18 86h12'/%3E%3Crect x='70' y='62' width='22' height='18' rx='2'/%3E%3Cpath d='M76 68h10M76 73h12'/%3E%3C/g%3E%3C/svg%3E");background-image:var(--lesson-icon-pattern);background-repeat:repeat;background-size:96px 96px;content:"";inset:0;opacity:.35;pointer-events:none;position:absolute;z-index:1}.top-actions>*{position:relative;z-index:2}.template-selector{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-right:auto;position:relative;z-index:101}.logo-container{align-items:center;display:flex;gap:14px;left:calc(41.33333px + 33.33333%);position:absolute;top:50%;transform:translateY(-50%);z-index:1}.app-logo{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:52px;object-fit:contain;transition:transform .2s ease;width:auto}.logo-container:hover .app-logo{transform:scale(1.05)}.app-logo-text{display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:33px;letter-spacing:-1px;line-height:1.2;margin:0;padding:0;position:relative;vertical-align:middle}.logo-neural{font-weight:800}.logo-lesson,.logo-neural{-webkit-text-fill-color:#0000;animation:text-shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#1d1d1d,#3a3a3a 50%,#1d1d1d);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:inline-block;text-shadow:0 2px 8px #0000001a;transition:all .3s ease}.logo-lesson{font-weight:300}@keyframes text-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.logo-container:hover .logo-lesson,.logo-container:hover .logo-neural{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff5f6d,#7c5cff 50%,#ff5f6d);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 50%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;filter:drop-shadow(0 2px 4px rgba(37,99,235,.3))}.brand-mark{align-items:center;display:flex;gap:12px;position:relative}.brand-mark.mini{align-items:center;flex-direction:column;gap:6px}.brand-mark.mini.center{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#fffffff2,#f1f5ffeb);border:1px solid #0f172a14;border-radius:14px;box-shadow:0 10px 24px #0f172a24;flex-direction:row;gap:10px;justify-content:center;padding:10px 14px}.brand-logo{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));height:46px;object-fit:contain;width:auto}.brand-logo.mini{height:32px}.brand-circles{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,12px)}.brand-circles.mini{gap:4px;grid-template-columns:repeat(3,8px)}.brand-circles.mini span{height:8px;width:8px}.brand-circles span{animation:pulse 2.4s ease-in-out infinite;background:linear-gradient(135deg,#4c6fff,#7f5af0);border-radius:50%;box-shadow:0 4px 10px #4c6fff59;height:12px;width:12px}.brand-circles span:nth-child(2){animation-delay:.2s;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 10px #22c55e59}.brand-circles span:nth-child(3){animation-delay:.4s;background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 4px 10px #ea580c59}@keyframes pulse{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.brand-type{display:flex;flex-direction:column;line-height:1.1}.brand-kicker{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#111827,#4c6fff 45%,#7f5af0 75%,#0ea5e9);-webkit-background-clip:text;font-size:16px;font-weight:800;letter-spacing:.22em;text-shadow:0 2px 6px #4f46e540;text-transform:uppercase}.brand-version{color:#0f172a;font-weight:900}.top-brand-center .brand-kicker{-webkit-text-fill-color:currentColor;align-items:baseline;background:none;-webkit-background-clip:initial;color:#0f172a;display:flex;font-size:22px;font-weight:700;gap:6px;letter-spacing:-.5px;text-shadow:none;text-transform:none}.top-brand-center .brand-version{color:#ff7a00;font-size:1.15em;font-weight:900}.brand-version strong{color:inherit;font-weight:inherit}.brand-name{align-items:baseline;display:flex;gap:4px}.brand-lesson{color:#0f172a;font-weight:800;letter-spacing:-.5px}.brand-gen,.brand-lesson{font-family:Space Grotesk,sans-serif;font-size:24px}.brand-gen{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4c6fff,#7f5af0);-webkit-background-clip:text;font-weight:300;letter-spacing:-.2px}.brand-tagline{color:#1f2937;font-size:12px;letter-spacing:.05em;margin-top:3px;opacity:.8}.template-label{color:#0f172a}.template-label,.template-select{font-size:14px;font-weight:600;letter-spacing:.3px;white-space:nowrap}.template-select{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff80;border-radius:6px;color:#f6edff;color:var(--panel-purple-text);cursor:pointer;max-width:240px;min-width:140px;outline:none;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;transition:all .2s}.template-select:hover{background:#ffffff24;border-color:#ffffffbf}.template-select:focus{border-color:#ffffffe6;box-shadow:0 0 0 3px #fff3}.delete-template-button{align-items:center;background:#fff;border:2px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;overflow:hidden;padding:8px;position:relative;transition:all .2s ease}.delete-template-button:before{background:#dc3545;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.delete-template-button:hover:before{height:100%;width:100%}.delete-template-button:hover{border-color:#c82333;box-shadow:0 4px 8px #dc354540;transform:translateY(-1px)}.delete-template-button:hover .delete-icon{color:#fff;transform:scale(1.1)}.delete-template-button:active{box-shadow:0 2px 4px #dc354533;transform:translateY(0)}.delete-icon{color:#dc3545;position:relative;transition:all .2s ease;z-index:1}.gallery-button{align-items:center;background:#ff5f6d;background:var(--accent);border:2px solid #ff5f6d;border:2px solid var(--accent);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:6px;letter-spacing:.3px;padding:8px 14px;transition:all .2s ease}.gallery-button:hover{background:#7c5cff;background:var(--accent-dark);border-color:#7c5cff;border-color:var(--accent-dark);box-shadow:0 4px 8px #2563eb40;color:#fff;transform:translateY(-1px)}.gallery-button:active{transform:translateY(0)}.gallery-icon{height:18px;width:18px}.main-layout.gallery-view-mode{grid-template-columns:1fr}.lesson-column.gallery-view{min-height:0;width:100%}.gallery-view-header{align-items:center;background:#fff;background:var(--panel);border-bottom:2px solid #cbd5e1;border-bottom:2px solid var(--border);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:16px;z-index:10}.exit-gallery-view-button{align-items:center;background:#fff;border:2px solid #cbd5e1;border:2px solid var(--border);border-radius:6px;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:6px;letter-spacing:.3px;padding:8px 14px;transition:all .2s ease}.exit-gallery-view-button:hover{background:#f5f5f5;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.exit-gallery-view-button:active{transform:translateY(0)}.gallery-view-title{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:.3px;margin:0}.gallery-modal{max-height:85vh;max-width:900px}.gallery-body{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Cg stroke='%23e4d8ff' stroke-width='1.2' fill='none' opacity='.52'%3E%3Crect x='6' y='8' width='18' height='14' rx='2'/%3E%3Cpath d='M15 8v14M34 16l10-6 10 6-10 6-10-6zM44 22v8'/%3E%3Ccircle cx='16' cy='52' r='6.5'/%3E%3Cpath d='M13 58h6'/%3E%3Crect x='48' y='46' width='14' height='12' rx='2'/%3E%3Cpath d='M52 50h6M52 54h8'/%3E%3C/g%3E%3C/svg%3E");background-image:var(--lesson-icon-pattern-sm);background-position:8px 16px;background-repeat:repeat;background-size:120px 120px;max-height:calc(85vh - 120px);overflow-y:auto;padding:24px}.gallery-description{color:#64748b;color:var(--muted);font-size:14px;margin:0 0 24px;text-align:center}.gallery-grid{grid-gap:20px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg stroke='%23d8c8ff' stroke-width='1.35' fill='none' opacity='.5'%3E%3Crect x='10' y='12' width='28' height='20' rx='2'/%3E%3Cpath d='M24 12v20M10 22h28M52 20l14-8 14 8-14 8-14-8zM66 28v9'/%3E%3Ccircle cx='24' cy='72' r='9'/%3E%3Cpath d='M20 82h8M18 86h12'/%3E%3Crect x='70' y='62' width='22' height='18' rx='2'/%3E%3Cpath d='M76 68h10M76 73h12'/%3E%3C/g%3E%3C/svg%3E");background-image:var(--lesson-icon-pattern);background-position:12px 20px;background-repeat:repeat;background-size:120px 120px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:0}.inline-gallery{background:radial-gradient(900px at 12% 8%,#ff5f6d40,#0000 55%),radial-gradient(800px at 88% 10%,#7c5cff40,#0000 55%),radial-gradient(900px at 50% 92%,#0ea5e938,#0000 55%),linear-gradient(180deg,#f2f6ff,#e2e8ff);display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:12px;position:relative}.inline-gallery:before{background:linear-gradient(120deg,#ffffff14,#ffffff05);content:"";inset:0;mix-blend-mode:screen;pointer-events:none;position:absolute}.gallery-view-header.inline{display:flex;flex-direction:column;gap:4px;padding:0 4px 2px}.gallery-description.inline{color:#94a3b8;font-size:11px;letter-spacing:.12em;margin:0;text-align:left;text-transform:uppercase}.gallery-grid.inline{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Cg stroke='%23e4d8ff' stroke-width='1.2' fill='none' opacity='.52'%3E%3Crect x='6' y='8' width='18' height='14' rx='2'/%3E%3Cpath d='M15 8v14M34 16l10-6 10 6-10 6-10-6zM44 22v8'/%3E%3Ccircle cx='16' cy='52' r='6.5'/%3E%3Cpath d='M13 58h6'/%3E%3Crect x='48' y='46' width='14' height='12' rx='2'/%3E%3Cpath d='M52 50h6M52 54h8'/%3E%3C/g%3E%3C/svg%3E");background-image:var(--lesson-icon-pattern-sm);background-position:0 0;background-repeat:repeat;background-size:100px 100px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:4px 0 12px;position:relative;z-index:1}.gallery-item{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;min-height:240px;overflow:visible;padding:0;position:relative;transition:transform .35s ease,box-shadow .35s ease}.gallery-item:hover{box-shadow:0 20px 40px #4f46e538,0 10px 22px #0f172a1f;transform:translateY(-6px)}.gallery-card{-webkit-backdrop-filter:blur(32px) saturate(2);backdrop-filter:blur(32px) saturate(2);background:linear-gradient(145deg,#6623bef2,#1a0835f2);border:1px solid #ffffff26;border-radius:16px;box-shadow:0 22px 50px #040413a6,inset 0 0 0 1px #ffffff14,0 20px 56px #3c1a9173;height:100%;overflow:visible;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.gallery-card:before{background:radial-gradient(circle at top right,#ffffff40,#0000 45%);content:"";mix-blend-mode:screen;opacity:.85;pointer-events:none}.gallery-card:before,.gallery-face{border-radius:16px;inset:0;position:absolute}.gallery-face{display:flex;flex-direction:column;justify-content:space-between;padding:14px}.gallery-face,.gallery-face.front{color:#f6edff;color:var(--panel-purple-text)}.gallery-face.front{background:linear-gradient(135deg,#ffffff14,#ffffff05)}.gallery-item-preview{background:linear-gradient(135deg,#ffffff40,#ecefff66);border:1px solid #ffffffb3;border-radius:12px;box-shadow:inset 0 0 0 1px #94a3b833;height:160px;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.gallery-preview-iframe{background:#fff;border:none;height:200%;pointer-events:none;transform:scale(.5);transform-origin:top left;width:200%}.gallery-preview-iframe,.gallery-preview-loading{border-radius:12px;left:0;position:absolute;top:0}.gallery-preview-loading{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);bottom:0;display:flex;justify-content:center;right:0;transition:opacity .3s ease,visibility .3s ease;z-index:2}.gallery-preview-iframe.loaded~.gallery-preview-loading{opacity:0;pointer-events:none;visibility:hidden}.gallery-hover-anchor{display:flex;justify-content:flex-end;pointer-events:none;position:absolute;right:0;top:10px;z-index:3}.gallery-grid.inline>.gallery-item:nth-child(-n+4) .gallery-hover-anchor{bottom:10px;top:auto;transform:none}.gallery-hover-bubble{background:#0f172af0;border:1px solid #94a3b859;border-radius:14px;box-shadow:0 16px 32px #00000040;color:#e5edff;max-width:280px;opacity:0;padding:12px 14px;pointer-events:none;position:relative;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.gallery-hover-bubble:after{border:9px solid #0000;border-top-color:#0f172af0;content:"";position:absolute;right:18px;top:100%}.gallery-item:hover .gallery-hover-bubble{opacity:1;transform:translateY(0)}.bubble-title{color:#cbd5f5;font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.bubble-text{font-size:13px;line-height:1.5;margin:0 0 6px}.bubble-text.subtle{color:#a5b4fc;font-size:12px}.bubble-cta{color:#c7d2fe;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.gallery-loading-spinner{animation:spin .8s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#007bff;height:32px;width:32px}.gallery-preview-pending{align-items:center;background:#f8fafc;border-radius:14px;color:#64748b;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:10px;height:100%;justify-content:center;letter-spacing:.08em;text-transform:uppercase;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.gallery-item-icon{font-size:48px;opacity:.6;position:relative;z-index:1}.gallery-item-info{align-items:flex-start;color:#fff;display:flex;flex-direction:column;gap:4px;text-align:left;width:100%}.gallery-item-name{color:#fff;font-size:16px;font-weight:800;letter-spacing:.3px;margin:0 0 4px}.gallery-item-desc{color:#fffc;font-size:13px;line-height:1.5;margin:0}.gallery-item-desc.subtle{color:#fff9;font-size:12px}.gallery-item-action{color:#fefefe;font-size:14px;font-weight:800;letter-spacing:.08em}.menu-options{display:flex;flex-direction:column;gap:16px;padding:20px 0}.menu-option-button{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:2px solid #cbd5e1;border:2px solid var(--border);border-radius:8px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px;text-align:left;transition:all .2s ease;width:100%}.menu-option-button:hover{background:#ff5f6d;background:var(--accent);border-color:#ff5f6d;border-color:var(--accent);color:#fff;transform:translateX(4px)}.menu-option-button:active{transform:translateX(2px)}.menu-option-button svg{flex-shrink:0}.menu-back-header{align-items:center;border-bottom:1px solid #cbd5e1;border-bottom:1px solid var(--border);display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.menu-back-header h3{font-size:20px;font-weight:700;margin:0}.menu-back-button,.menu-back-header h3{color:#1e293b;color:var(--text-primary)}.menu-back-button{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.menu-back-button:hover{background:#ff5f6d;background:var(--accent);border-color:#ff5f6d;border-color:var(--accent);color:#fff}.menu-back-button:active{transform:scale(.98)}.admin-panel{padding:20px 0}.admin-options{display:flex;flex-direction:column;gap:12px;margin-top:20px}.admin-button{background:#f8fafc;background:var(--bg-secondary);border:2px solid #cbd5e1;border:2px solid var(--border);border-radius:8px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:600;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.admin-button:hover{background:#ff5f6d;background:var(--accent);border-color:#ff5f6d;border-color:var(--accent);color:#fff;transform:translateX(4px)}.admin-button:active{transform:translateX(2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:modalFadeIn .2s ease-out;background:#fff;border:2px solid #cbd5e1;border:2px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#fff,#f0f4f8);border-bottom:2px solid #cbd5e1;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{font-size:20px;font-weight:800;margin:0}.modal-close,.modal-header h2{color:#0f172a;letter-spacing:.3px}.modal-close{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.modal-close:hover:not(:disabled){background:#0000001a}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#0f172a;display:block;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.form-input,.form-textarea{border:2px solid #dcdcdc;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#ff5f6d;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26;outline:none}.form-input:disabled,.form-textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.form-textarea{min-height:100px;resize:vertical}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-button{border:2px solid #cbd5e1;border:2px solid var(--border);border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s}.modal-button.cancel{background:#fff;color:#0f172a;letter-spacing:.3px}.modal-button.cancel:hover:not(:disabled){background:#f5f5f5}.modal-button.primary{background:linear-gradient(135deg,#ff6b6b,#ff8e3c 35%,#7c5cff);box-shadow:0 10px 22px #7c5cff59;color:#fff}.modal-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#ff7b7b,#ffa14d 35%,#8a6bff);box-shadow:0 4px 8px #00000026;color:#fff;transform:translateY(-1px)}.modal-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-button.danger{background:#dc3545;border-color:#c82333;color:#fff}.modal-button.danger:hover:not(:disabled){background:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.deploy-button{align-items:center;background:linear-gradient(135deg,#ff5f6d,#7c5cff);background:linear-gradient(135deg,var(--accent),var(--accent-dark));border:1px solid #7c5cff;border:1px solid var(--accent-dark);border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:10px 16px;transition:all .2s ease}.deploy-button:hover:not(:disabled){box-shadow:0 10px 20px #2563eb40;transform:translateY(-1px)}.deploy-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.deploy-spinner{animation:spin .8s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.deploy-spinner.large{border-width:3px;height:36px;width:36px}.deploy-modal .modal-body{text-align:center}.deployment-error h3,.deployment-progress h3,.deployment-success h3{margin:12px 0 6px}.deployment-error,.deployment-success{align-items:center;display:flex;flex-direction:column;gap:10px}.deployment-success a{color:#ff5f6d;color:var(--accent);font-weight:600}.deployment-error{color:#b91c1c}.deployment-meta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;font-size:13px;gap:12px;padding:10px 12px}.deployment-meta-row{color:#0f172a;display:flex;font-weight:600;gap:12px;justify-content:space-between}.deployment-meta a{color:#ff5f6d;color:var(--accent);font-weight:600;text-decoration:none;word-break:break-all}.deployment-meta a:hover{text-decoration:underline}.delete-modal{max-width:500px}.inline-alert{max-width:520px}.delete-warning{padding:20px 0;text-align:center}.delete-warning.step2{text-align:left}.warning-icon{animation:warningPulse 2s ease-in-out infinite;font-size:48px;margin-bottom:16px}@keyframes warningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.delete-warning h3{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:.3px;margin:0 0 12px}.delete-warning p{color:var(--text-main);font-size:14px;line-height:1.6;margin:8px 0}.delete-warning strong{color:#dc3545;font-weight:700}.delete-consequences{background:#eff6ff;border:2px solid #ff5f6d;border:2px solid var(--accent);border-radius:8px;list-style:none;margin:16px 0;padding:16px}.delete-consequences li{color:#7c5cff;color:var(--accent-dark);font-size:14px;padding:6px 0 6px 24px;position:relative}.delete-consequences li:before{color:#ff5f6d;color:var(--accent);content:"*";font-size:18px;font-weight:700;left:8px;position:absolute}.final-warning{color:#dc3545!important;font-size:16px!important;font-weight:700;margin-top:20px!important;text-align:center}.template-creating{padding:20px 0;text-align:center}.creating-spinner{display:inline-block;height:64px;margin-bottom:24px;position:relative;width:64px}.creating-spinner .spinner-ring{animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid #0000;border-radius:50%;border-top-color:#ff5f6d;border-color:var(--accent) #0000 #0000 #0000;box-sizing:border-box;display:block;height:51px;margin:6px;position:absolute;width:51px}.creating-spinner .spinner-ring:first-child{animation-delay:-.45s}.creating-spinner .spinner-ring:nth-child(2){animation-delay:-.3s}.creating-spinner .spinner-ring:nth-child(3){animation-delay:-.15s}.template-creating h3{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:.3px;margin:0 0 12px}.template-creating p{color:#64748b;color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 24px}.creating-steps{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:400px;text-align:left}.step-item{align-items:center;background:#f8f9fa;border-radius:8px;color:#0f172a;display:flex;font-size:14px;gap:12px;letter-spacing:.3px;padding:10px}.step-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.save-button,.step-icon{background:#ff5f6d;background:var(--accent);color:#fff}.save-button{border:2px solid #ff5f6d;border:2px solid var(--accent);border-radius:6px;cursor:pointer;font-weight:800;letter-spacing:.3px;padding:8px 14px;transition:all .2s ease}.save-button:hover{background:#7c5cff;background:var(--accent-dark);border-color:#7c5cff;border-color:var(--accent-dark)}.save-button:active{transform:translateY(1px)}.save-status{color:#64748b;color:var(--muted);font-size:12px;min-width:100px;text-align:left}.lesson-column{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px #2563eb1a;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.lesson-column.canvas{background:#f6f8ff}.layout-shell{display:grid;grid-template-columns:80px 1fr;height:100%}.layout-shell.chat-docked{grid-template-columns:400px 1fr}.layout-shell.chat-collapsed{grid-template-columns:80px 1fr}.left-rail{background:linear-gradient(180deg,#1f0d3a,#0a051f);background:linear-gradient(180deg,var(--panel-purple) 0,var(--panel-purple-deep) 100%);border-right:1px solid #3f1c7c;border-right:1px solid var(--panel-purple-border);color:#f6edff;color:var(--panel-purple-text);display:flex;height:100%;min-height:0;position:relative}.left-rail.gallery-mode .rail-actions{margin-top:28px}.side-rail{align-items:center;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border-right:1px solid #ffffff1f;box-shadow:6px 0 20px #0f172a1f;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;padding:16px 12px}.left-rail:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg stroke='%23d8c8ff' stroke-width='1.35' fill='none' opacity='.5'%3E%3Crect x='10' y='12' width='28' height='20' rx='2'/%3E%3Cpath d='M24 12v20M10 22h28M52 20l14-8 14 8-14 8-14-8zM66 28v9'/%3E%3Ccircle cx='24' cy='72' r='9'/%3E%3Cpath d='M20 82h8M18 86h12'/%3E%3Crect x='70' y='62' width='22' height='18' rx='2'/%3E%3Cpath d='M76 68h10M76 73h12'/%3E%3C/g%3E%3C/svg%3E");background-image:var(--lesson-icon-pattern);background-repeat:repeat;background-size:110px 110px;border-radius:18px;content:"";inset:8px;opacity:.4;pointer-events:none;position:absolute}.left-rail>*{position:relative;z-index:1}.rail-brand{align-items:center;color:#f6edff;color:var(--panel-purple-text);display:flex;justify-content:center;width:100%}.rail-brand.top{margin-bottom:4px}.rail-brand.bottom{margin-top:4px;opacity:.95}.rail-logo{filter:drop-shadow(0 2px 4px rgba(15,23,42,.25));height:28px;object-fit:contain;width:auto}.rail-actions{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.rail-btn{background:linear-gradient(135deg,#fffffff2,#ecf2ffe6);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:10px;color:#0f172a;cursor:pointer;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;transition:all .2s ease}.rail-btn.primary{background:linear-gradient(135deg,#ff6b6b,#ff8e3c 40%,#7c5cff);border:none;box-shadow:0 12px 24px #7c5cff59;color:#fff}.rail-btn.rail-new{background:linear-gradient(135deg,#ff6b6b,#ff8e3c 45%,#7c5cff);border:none;box-shadow:0 12px 24px #ff6b6b59;color:#fff}.rail-btn.rail-gallery{background:linear-gradient(135deg,#22d3ee,#38bdf8 45%,#2563eb);border:none;box-shadow:0 12px 24px #38bdf859;color:#fff}.rail-btn.rail-chat{background:linear-gradient(135deg,#34d399,#10b981 45%,#0ea5e9);border:none;box-shadow:0 12px 24px #10b98159;color:#fff}.rail-btn.rail-keys{background:linear-gradient(135deg,#f97316,#f59e0b 45%,#ef4444);border:none;box-shadow:0 12px 24px #f9731659;color:#fff}.rail-btn:hover{box-shadow:0 10px 20px #0f172a14;transform:translateY(-1px)}.rail-btn.nudge{animation:rail-wiggle .7s ease-in-out 2;box-shadow:0 10px 20px #4f46e533}.rail-tooltip{animation:tooltip-fade .25s ease;background:#0f172ae6;border-radius:10px;box-shadow:0 10px 20px #0000002e;color:#e5edff;font-size:11px;left:50%;padding:6px 10px;pointer-events:none;position:absolute;top:-6px;transform:translate(-50%,-100%);white-space:nowrap;z-index:20}.rail-tooltip.auto-hide{animation:tooltip-fade .25s ease,tooltip-hide .25s ease 3s forwards}.rail-tooltip:after{border:6px solid #0000;border-top-color:#0f172ae6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}@keyframes rail-wiggle{0%{transform:rotate(0deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(3deg)}to{transform:rotate(0deg)}}@keyframes tooltip-fade{0%{opacity:0;transform:translate(-50%,-110%)}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes tooltip-hide{to{opacity:0;transform:translate(-50%,-110%);visibility:hidden}}.rail-btn.icon{align-items:center;border-radius:14px;display:flex;font-size:18px;height:48px;justify-content:center;overflow:visible;padding:0;position:relative;width:48px}.main-pane{height:100%}.chat-sidebar,.main-pane{display:flex;flex-direction:column;min-height:0}.chat-sidebar{background:linear-gradient(160deg,#fffffff5,#f0f5fff5);border-left:1px solid #cbd5e1;border-left:1px solid var(--border);box-shadow:-6px 0 20px #0f172a0f;width:320px}.chat-sidebar.collapsed{display:none}.chat-sidebar-header{align-items:center;background:#fffc;border-bottom:1px solid #94a3b84d;display:flex;gap:8px;justify-content:space-between;padding:12px}.chat-sidebar-title{color:#1f2937;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.chat-sidebar-actions{align-items:center;display:flex;gap:8px}.chat-sidebar-body{flex:1 1;min-height:0;overflow:visible}.top-actions{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#1f0d3a,#0a051f);background:linear-gradient(135deg,var(--panel-purple),var(--panel-purple-deep));border-bottom:1px solid #3f1c7c;border-bottom:1px solid var(--panel-purple-border);color:#f6edff;color:var(--panel-purple-text);display:flex;flex-shrink:0;gap:10px;justify-content:space-between;min-height:64px;position:relative}.top-actions,.top-actions.compact{padding:10px 14px}.top-actions-right{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;padding-right:20px}.top-right-logo{display:none}.top-right-logo-abs{filter:drop-shadow(0 2px 4px rgba(15,23,42,.25));height:38px;object-fit:contain;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:auto;z-index:2}.top-actions-right .icon-btn{display:none}.top-brand-center{align-items:center;display:flex;flex:1 1;justify-content:center}.top-actions-mid{align-items:center;display:flex;gap:8px;margin-right:8px}.icon-btn{align-items:center;background:linear-gradient(135deg,#fffffff2,#ecf2ffd9);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:12px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:16px;height:40px;justify-content:center;letter-spacing:.3px;transition:all .2s ease;width:40px}.icon-btn:hover{box-shadow:0 6px 12px #0f172a1f;transform:translateY(-1px)}.template-selector{margin-right:0}.artifacts-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:2px solid #cbd5e1;border-bottom:2px solid var(--border);border-radius:12px 12px 0 0;flex-shrink:0;padding:20px 24px;z-index:10}.artifacts-title{align-items:center;color:#7c5cff;color:var(--accent-dark);display:flex;font-size:20px;font-weight:800;gap:10px;letter-spacing:.3px;margin:0}.artifacts-title:before{background:linear-gradient(135deg,#ff5f6d,#7c5cff);background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:2px;content:"";height:24px;width:4px}.artifacts-subtitle{color:#64748b;color:var(--muted);font-size:13px;font-weight:500;margin:6px 0 0}.lesson-column.fullscreen .artifacts-header{display:none}.main-layout.fullscreen-mode{grid-template-columns:1fr;padding:0}.lesson-column.fullscreen{background:#fff;height:100vh;left:0;padding:0;position:fixed;top:0;width:100vw;z-index:9999}.lesson-frame{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #0f172a1f;box-sizing:border-box;flex:1 1;margin:0;min-height:0;overflow:hidden;padding:0;position:relative;width:100%}.lesson-frame,.lesson-loading-overlay{align-items:center;display:flex;flex-direction:column;justify-content:center}.lesson-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;bottom:0;gap:20px;left:0;position:absolute;right:0;top:0;z-index:100}.lesson-loading-spinner{display:inline-block;height:64px;position:relative;width:64px}.lesson-loading-spinner .spinner-ring{animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid #0000;border-radius:50%;border-top-color:#ff5f6d;border-color:var(--accent) #0000 #0000 #0000;box-sizing:border-box;display:block;height:51px;margin:6px;position:absolute;width:51px}.lesson-loading-spinner .spinner-ring:first-child{animation-delay:-.45s}.lesson-loading-spinner .spinner-ring:nth-child(2){animation-delay:-.3s}.lesson-loading-spinner .spinner-ring:nth-child(3){animation-delay:-.15s}@keyframes spinner-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lesson-loading-text{animation:loading-pulse 1.5s ease-in-out infinite;color:#0f172a;font-size:16px;font-weight:600;letter-spacing:.3px;letter-spacing:.5px}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.6}}.lesson-error-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffffa;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;padding:40px;position:absolute;right:0;text-align:center;top:0;z-index:101}.lesson-error-icon{animation:error-shake .5s ease-in-out;font-size:64px;line-height:1}@keyframes error-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.lesson-error-title{color:#d32f2f;font-size:24px;font-weight:700;letter-spacing:.5px;margin-top:8px}.lesson-error-message{color:#0f172a;font-size:16px;letter-spacing:.3px;line-height:1.5;margin-bottom:8px;max-width:500px}.lesson-error-retry{background:#d32f2f;border:none;border-radius:8px;box-shadow:0 4px 12px #d32f2f4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:8px;padding:12px 24px;transition:all .2s}.lesson-error-retry:hover{background:#b71c1c;box-shadow:0 6px 16px #d32f2f66;transform:translateY(-2px)}.lesson-error-retry:active{transform:translateY(0)}.lesson-column.fullscreen .lesson-frame{height:100vh;padding:0}.lesson-viewport{align-items:stretch;aspect-ratio:16/9;aspect-ratio:var(--lesson-stage-aspect);background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px #94a3b833;display:flex;justify-content:center;max-height:min(720px,100%);max-height:min(var(--lesson-stage-max-height),100%);overflow:hidden;position:relative;width:min(100%,1200px);width:min(100%,var(--lesson-stage-max-width))}.lesson-viewport.fullscreen{aspect-ratio:auto;border-radius:0;box-shadow:none;height:100%;max-height:none;width:100%}.lesson-branding{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;left:50%;padding:0 14px;pointer-events:none;position:absolute;top:10px;transform:translateX(-50%);width:min(100%,1200px);width:min(100%,var(--lesson-stage-max-width));z-index:20}.lesson-branding-logo{filter:drop-shadow(0 2px 4px rgba(15,23,42,.2));height:28px;height:var(--lesson-branding-height);max-width:42%;object-fit:contain}.fullscreen-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b1b1be6;border:2px solid #fff;border-radius:8px;bottom:12px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;letter-spacing:.3px;padding:8px 14px;position:absolute;right:12px;transition:all .2s;z-index:1000}.fullscreen-button:hover{background:#1b1b1b;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.fullscreen-button:active{transform:translateY(0)}.floating-lesson-actions{bottom:auto;display:flex;flex-direction:column;gap:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:1000}.icon-btn.round{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#fffffff2,#ecf2ffd9);border:1px solid #7c5cff47;border-radius:50%;box-shadow:0 8px 18px #7c5cff40;color:#1f2937;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .2s;width:44px}.icon-btn.round:hover:not(:disabled){box-shadow:0 12px 24px #7c5cff59;transform:translateY(-1px)}.floating-lesson-actions .icon-btn.round{background:linear-gradient(135deg,#ff6b6b,#ff8e3c 40%,#7c5cff);border:1px solid #ff5f6d4d;box-shadow:0 10px 22px #7c5cff59;color:#fff}.floating-lesson-actions .icon-btn.round:hover:not(:disabled){box-shadow:0 14px 28px #7c5cff73}.floating-lesson-actions .icon-btn.round.action-deploy{background:linear-gradient(135deg,#38bdf8,#6366f1 45%,#a855f7)}.floating-lesson-actions .icon-btn.round.action-save{background:linear-gradient(135deg,#22c55e,#10b981 45%,#06b6d4)}.floating-lesson-actions .icon-btn.round.action-clear{background:linear-gradient(135deg,#f59e0b,#f97316 45%,#ef4444)}.floating-lesson-actions .icon-btn.round.action-fullscreen{background:linear-gradient(135deg,#60a5fa,#3b82f6 45%,#2563eb)}.floating-lesson-actions .icon-btn.round.action-code{background:linear-gradient(135deg,#a78bfa,#8b5cf6 45%,#6366f1)}.floating-lesson-actions .icon-btn.round.action-copy{background:linear-gradient(135deg,#f472b6,#ec4899 45%,#db2777)}.floating-lesson-actions .icon-btn.round.action-delete{background:linear-gradient(135deg,#ef4444,#f97316 45%,#dc2626)}.floating-lesson-actions .icon-btn.round.action-keys{background:linear-gradient(135deg,#facc15,#f59e0b 45%,#f97316)}.icon-btn.round:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.icon-btn.round.danger{background:#ef4444e6;border-color:#ef4444cc;box-shadow:0 8px 18px #ef444459}.fullscreen-icon{font-size:18px;font-weight:700}.fullscreen-text{font-size:13px}.lesson-iframe{background:#fff;border:none;border-radius:0;box-shadow:none;flex:1 1;height:100%;margin:0;min-height:0;overflow:hidden;padding:0;width:100%}.lesson-iframe.pending{background:#fff;display:block}.lesson-column.fullscreen .lesson-iframe{height:100vh}@media (max-width:960px){.lesson-viewport{aspect-ratio:auto;border-radius:0;height:100%;max-height:none;width:100%}.lesson-branding{padding:0 12px;top:8px;width:100%}.lesson-branding-logo{height:22px}}.floating-chat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(160deg,#fffffff5,#f0f5fff5);border:1px solid #94a3b859;border-radius:16px;box-shadow:0 16px 45px #0f172a40;left:0;max-width:95vw;position:fixed;top:0;transition:box-shadow .2s ease;width:500px;z-index:2000}.floating-chat.minimized .floating-chat-body{display:none}.floating-chat-header{align-items:center;background:linear-gradient(135deg,#4c6fff,#7f5af0);border-bottom:1px solid #ffffff40;border-radius:16px 16px 0 0;box-shadow:inset 0 1px 0 #ffffff40;color:#fff;cursor:grab;display:flex;justify-content:space-between;padding:12px 14px;-webkit-user-select:none;user-select:none}.floating-chat-title{color:#fff;font-size:14px;font-weight:800;letter-spacing:.35px}.floating-chat-actions{display:flex;gap:6px}.floating-chat-body{background:#ffffffe6;border-radius:0 0 16px 16px;display:flex;flex-direction:column;height:70vh;max-height:70vh;padding:8px}.floating-chat-content{background:#fff;border:1px solid #e2e8f0b3;border-radius:12px;box-shadow:inset 0 0 0 1px #94a3b840;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.floating-chat .icon-btn.small{border-radius:10px;font-size:14px;height:32px;width:32px}.floating-chat .icon-btn.small:hover{box-shadow:0 8px 16px #0f172a1f}.huddle-shell{display:flex;flex-direction:column;gap:22px;margin:0 auto;max-width:1200px;padding:40px 28px 64px}.header-bar{grid-gap:12px;align-items:stretch;background:#fff;background:var(--panel);border:2px solid #ff5f6d;border:2px solid var(--accent);border-radius:10px;box-shadow:0 14px 30px #2563eb1f;box-shadow:var(--shadow);display:grid;gap:12px;grid-template-columns:1.1fr 1fr .9fr;overflow:hidden}.brand,.photo-slot{align-items:center;background:#ff5f6d;background:var(--accent);color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px;padding:18px;text-transform:uppercase}.brand,.photo-slot,.title-block{display:flex;justify-content:center}.title-block{background:linear-gradient(135deg,#fff,#f0f4f8);flex-direction:column;gap:4px;padding:16px 18px;text-align:center}.title{font-size:24px;font-weight:800;letter-spacing:.5px}.subtitle{color:#7c5cff;color:var(--accent-dark);font-size:14px;font-weight:600}.photo-slot{background:linear-gradient(120deg,#ff5f6d,#7c5cff);background:linear-gradient(120deg,var(--accent),var(--accent-dark));text-align:center}.lesson{grid-gap:18px;display:grid;gap:18px;grid-template-columns:2.2fr 1fr}.lesson-left,.lesson-right{display:flex;flex-direction:column;gap:16px}.card{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #2563eb14;padding:20px;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #2563eb1f;transform:translateY(-2px)}.card-heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.card-title{font-size:18px;font-weight:800;letter-spacing:.2px}.card-meta{color:#64748b;color:var(--muted);font-size:12px}.bingo-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:14px}.bingo-cell{background:#fcfcf9;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:8px;padding:10px}.day-label{color:#64748b;color:var(--muted);font-size:12px;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.cell-input,.text-input{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:6px;font-size:14px;outline:none;padding:8px 10px;width:100%}.cell-input:focus,.grid-cell:focus,.note-area:focus,.text-input:focus{border-color:#7c5cff;border-color:var(--accent-dark);box-shadow:0 0 0 2px #2563eb4d}.week-grid{border:1px solid #ff5f6d;border:1px solid var(--accent);border-radius:12px;overflow:hidden}.grid-row{display:grid;grid-template-columns:120px repeat(5,1fr)}.grid-header{background:#f2eac2;border-bottom:1px solid #ff5f6d;border-bottom:1px solid var(--accent)}.grid-corner{background:#fbf8ea;border-right:1px solid #cbd5e1;border-right:1px solid var(--border);font-weight:700;padding:10px}.muted{color:#64748b;color:var(--muted);font-size:12px;font-weight:600}.grid-head{border-right:1px solid #cbd5e1;border-right:1px solid var(--border);font-weight:800;padding:10px;text-align:center}.grid-row:not(.grid-header) .grid-head{background:#fafafa}.grid-cell{background:#fffef8;border-right:1px solid #cbd5e1;border-right:1px solid var(--border);border-top:1px solid #cbd5e1;border-top:1px solid var(--border);font-size:14px;min-height:70px;padding:10px;resize:none}.grid-row:last-child .grid-cell,.grid-row:last-child .grid-corner{border-bottom:1px solid #cbd5e1;border-bottom:1px solid var(--border)}.grid-row .grid-cell:last-child,.grid-row .grid-head:last-child{border-right:none}.bottom-notes{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.note-card{background:#fff;background:var(--panel);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 30px #2563eb1f;box-shadow:var(--shadow);padding:14px}.note-title{font-weight:800;margin-bottom:8px}.note-area{background:#fffef8;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:8px;font-size:14px;min-height:120px;padding:10px;resize:vertical;width:100%}.info-card .stacked-label{color:#64748b;color:var(--muted);display:flex;flex-direction:column;font-size:13px;gap:6px;margin-bottom:10px}.agenda-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:10px 0 0;padding:0}.agenda-title{font-weight:800;margin-bottom:2px}.agenda-hint{color:#64748b;color:var(--muted);font-size:12px}.waste-list{grid-gap:6px;color:#0f172a;display:grid;gap:6px;letter-spacing:.3px;margin:6px 0 0 16px;padding:0}@media (max-width:1024px){.header-bar,.lesson{grid-template-columns:1fr}.header-bar{text-align:center}.brand,.photo-slot{min-height:54px}.grid-row{grid-template-columns:100px repeat(5,1fr)}}@media (max-width:768px){.huddle-shell{padding:24px 16px 40px}.bingo-row{grid-template-columns:1fr}.grid-row{grid-template-columns:80px repeat(5,minmax(0,1fr))}.bottom-notes{grid-template-columns:1fr}.card{padding:14px}}.main-layout{grid-gap:16px;align-items:stretch;background:#0000;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr;min-height:0;overflow:hidden;padding:16px}.chat-column{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px #2563eb1a;min-height:0;overflow:hidden}.chat-column,.chat-panel{display:flex;flex-direction:column;height:100%}.chat-panel{background:#0000;border:none;border-radius:0;box-shadow:none;color:#1e293b;color:var(--text-primary);overflow:visible;padding:0}.clear-chat-button{background:#0000;border:none;border-radius:4px;font-size:16px;opacity:.7;padding:4px 8px;transition:background .2s}.clear-chat-button:hover{background:#0000001a;opacity:1}.model-selector{background:var(--panel-bg);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:6px;color:#000;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;outline:none;padding:6px 10px;transition:all .2s}.model-selector option{background:#fff;color:#000}.model-selector:hover:not(:disabled){background:var(--card-bg);border-color:#ff5f6d;border-color:var(--accent)}.model-selector:focus{border-color:#ff5f6d;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb33}.model-selector:disabled{cursor:not-allowed;opacity:.6}.chat-body{background:linear-gradient(180deg,#fff,#f8fafc);display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:24px 20px;scroll-behavior:smooth}.chat-body::-webkit-scrollbar{width:8px}.chat-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.chat-body::-webkit-scrollbar-thumb{background:#ff5f6d;background:var(--accent);border-radius:4px}.chat-body::-webkit-scrollbar-thumb:hover{background:#7c5cff;background:var(--accent-dark)}.chat-bubble{word-wrap:break-word;animation:fadeIn .3s ease-in;border-radius:16px;box-shadow:0 2px 8px #00000014;font-size:14px;line-height:1.6;max-width:85%;padding:14px 18px;position:relative}.chat-bubble h1,.chat-bubble h2,.chat-bubble h3,.chat-bubble h4,.chat-bubble h5,.chat-bubble h6{font-weight:700;line-height:1.3;margin:12px 0 8px}.chat-bubble h1{border-bottom:2px solid #e0e0e0;font-size:20px;padding-bottom:6px}.chat-bubble h2{border-bottom:1px solid #e0e0e0;font-size:18px;padding-bottom:4px}.chat-bubble h3{font-size:16px}.chat-bubble h4{font-size:15px}.chat-bubble h5,.chat-bubble h6{font-size:14px}.chat-bubble p{margin:8px 0}.chat-bubble p:first-child{margin-top:0}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble ol,.chat-bubble ul{margin:8px 0;padding-left:24px}.chat-bubble li{margin:4px 0}.chat-bubble ul{list-style-type:disc}.chat-bubble ol{list-style-type:decimal}.chat-bubble code{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#d63384;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.chat-bubble pre{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;margin:12px 0;overflow-x:auto;padding:12px}.chat-bubble pre code{background:#0000;border:none;color:inherit;font-size:13px;padding:0}.chat-bubble blockquote{background:#f9f9f9;border-left:4px solid #ff5f6d;border-left:4px solid var(--accent);border-radius:4px;font-style:italic;margin:12px 0;padding:8px 16px}.chat-bubble a{color:#4a90e2;text-decoration:underline}.chat-bubble a:hover{color:#357abd}.chat-bubble strong{color:#1b1b1b;font-weight:700}.chat-bubble em{font-style:italic}.chat-bubble hr{border:none;border-top:1px solid #e0e0e0;margin:16px 0}.chat-bubble table{border-collapse:collapse;display:table;font-size:13px;margin:12px 0;max-width:100%;overflow-x:auto;width:100%}.chat-bubble td,.chat-bubble th{word-wrap:break-word;border:1px solid #e0e0e0;overflow-wrap:break-word;padding:8px 12px;text-align:left}.chat-bubble th{background:#f5f5f5;font-weight:700}.chat-bubble tbody tr:nth-child(2n){background:#fafafa}.chat-bubble tbody tr:hover{background:#f0f0f0}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.advisor{align-self:flex-start;background:#fff;border:1px solid #e0e0e0;border-left:4px solid #ff5f6d;border-left:4px solid var(--accent)}.chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #ff8a5c;border-right:4px solid #ff5f6d;border:1px solid var(--accent-light);border-right:4px solid var(--accent)}.chat-bubble.loading-bubble{align-self:flex-start;background:#fff;border:1px solid #e0e0e0;border-left:4px solid #ff5f6d;border-left:4px solid var(--accent);padding:16px}.loading-dots{align-items:center;display:flex;gap:6px}.loading-dots span{animation:loadingDot 1.4s ease-in-out infinite;background:#ff5f6d;background:var(--accent);border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.chat-input-container{background:linear-gradient(180deg,#fff,#f8fafc);border-top:1px solid #cbd5e1;border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:0;overflow:visible;padding:16px}.chat-input-container,.chat-input-row{box-sizing:border-box;display:flex;width:100%}.chat-input-row{align-items:flex-end;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;gap:8px;min-width:0;padding:8px;transition:border-color .2s,box-shadow .2s}.chat-input-row.wide{align-items:center;gap:10px;padding:10px}.chat-input-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.chat-action-buttons{align-items:center;display:flex;flex-shrink:0;gap:8px}.chat-action-buttons .image-upload-button.slim{background:linear-gradient(135deg,#fff,#eef2ff 45%,#dfe7ff);border:1px solid #4c6fff66;border-radius:14px;box-shadow:0 10px 24px #0f172a2e;font-size:18px;height:46px;min-width:46px;padding:10px 12px}.chat-action-buttons .image-upload-button.slim:hover:not(:disabled){border-color:#7f5af0;box-shadow:0 14px 28px #0f172a38;transform:translateY(-1px)}.chat-action-buttons .image-upload-button.slim:active:not(:disabled){box-shadow:0 8px 16px #0f172a2e;transform:translateY(0)}.model-selector{background:linear-gradient(135deg,#fff,#eef2ff 40%,#e3e8ff);border:1px solid #4f46e559;border-radius:14px;box-shadow:0 10px 24px #0f172a24;font-weight:700;height:46px;max-width:200px;min-width:160px;padding:0 12px}.clear-chat-button{background:linear-gradient(135deg,#f8fafc,#e9efff);border:1px solid #e2e8f0e6;border-radius:14px;box-shadow:0 10px 22px #0f172a29;cursor:pointer;flex-shrink:0;font-size:15px;height:46px;opacity:1;padding:10px 14px;transition:all .2s}.clear-chat-button:hover{background:linear-gradient(135deg,#e0e7ff,#d4dcff);border-color:#7f5af0;box-shadow:0 14px 26px #0f172a38;transform:translateY(-1px)}.chat-send-button{background:linear-gradient(135deg,#4c6fff,#7f5af0);border:none;border-radius:14px;box-shadow:0 16px 32px #4f46e559,inset 0 0 0 1px #ffffff59;height:46px;min-width:64px;padding:10px 18px}.chat-send-button .send-icon{filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.chat-send-button .button-loading-dots span{background:#fff}.chat-input-row:focus-within{border-color:#ff5f6d;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.chat-input-row{position:relative}.owner-pill{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.04em;padding:6px 12px;text-transform:uppercase}.owner-pill.owner{background:#e0f2fe;border-color:#7dd3fc;color:#0c4a6e}.owner-pill.readonly{background:#fef3c7;border-color:#fbbf24;color:#92400e}.chat-model-row{align-items:center;display:flex;gap:10px;margin-top:10px}.chat-model-label{color:#1e293b;color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.attachment-menu-wrapper{align-items:center;display:flex;position:relative}.chat-icon-button{gap:6px}.attachment-button,.chat-icon-button{align-items:center;display:inline-flex;justify-content:center}.attachment-button{background:linear-gradient(135deg,#f8fafc,#e9efff);border:1px solid #e2e8f0e6;border-radius:12px;box-shadow:0 10px 22px #0f172a29;color:#0f172a;cursor:pointer;height:40px;padding:0;transition:all .2s;width:40px}.attachment-button:hover:not(:disabled){background:linear-gradient(135deg,#e0e7ff,#d4dcff);border-color:#7f5af0;box-shadow:0 14px 26px #0f172a38;transform:translateY(-1px)}.attachment-menu{grid-gap:4px;background:#fff;border:1px solid #94a3b84d;border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 14px 28px #0f172a2e;display:grid;gap:4px;left:0;min-width:200px;padding:6px;position:absolute;z-index:20}.attachment-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 10px}.attachment-menu-item:hover{background:#eef2ff}.attachment-button svg,.attachment-menu-item svg{height:16px;width:16px}.chat-textarea{background:#fff;border:none;border-radius:10px;box-sizing:border-box;color:#1b1b1b;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:160px;min-height:56px;min-width:0;outline:none;padding:14px 16px;resize:none;transition:all .2s;width:100%}.chat-textarea::placeholder{color:#999}.chat-textarea:focus{background:#fff}.chat-textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.chat-send-button{align-items:center;background:#ff5f6d;background:var(--accent);border:2px solid #ff5f6d;border:2px solid var(--accent);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;min-width:44px;padding:10px 16px;transition:all .2s}.chat-send-button:hover:not(:disabled){background:#7c5cff;background:var(--accent-dark);box-shadow:0 4px 8px #00000026;color:#fff;transform:translateY(-1px)}.chat-send-button:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.chat-send-button:disabled{background:#e0e0e0;border-color:#d0d0d0;cursor:not-allowed;opacity:.5}.send-icon{font-size:20px;font-weight:700;line-height:1}.image-upload-button{align-items:center;background:#f0f0f0;border:2px solid #d0d0d0;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;justify-content:center;padding:8px 12px;transition:all .2s}.image-upload-button:hover:not(:disabled){background:#e0e0e0;border-color:#ff5f6d;border-color:var(--accent);transform:translateY(-1px)}.image-upload-button:disabled{cursor:not-allowed;opacity:.5}.image-preview-container{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:8px;padding:8px;position:relative}.image-preview{border-radius:6px;display:block;max-height:200px;max-width:100%}.remove-image-button{align-items:center;background:linear-gradient(135deg,#f8fafc,#e9efff);border:1px solid #e2e8f0e6;border-radius:10px;box-shadow:0 6px 14px #0f172a24;color:#0f172a;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s;width:28px}.remove-image-button:hover{background:linear-gradient(135deg,#e0e7ff,#d4dcff);border-color:#7f5af0;transform:translateY(-1px)}.file-preview-container .remove-image-button{position:static}.chat-message-image{border:2px solid #e0e0e0;border-radius:8px;display:block;margin-bottom:8px;max-height:300px;max-width:100%}.button-loading-dots{align-items:center;display:inline-flex;gap:4px}.button-loading-dots span{animation:loadingDot 1.4s ease-in-out infinite;background:#ff5f6d;background:var(--accent);border-radius:50%;height:6px;width:6px}.button-loading-dots span:first-child{animation-delay:-.32s}.button-loading-dots span:nth-child(2){animation-delay:-.16s}.lesson-player{background:#fff;background:var(--panel);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #1e293b14;color:#0f172a;letter-spacing:.3px;margin-bottom:16px;padding:16px}.lesson-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.lesson-kicker{color:var(--text-secondary);font-size:11px;letter-spacing:.08em;margin:0;text-transform:uppercase}.lesson-header h3{margin:4px 0 0}.lesson-actions{align-items:center;display:flex;gap:8px}.lesson-form{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:12px}.lp-field label{display:block;font-weight:600;margin-bottom:6px}.lp-input,.lp-select,.lp-textarea{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 6px #0f172a0a;color:#0f172a;letter-spacing:.3px;outline:none;padding:10px 12px;width:100%}.lp-textarea{resize:vertical}.lp-select{width:auto}.lp-btn{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:10px;color:#0f172a;cursor:pointer;letter-spacing:.3px;padding:8px 14px;transition:all .2s ease}.lp-btn.primary{background:linear-gradient(135deg,#ff6b6b,#ff8e3c 35%,#7c5cff);border-color:#0000;box-shadow:0 8px 18px #7c5cff4d;color:#fff}.lp-btn.ghost{background:#f8fafc}.lp-btn:disabled{cursor:not-allowed;opacity:.6}.lp-error{background:#fff5f5;border:1px solid #e53e3e;border-radius:8px;color:#742a2a;margin-bottom:12px;padding:10px}.lesson-body{border-top:1px solid #cbd5e1;border-top:1px solid var(--border);padding-top:12px}.lesson-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.lp-tab{background:#f8fafc;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:12px;color:#0f172a;cursor:pointer;letter-spacing:.3px;padding:8px 12px}.lp-tab.active{background:#e0e7ff;border-color:#ff5f6d;border-color:var(--accent);color:#0f172a}.lesson-content{display:flex;flex-direction:column;gap:12px}.lesson-meta{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.lesson-title{font-size:18px;font-weight:700;margin:0}.lesson-subtitle{color:var(--text-secondary);margin:6px 0 0}.lesson-meta-row{color:var(--text-secondary);display:flex;gap:12px}.lesson-sources{background:#f8fafc;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:10px;padding:10px}.lesson-sources-title{font-weight:700;margin:0 0 6px}.lesson-screen{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 18px #0f172a0d;padding:12px}.lesson-nav,.lesson-screen-header,.lp-actions-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.lesson-screen-kicker{color:var(--text-secondary);font-size:11px;letter-spacing:.08em;margin:0;text-transform:uppercase}.lesson-screen-body{background:#f8fafc;border:1px dashed #cbd5e1;border:1px dashed var(--border);border-radius:10px;margin-top:10px;padding:10px}.lesson-assessment{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 18px #0f172a0d;padding:12px}.lp-options{grid-gap:8px;display:grid;gap:8px}.lp-option{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:10px;color:#0f172a;cursor:pointer;display:flex;gap:8px;letter-spacing:.3px;padding:8px 10px}.lp-option.selected{background:#e0e7ff;border-color:#ff5f6d;border-color:var(--accent)}.lp-ordering-options{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.lp-chip{background:#e0e7ff;border:1px solid #ff5f6d;border:1px solid var(--accent);border-radius:999px;color:#0f172a;padding:6px 10px}.lp-question{margin:10px 0}.lp-feedback{color:#0f5132;margin-top:8px}.lesson-takeaways{border-top:1px solid #cbd5e1;border-top:1px solid var(--border);padding-top:10px}.lesson-score{color:var(--text-secondary);margin-top:8px}.top-actions:before{background-position:0 0,34px 22px;background-size:104px 104px,78px 78px;opacity:.32}.left-rail:before,.top-actions:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg stroke='%23d8c8ff' stroke-width='1.35' fill='none' opacity='.5'%3E%3Crect x='10' y='12' width='28' height='20' rx='2'/%3E%3Cpath d='M24 12v20M10 22h28M52 20l14-8 14 8-14 8-14-8zM66 28v9'/%3E%3Ccircle cx='24' cy='72' r='9'/%3E%3Cpath d='M20 82h8M18 86h12'/%3E%3Crect x='70' y='62' width='22' height='18' rx='2'/%3E%3Cpath d='M76 68h10M76 73h12'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Cg stroke='%23e4d8ff' stroke-width='1.2' fill='none' opacity='.52'%3E%3Crect x='6' y='8' width='18' height='14' rx='2'/%3E%3Cpath d='M15 8v14M34 16l10-6 10 6-10 6-10-6zM44 22v8'/%3E%3Ccircle cx='16' cy='52' r='6.5'/%3E%3Cpath d='M13 58h6'/%3E%3Crect x='48' y='46' width='14' height='12' rx='2'/%3E%3Cpath d='M52 50h6M52 54h8'/%3E%3C/g%3E%3C/svg%3E");background-image:var(--lesson-icon-pattern),var(--lesson-icon-pattern-sm);background-repeat:repeat,repeat}.left-rail:before{background-position:0 0,26px 16px;background-size:112px 112px,84px 84px;opacity:.34}.inline-gallery{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg stroke='%23d8c8ff' stroke-width='1.35' fill='none' opacity='.5'%3E%3Crect x='10' y='12' width='28' height='20' rx='2'/%3E%3Cpath d='M24 12v20M10 22h28M52 20l14-8 14 8-14 8-14-8zM66 28v9'/%3E%3Ccircle cx='24' cy='72' r='9'/%3E%3Cpath d='M20 82h8M18 86h12'/%3E%3Crect x='70' y='62' width='22' height='18' rx='2'/%3E%3Cpath d='M76 68h10M76 73h12'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Cg stroke='%23e4d8ff' stroke-width='1.2' fill='none' opacity='.52'%3E%3Crect x='6' y='8' width='18' height='14' rx='2'/%3E%3Cpath d='M15 8v14M34 16l10-6 10 6-10 6-10-6zM44 22v8'/%3E%3Ccircle cx='16' cy='52' r='6.5'/%3E%3Cpath d='M13 58h6'/%3E%3Crect x='48' y='46' width='14' height='12' rx='2'/%3E%3Cpath d='M52 50h6M52 54h8'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(900px at 12% 10%,#8b5cf633,#0000 60%),radial-gradient(800px at 86% 14%,#3b82f629,#0000 56%),linear-gradient(180deg,#130b24,#0b0618);background:var(--lesson-icon-pattern),var(--lesson-icon-pattern-sm),radial-gradient(900px at 12% 10%,#8b5cf633,#0000 60%),radial-gradient(800px at 86% 14%,#3b82f629,#0000 56%),linear-gradient(180deg,#130b24 0,#0b0618 100%);background-position:0 0,30px 20px,0 0,0 0,0 0;background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat;background-size:120px 120px,92px 92px,auto,auto,auto}.gallery-description.inline{color:#c7b8ef}.gallery-card{background:linear-gradient(145deg,#582bb6f0,#150a2ef5);border:1px solid #d6c1ff42;box-shadow:0 22px 50px #050418b8,inset 0 0 0 1px #ffffff14,0 18px 40px #43238870}.gallery-item-preview{background:linear-gradient(135deg,#ffffff4d,#eae2ff66);border:1px solid #ece5ffd9}.gallery-preview-loading{background:linear-gradient(135deg,#efe9ff,#e5e7ff)}.gallery-hover-bubble{background:#0e0920f2;border:1px solid #b4a4e67a;color:#eee8ff}.gallery-hover-bubble:after{border-color:#0e0920f2 #0000 #0000}.chat-sidebar{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Cg stroke='%23e4d8ff' stroke-width='1.2' fill='none' opacity='.52'%3E%3Crect x='6' y='8' width='18' height='14' rx='2'/%3E%3Cpath d='M15 8v14M34 16l10-6 10 6-10 6-10-6zM44 22v8'/%3E%3Ccircle cx='16' cy='52' r='6.5'/%3E%3Cpath d='M13 58h6'/%3E%3Crect x='48' y='46' width='14' height='12' rx='2'/%3E%3Cpath d='M52 50h6M52 54h8'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#140a2b,#0a0518);background:var(--lesson-icon-pattern-sm),linear-gradient(180deg,#140a2b 0,#0a0518 100%);background-position:10px 0,0 0;background-repeat:repeat,no-repeat;background-size:90px 90px,auto;border-left:1px solid #3f1c7c;border-left:1px solid var(--panel-purple-border);box-shadow:-8px 0 24px #04020c73}.chat-sidebar-header{background:#140a2bd6;border-bottom:1px solid #9d84db66}.chat-sidebar-title{color:#efe8ff}.chat-column{background:#120a26;border:1px solid #53318d;box-shadow:0 18px 36px #04020c70}.chat-panel{color:#efe8ff}.chat-body{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg stroke='%23d8c8ff' stroke-width='1.35' fill='none' opacity='.5'%3E%3Crect x='10' y='12' width='28' height='20' rx='2'/%3E%3Cpath d='M24 12v20M10 22h28M52 20l14-8 14 8-14 8-14-8zM66 28v9'/%3E%3Ccircle cx='24' cy='72' r='9'/%3E%3Cpath d='M20 82h8M18 86h12'/%3E%3Crect x='70' y='62' width='22' height='18' rx='2'/%3E%3Cpath d='M76 68h10M76 73h12'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Cg stroke='%23e4d8ff' stroke-width='1.2' fill='none' opacity='.52'%3E%3Crect x='6' y='8' width='18' height='14' rx='2'/%3E%3Cpath d='M15 8v14M34 16l10-6 10 6-10 6-10-6zM44 22v8'/%3E%3Ccircle cx='16' cy='52' r='6.5'/%3E%3Cpath d='M13 58h6'/%3E%3Crect x='48' y='46' width='14' height='12' rx='2'/%3E%3Cpath d='M52 50h6M52 54h8'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(900px at 14% 10%,#6a39cd3d,#0000 64%),linear-gradient(180deg,#130b24,#0b0618);background:var(--lesson-icon-pattern),var(--lesson-icon-pattern-sm),radial-gradient(900px at 14% 10%,#6a39cd3d,#0000 64%),linear-gradient(180deg,#130b24 0,#0b0618 100%);background-position:0 0,24px 14px,0 0,0 0;background-repeat:repeat,repeat,no-repeat,no-repeat;background-size:108px 108px,84px 84px,auto,auto}.chat-body::-webkit-scrollbar-track{background:#1b1134}.chat-body::-webkit-scrollbar-thumb{background:#7e57c2}.chat-body::-webkit-scrollbar-thumb:hover{background:#9c74e6}.chat-bubble.advisor{background:#1a0f35;border:1px solid #5b3b98;border-left:4px solid #8b5cf6;color:#ece6ff}.chat-bubble.user{background:linear-gradient(135deg,#4c2b90,#2f1b66);border:1px solid #7e57c2;border-right:4px solid #a78bfa;color:#f5f0ff}.chat-bubble.loading-bubble{background:#1a0f35;border:1px solid #5b3b98}.chat-bubble code{background:#27184b;border:1px solid #5f45a1;color:#d7c8ff}.chat-bubble pre{background:#180e33;border:1px solid #563f8f}.chat-bubble blockquote{background:#211244;border-left:4px solid #9d7cf7}.chat-bubble strong{color:#f4eeff}.chat-bubble a{color:#c6b5ff}.chat-bubble a:hover{color:#e4dbff}.chat-input-container{background:linear-gradient(180deg,#120a26,#0b0618);border-top:1px solid #4b2f82}.chat-input-row{background:#1a1036;border:1px solid #5b3b98}.chat-input-row:focus-within{border-color:#9d7cf7;box-shadow:0 0 0 3px #9d7cf738}.chat-textarea,.chat-textarea:focus{-webkit-text-fill-color:#f6f1ff;background:#25164a!important;caret-color:#dccfff;color:#f6f1ff!important}.chat-textarea::placeholder{color:#b9a8de!important;opacity:1}.chat-textarea:disabled{background:#1d1238}.model-selector{background:linear-gradient(135deg,#24164a,#1a1036);border:1px solid #6b50ab;box-shadow:0 10px 24px #06040e4d;color:#efe8ff}.model-selector option{background:#1a1036;color:#efe8ff}.attachment-button,.clear-chat-button{background:linear-gradient(135deg,#24164a,#1a1036);border:1px solid #6b50ab;color:#efe8ff}.attachment-button:hover:not(:disabled),.clear-chat-button:hover{background:linear-gradient(135deg,#2c1c56,#211343);border-color:#9d7cf7}.attachment-menu{background:#1a1036;border:1px solid #6b50ab}.attachment-menu-item{color:#efe8ff}.attachment-menu-item:hover{background:#2a1a54}.chat-send-button{background:linear-gradient(135deg,#9d7cf7,#6d45ce);border-color:#845ee2;box-shadow:0 16px 32px #452b8466,inset 0 0 0 1px #ffffff38;color:#fff}.chat-send-button:hover:not(:disabled){background:linear-gradient(135deg,#b194ff,#7f58dd)}.chat-send-button:disabled{background:#3c2965;border-color:#4b3678;color:#bdaedb}.chat-message-image{border:1px solid #6b50ab}.chat-model-label{color:#efe8ff;text-shadow:0 1px 0 #0000005c}.chat-loading-state{color:#d4c7f7!important}
/*# sourceMappingURL=main.f1195f4e.css.map*/