:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-light:#eef2ff;--color-primary-200:#c7d2fe;--color-secondary:#64748b;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-light:#fee2e2;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-border-focus:#a5b4fc;--color-text:#0f172a;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000008;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000a;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}.text-secondary{color:var(--color-text-secondary);font-size:.9375rem}.text-muted{color:var(--color-text-muted);font-size:.8125rem;font-weight:400}.required{color:var(--color-danger)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-layout--sidebar{flex-direction:row}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);z-index:150;width:260px;min-width:260px;height:100vh;transition:width var(--transition), min-width var(--transition), transform var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar--collapsed{width:72px;min-width:72px}.sidebar-header{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:1.25rem 1.25rem 1rem}.sidebar--collapsed .sidebar-header{padding:1rem .75rem}.sidebar-brand{color:var(--color-primary);transition:opacity var(--transition);align-items:center;gap:.75rem;min-width:0;font-size:1.125rem;font-weight:700;display:flex}.sidebar-brand:hover{opacity:.85}.sidebar-brand-icon{flex-shrink:0}.sidebar--collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar--collapsed .sidebar-brand-text{display:none}.sidebar-nav{flex-direction:column;flex:1;min-height:0;padding:.75rem 0;display:flex}.sidebar-nav-top{flex:1;min-height:0;overflow-y:auto}.sidebar-nav-bottom{border-top:1px solid var(--color-border);flex-shrink:0;margin-top:auto;padding-top:.5rem}.menu-section{margin-bottom:.25rem}.menu-item{width:100%;color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:all var(--transition);background:0 0;border:none;border-left:3px solid #0000;border-radius:0;align-items:center;gap:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;display:flex}.menu-item:hover{color:var(--color-text);background:var(--color-bg)}.menu-item--active{color:var(--color-primary);background:var(--color-primary-light);border-left-color:var(--color-primary)}.menu-item--expandable{justify-content:space-between}.menu-item--expanded .menu-item-chevron{transform:rotate(0)}.menu-item-chevron{color:var(--color-text-muted);transition:transform var(--transition);flex-shrink:0}.menu-item-label{flex:1}.menu-item--collapse{color:var(--color-text-muted)}.menu-item--collapse:hover{color:var(--color-text);background:var(--color-bg)}.menu-item--logout{color:var(--color-text-muted)}.menu-item--logout:hover{color:var(--color-danger);background:var(--color-danger-light)}.sidebar--collapsed .menu-item{justify-content:center;padding:.75rem}.sidebar--collapsed .menu-item-label,.sidebar--collapsed .menu-item-chevron{display:none}.sidebar--collapsed .menu-section{margin-left:0}.sidebar--collapsed .submenu{display:none}.submenu{flex-direction:column;margin-bottom:.25rem;margin-left:1.75rem;padding-left:.5rem;display:flex}.submenu-item{color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);align-items:center;gap:.5rem;margin-bottom:.125rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.submenu-item:hover{color:var(--color-primary);background:var(--color-primary-light)}.submenu-item--active{color:var(--color-primary);background:var(--color-primary-light);font-weight:500}.sidebar-sessions{border-top:1px solid var(--color-border);margin-top:.25rem;padding:.25rem 0 .5rem}.sidebar-sessions-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;display:flex}.sidebar-session-item{color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);flex-direction:column;gap:.125rem;padding:.375rem .75rem .375rem 1.75rem;font-size:.8125rem;text-decoration:none;display:flex;overflow:hidden}.sidebar-session-item:hover{color:var(--color-primary);background:var(--color-primary-light)}.sidebar-session-title{white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.sidebar-session-date{color:var(--color-text-muted);font-size:.6875rem}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:140;background:#0f172a66;display:none;position:fixed;inset:0}.sidebar-toggle{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-surface);transition:all var(--transition);justify-content:center;align-items:center;display:none}.sidebar-toggle:hover{color:var(--color-text);background:var(--color-bg)}.main-wrapper{min-width:0;margin-left:var(--sidebar-width,260px);transition:margin-left var(--transition);flex-direction:column;flex:1;display:flex}.main-header{z-index:50;background:var(--color-bg);min-height:0;padding:0 1.5rem;display:none;position:sticky;top:0}@media (width<=768px){.main-header{border-bottom:1px solid var(--color-border);align-items:center;min-height:44px;padding:.5rem 1rem;display:flex}}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.dashboard-tools-header{margin-bottom:1.5rem}.dashboard-tools-header h1{margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.tool-search-bar{max-width:480px;margin-bottom:2rem;position:relative}.tool-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.tool-search-input{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs);transition:border-color var(--transition), box-shadow var(--transition);width:100%;padding:.625rem 1rem .625rem 2.5rem;font-size:.9375rem}.tool-search-input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #4f46e51a}.tool-search-input::placeholder{color:var(--color-text-muted)}.tool-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.tool-card-wrapper{color:inherit;text-decoration:none;display:block}.tool-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition);box-shadow:var(--shadow-xs);gap:1rem;height:100%;padding:1.25rem;display:flex}.tool-card-wrapper:not([title=Coming\ soon]):hover .tool-card{border-color:var(--color-primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card--disabled{opacity:.75;cursor:default}.tool-card-icon{border-radius:var(--radius-lg);background:var(--color-primary-light);width:52px;height:52px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-card--secondary .tool-card-icon{color:var(--color-secondary);background:#f1f5f9}.tool-card--success .tool-card-icon{background:var(--color-success-light);color:var(--color-success)}.tool-card--warning .tool-card-icon{background:var(--color-warning-light);color:var(--color-warning)}.tool-card-body{flex:1;min-width:0}.tool-card-title{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.375rem;font-size:1rem;font-weight:600;display:flex}.tool-card-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-muted);padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.tool-card-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.tool-cards-empty{text-align:center;color:var(--color-text-secondary);grid-column:1/-1;padding:3rem 2rem}.tool-cards-empty p{margin-bottom:1rem}.btn{border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5625rem 1.125rem;font-size:.875rem;font-weight:500;line-height:1.25;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg);border-color:#cbd5e1}.btn--danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn--ghost{color:var(--color-text-secondary);padding:.5rem .75rem}.btn--ghost:hover{color:var(--color-text);background:var(--color-bg)}.btn--sm{padding:.375rem .75rem;font-size:.8125rem}.btn--lg{padding:.75rem 1.5rem;font-size:.9375rem}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--color-bg);color:var(--color-text)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn--danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.icon-btn--action{border-radius:var(--radius-md);width:36px;height:36px;position:relative}.icon-btn--action:hover{background:var(--color-primary-light);color:var(--color-primary)}.icon-btn--action.icon-btn--danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.icon-btn-tooltip{background:var(--color-text);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;z-index:50;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.icon-btn-tooltip:after{content:"";border:4px solid #0000;border-bottom-color:var(--color-text);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.icon-btn--action:hover .icon-btn-tooltip{opacity:1}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group--grow{flex:1}.form-row{gap:1rem;display:flex}.form-row>.form-group{flex:1}.form-label{color:var(--color-text);font-size:.8125rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.5625rem .75rem;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4f46e51a}.form-input--error,.form-input--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:80px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-error{color:var(--color-danger);font-size:.75rem;font-weight:500}.form-input--search{padding-left:2.25rem}.search-input-wrapper{position:relative}.search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.form-card-title{border-bottom:1px solid var(--color-border);padding-bottom:.75rem;font-size:1rem;font-weight:600}.cefr-badge{border-radius:var(--radius-sm);letter-spacing:.025em;align-items:center;font-weight:600;display:inline-flex}.cefr-badge--sm{padding:.125rem .5rem;font-size:.6875rem}.cefr-badge--md{padding:.1875rem .625rem;font-size:.75rem}.cefr-badge--lg{padding:.25rem .75rem;font-size:.8125rem}.ai-badge{border-radius:var(--radius-sm);color:#92400e;background:#fef3c7;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.ai-badge--lg{padding:.25rem .75rem;font-size:.75rem}.loading-spinner{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.loading-spinner--full{min-height:60vh}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.spinner--sm{border-width:2px;width:16px;height:16px}.spinner--lg{border-width:4px;width:48px;height:48px}.loading-message{color:var(--color-text-secondary);font-size:.9375rem}@keyframes spin{to{transform:rotate(360deg)}}.dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f172a66;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.dialog{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-xl);text-align:center;padding:1.75rem;animation:.15s scaleIn;position:relative}.dialog:has(.dialog-header){text-align:left;padding:0}.dialog-header{border-bottom:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.dialog-header h2{margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.dialog-body{flex:auto;padding:1rem 1.5rem;position:relative}.dialog-body .form-group{margin-bottom:1rem}.dialog-body .form-group:last-child{margin-bottom:0}.dialog-body .form-row{margin-bottom:1rem}.dialog-body .form-row:last-child{margin-bottom:0}.dialog-footer{border-top:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.dialog-close{color:var(--color-text-muted);border-radius:var(--radius-sm);padding:.25rem;position:absolute;top:.75rem;right:.75rem}.dialog-close:hover{color:var(--color-text);background:var(--color-bg)}.dialog-icon{background:var(--color-danger-light);width:48px;height:48px;color:var(--color-danger);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.dialog-title{margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.dialog-message{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.dialog-actions{justify-content:center;gap:.75rem;display:flex}:is(.dialog:has(.dialog-body) .dialog-actions,.dialog-footer.dialog-actions){border-top:1px solid var(--color-border,#e2e8f0);justify-content:flex-end;gap:.5rem;margin:0;padding:.75rem 1rem}.dialog-actions .btn{flex:1}.dialog-footer .btn{flex:none}.dialog:has(.dialog-body) .dialog-actions .btn{flex:none}.pagination{justify-content:center;align-items:center;gap:.25rem;padding-top:2rem;display:flex}.pagination-btn{border-radius:var(--radius-md);min-width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition);border:1px solid #0000;justify-content:center;align-items:center;padding:0 .5rem;font-size:.8125rem;font-weight:500;display:inline-flex}.pagination-btn:hover:not(:disabled):not(.active){background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.pagination-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-ellipsis{width:36px;height:36px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.empty-state-icon{background:var(--color-primary-light);width:80px;height:80px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.empty-state h3{font-size:1.125rem;font-weight:600}.empty-state p{color:var(--color-text-secondary);max-width:360px;font-size:.9375rem}.empty-state .btn{margin-top:.75rem}.dynamic-list{flex-direction:column;gap:.5rem;display:flex}.dynamic-list-input{gap:.5rem;display:flex}.dynamic-list-input .form-input{flex:1}.dynamic-list-items{flex-direction:column;gap:.375rem;display:flex}.dynamic-list-item{background:var(--color-bg);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.dynamic-list-item span{word-break:break-word;flex:1}.dynamic-list-remove{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-muted);transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dynamic-list-remove:hover{color:var(--color-danger);background:var(--color-danger-light)}.stage-editor{flex-direction:column;gap:1rem;display:flex}.stage-editor-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.stage-editor-empty{text-align:center;color:var(--color-text-muted);padding:2rem 1rem;font-size:.875rem}.stage-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition);overflow:hidden}.stage-card:hover{border-color:#cbd5e1}.stage-card-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}.stage-number{color:var(--color-primary);font-size:.8125rem;font-weight:600}.stage-card-actions{gap:.125rem;display:flex}.stage-card-body{flex-direction:column;gap:1rem;padding:1rem;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.dashboard-header h1{font-size:1.75rem;font-weight:700;line-height:1.2}.dashboard-actions{flex-shrink:0;gap:.625rem;display:flex}.filters-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.filter-group{flex-direction:column;gap:.375rem;min-width:180px;display:flex}.filter-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.lesson-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-xs);flex-direction:column;gap:.625rem;padding:1.25rem;display:flex}.lesson-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md);transform:translateY(-1px)}.lesson-card-header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.lesson-card-subject{color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-sm);padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.lesson-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.lesson-card-topic{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.8125rem;display:-webkit-box;overflow:hidden}.lesson-card-topic svg{vertical-align:middle;flex-shrink:0;margin-right:.25rem}.lesson-card-meta{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.lesson-card-meta>span{align-items:center;gap:.35rem;display:inline-flex}.lesson-card-meta svg{flex-shrink:0}.lesson-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:.625rem;display:flex}.lesson-card-stages{color:var(--color-text-muted);font-size:.75rem}.lesson-card-actions{gap:.125rem;display:flex}.form-page{max-width:720px;margin:0 auto;position:relative}.page-form{flex-direction:column;gap:1.25rem;display:flex}.page-header{margin-bottom:1.5rem}.page-header h1{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.page-header .btn--ghost{margin-bottom:.75rem}.form-actions{justify-content:flex-end;gap:.75rem;padding-top:.5rem;display:flex}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.detail-actions{gap:.5rem;display:flex}.detail-hero{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:2rem}.detail-badges{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.subject-badge{border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary);align-items:center;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.methodology-badge{border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.detail-hero-duration{margin-left:0}.detail-title{margin-bottom:1rem;font-size:1.75rem;font-weight:700;line-height:1.25}.detail-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:1.25rem;font-size:.875rem;display:flex}.detail-meta span{align-items:center;gap:.375rem;display:flex}.detail-content{grid-template-columns:1fr 340px;align-items:start;gap:1.5rem;display:grid}.detail-main{flex-direction:column;gap:1.5rem;display:flex}.detail-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:1.5rem}.detail-section h2{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.0625rem;font-weight:600;display:flex}.detail-section h2 .duration-badge{margin-left:auto}.detail-table{border-collapse:collapse;width:100%;font-size:.875rem}.detail-table th,.detail-table td{text-align:left;border:1px solid var(--color-border);padding:.5rem .75rem}.detail-table th{background:var(--color-bg);color:var(--color-text-secondary);font-weight:600}.detail-tags{flex-wrap:wrap;gap:.375rem;display:flex}.objective-list--numbered{padding-left:1.5rem;list-style:decimal}.objective-list--numbered li:before{display:none}.detail-blocks{flex-direction:column;gap:1rem;display:flex}.detail-block{padding:.75rem 0}.detail-block h4{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:.375rem;font-size:.75rem;font-weight:600}.detail-block p{font-size:.9375rem;line-height:1.55}.differentiation-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.differentiation-card{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:1rem}.differentiation-card h4{color:var(--color-primary);margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.differentiation-card p{margin:0;font-size:.875rem;line-height:1.5}.objective-list,.material-list{flex-direction:column;gap:.5rem;display:flex}.objective-list li,.material-list li{padding-left:1.25rem;font-size:.9375rem;line-height:1.5;position:relative}.objective-list li:before{content:"";background:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.5rem;left:0}.material-list li:before{content:"";background:var(--color-text-muted);border-radius:50%;width:6px;height:6px;position:absolute;top:.5rem;left:0}.stages-timeline{flex-direction:column;gap:0;display:flex}.timeline-stage{gap:1rem;display:flex;position:relative}.timeline-stage:not(:last-child) .timeline-marker:after{content:"";background:var(--color-border);width:2px;position:absolute;top:32px;bottom:-1px;left:50%;transform:translate(-50%)}.timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.timeline-number{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:600;display:flex}.timeline-content{flex:1;padding-bottom:1.5rem}.timeline-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.timeline-header h3{font-size:1rem;font-weight:600}.duration-badge{border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);white-space:nowrap;align-items:center;gap:.25rem;padding:.1875rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.timeline-body{flex-direction:column;gap:.75rem;display:flex}.stage-section h4{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.stage-section p{font-size:.9375rem;line-height:1.55}.stage-materials{flex-wrap:wrap;gap:.375rem;display:flex}.material-tag{border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);padding:.1875rem .625rem;font-size:.75rem;font-weight:500}.detail-sidebar{position:sticky;top:88px}.suggestions-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:1.25rem}.suggestions-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.suggestions-header h3{align-items:center;gap:.375rem;font-size:.9375rem;font-weight:600;display:flex}.suggestions-loading{text-align:center;padding:1.5rem .5rem}.suggestions-loading p{color:var(--color-text-secondary);font-size:.8125rem}.suggestions-list{flex-direction:column;gap:.5rem;display:flex}.suggestion-item{border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;line-height:1.5;display:flex}.suggestion-item svg{color:var(--color-primary);flex-shrink:0}.suggestion-item--clickable{text-align:left;cursor:pointer;width:100%;transition:all var(--transition);border:1px solid #0000}.suggestion-item--clickable:hover{background:var(--color-primary-light);border-color:var(--color-primary-200);color:var(--color-primary)}.suggestion-item--clickable:hover svg{color:var(--color-primary)}.suggestion-item--disabled{cursor:default;opacity:.7;position:relative}.suggestion-item--disabled svg{color:var(--color-text-muted)}.suggestion-item-tooltip{background:var(--color-text);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;z-index:50;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.suggestion-item-tooltip:after{content:"";border:4px solid #0000;border-bottom-color:var(--color-text);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.suggestion-item--disabled:hover .suggestion-item-tooltip{opacity:1}.suggestions-empty{color:var(--color-text-muted);text-align:center;padding:1.5rem .5rem;font-size:.8125rem;line-height:1.55}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:60vh;display:flex}.not-found h1{color:var(--color-primary);font-size:5rem;font-weight:800;line-height:1}.not-found p{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:1.125rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media print{.sidebar,.main-header,.sidebar-toggle,.sidebar-overlay,.detail-header,.detail-sidebar,.btn{display:none!important}.main-wrapper{margin-left:0}.main-content{max-width:100%;padding:0}.detail-content{grid-template-columns:1fr}.detail-hero{box-shadow:none;border:none;padding:0}.detail-section{box-shadow:none;break-inside:avoid;border:none;padding:.5rem 0}}@media (width<=1024px){.lesson-grid{grid-template-columns:repeat(2,1fr)}.detail-content{grid-template-columns:1fr}.detail-sidebar{position:static}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar--open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-overlay,.sidebar--open+.sidebar-overlay{display:block}.sidebar-toggle{display:flex}.main-wrapper{margin-left:0}.main-content{padding:1.25rem 1rem}.tool-cards{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-actions{flex-direction:column}.dashboard-actions .btn{justify-content:center}.filters-bar{flex-direction:column}.filter-group{min-width:0}.lesson-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.detail-hero{padding:1.25rem}.detail-title{font-size:1.375rem}.detail-meta{flex-direction:column;gap:.5rem}.detail-actions{flex-wrap:wrap}.timeline-stage{gap:.75rem}}@media (width<=480px){.sidebar{width:100%;min-width:0}.sidebar-brand-text{font-size:1rem}}.rich-editor{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-wrap:wrap;align-items:center;gap:2px;padding:.5rem .75rem;display:flex}.editor-toolbar-group{align-items:center;gap:2px;display:flex;position:relative}.editor-toolbar-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition);justify-content:center;align-items:center;display:inline-flex}.editor-toolbar-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.editor-toolbar-btn--active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.editor-toolbar-btn:disabled{opacity:.35;pointer-events:none}.editor-toolbar-divider{background:var(--color-border);width:1px;height:20px;margin:0 .35rem}.editor-toolbar-spacer{flex:1}.editor-toolbar-popover{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:20;gap:.5rem;margin-top:4px;padding:.5rem;display:flex;position:absolute;top:100%;left:0}.editor-toolbar-popover .form-input{width:240px;padding:.35rem .5rem;font-size:.8125rem}.rich-editor-body{min-height:500px;max-height:calc(100vh - 200px);overflow-y:auto}.rich-editor-content{color:var(--color-text);outline:none;padding:1.5rem 2rem;font-size:.9375rem;line-height:1.7}.rich-editor-content>:first-child{margin-top:0}.rich-editor-content h1{color:var(--color-text);margin:1.5rem 0 .75rem;font-size:1.75rem;font-weight:700}.rich-editor-content h2{color:var(--color-text);border-bottom:2px solid var(--color-primary-light);margin:1.25rem 0 .5rem;padding-bottom:.35rem;font-size:1.35rem;font-weight:600}.rich-editor-content h3{color:var(--color-text-secondary);margin:1rem 0 .35rem;font-size:1.1rem;font-weight:600}.rich-editor-content p{margin:.5rem 0}.rich-editor-content ul,.rich-editor-content ol{margin:.5rem 0;padding-left:1.5rem}.rich-editor-content ul{list-style:outside}.rich-editor-content ol{list-style:decimal}.rich-editor-content li{margin:.25rem 0}.rich-editor-content li p{margin:0}.rich-editor-content strong{font-weight:600}.rich-editor-content em{font-style:italic}.rich-editor-content u{text-decoration:underline}.rich-editor-content hr{border:none;border-top:2px solid var(--color-border);margin:1.5rem 0}.rich-editor-content img{border-radius:var(--radius-md);max-width:100%;margin:1rem 0}.rich-editor-content table{border-collapse:collapse;width:100%;margin:1rem 0}.rich-editor-content th,.rich-editor-content td{border:1px solid var(--color-border);text-align:left;min-width:80px;padding:.5rem .75rem}.rich-editor-content th{background:var(--color-bg);font-weight:600}.rich-editor-content th p,.rich-editor-content td p{margin:0}.rich-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none;float:left;height:0}.lesson-editor-page{flex-direction:column;display:flex}.lesson-editor-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.lesson-editor-header-left{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.lesson-editor-title-area{min-width:0}.lesson-editor-title{white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;font-weight:600;overflow:hidden}.lesson-editor-meta{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.lesson-editor-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.lesson-editor-workspace{background:var(--color-bg);flex:1;padding:1.5rem;overflow-y:auto}@media (width<=768px){.lesson-editor-header{flex-direction:column;align-items:flex-start}.lesson-editor-header-right{justify-content:flex-end;width:100%}.rich-editor-content{padding:1rem}.rich-editor-body{min-height:350px}}.save-indicator{color:var(--color-text-muted);border-radius:var(--radius-full);transition:all var(--transition);align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.save-indicator--saving{color:var(--color-warning)}.save-indicator--saved{color:var(--color-success)}.save-indicator--draft{color:var(--color-text-muted);background:var(--color-bg)}.save-indicator-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.export-dialog-formats{grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0;display:grid}.export-format-card{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);background:var(--color-surface);align-items:center;gap:.75rem;padding:1rem;display:flex}.export-format-card:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.export-format-card--active{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 2px var(--color-primary-200)}.export-format-info h4{margin-bottom:.125rem;font-size:.875rem;font-weight:600}.export-format-info p{color:var(--color-text-secondary);font-size:.75rem}.export-preparing{text-align:center;padding:2rem 0}.export-preparing p{color:var(--color-text-secondary);margin-top:.75rem}@media (width<=480px){.export-dialog-formats{grid-template-columns:1fr}}.chatbox{z-index:1000;font-family:var(--font-sans);position:fixed;bottom:1.5rem;right:1.5rem}.chatbox--open .chatbox-panel{animation:.25s ease-out chatbox-slideUp}@keyframes chatbox-slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.chatbox-fab{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover,#2563eb) 100%);color:#fff;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #3b82f666}.chatbox-fab:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.chatbox-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;width:380px;height:520px;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000026,0 0 0 1px #0000000a}.chatbox-panel-header{background:linear-gradient(135deg, var(--color-primary) 0%, #2563eb 100%);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.chatbox-panel-title{align-items:center;gap:.5rem;display:flex}.chatbox-panel-icon{background:#fff3;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.chatbox-panel-header h3{letter-spacing:-.01em;margin:0;font-size:.9375rem;font-weight:600}.chatbox-panel-actions{align-items:center;gap:.25rem;display:flex}.chatbox-header-btn{color:#ffffffd9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.chatbox-header-btn:hover{color:#fff;background:#ffffff26}.chatbox-messages{background:linear-gradient(180deg, var(--color-bg) 0%, var(--color-surface) 100%);flex-direction:column;flex:1;gap:.875rem;padding:1rem;display:flex;overflow-y:auto}.chatbox-message{word-break:break-word;border-radius:12px;max-width:88%;padding:.625rem 1rem;font-size:.8125rem;line-height:1.5}.chatbox-message--user{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 1px 3px #3b82f640}.chatbox-message--assistant{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 1px 2px #0000000a}.chatbox-message--typing{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);align-self:flex-start;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.chatbox-message-content--markdown{width:100%}.chatbox-message-content--markdown p{margin:0 0 .5rem}.chatbox-message-content--markdown p:last-child{margin-bottom:0}.chatbox-message-content--markdown ul,.chatbox-message-content--markdown ol{margin:.35rem 0 .5rem;padding-left:1.25rem}.chatbox-message-content--markdown li{margin-bottom:.2rem}.chatbox-message-content--markdown li:last-child{margin-bottom:0}.chatbox-message-content--markdown strong{font-weight:600}.chatbox-message-content--markdown em{font-style:italic}.chatbox-message-content--markdown code{background:var(--color-bg);border-radius:4px;padding:.15rem .35rem;font-family:ui-monospace,monospace;font-size:.75em}.chatbox-message-content--markdown pre{background:var(--color-bg);border-radius:8px;margin:.5rem 0;padding:.75rem;font-size:.75rem;line-height:1.5;overflow-x:auto}.chatbox-message-content--markdown pre code{background:0 0;padding:0}.chatbox-message-content--markdown h1,.chatbox-message-content--markdown h2,.chatbox-message-content--markdown h3,.chatbox-message-content--markdown h4{margin:.75rem 0 .35rem;font-weight:600;line-height:1.3}.chatbox-message-content--markdown h1{font-size:1em}.chatbox-message-content--markdown h2{font-size:.95em}.chatbox-message-content--markdown h3{font-size:.9em}.chatbox-message-content--markdown h4{font-size:.875em}.chatbox-message-content--markdown h1:first-child,.chatbox-message-content--markdown h2:first-child,.chatbox-message-content--markdown h3:first-child,.chatbox-message-content--markdown h4:first-child{margin-top:0}.chatbox-message-content--markdown blockquote{border-left:3px solid var(--color-border);color:var(--color-text-secondary);margin:.5rem 0;padding-left:1rem}.chatbox-typing-dots{gap:4px;display:inline-flex}.chatbox-typing-dots span{background:var(--color-primary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both chatbox-typingBounce}.chatbox-typing-dots span:first-child{animation-delay:-.32s}.chatbox-typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes chatbox-typingBounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.chatbox-input-area{border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;gap:.5rem;padding:1rem;display:flex}.chatbox-input-area .chatbox-input,.chatbox-input-area input{border:1px solid var(--color-border);border-radius:12px;outline:none;flex:1;padding:.625rem 1rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.chatbox-input-area input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.chatbox-send-btn{background:var(--color-primary);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .15s;display:flex}.chatbox-send-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.05)}.chatbox-send-btn:disabled{opacity:.5;pointer-events:none}.chatbox-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex}.chatbox-empty-icon{width:72px;height:72px;color:var(--color-primary);background:linear-gradient(135deg,#3b82f61f 0%,#3b82f60f 100%);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.chatbox-empty-title{color:var(--color-text);margin:0 0 .5rem;font-size:1rem;font-weight:600}.chatbox-empty-desc{color:var(--color-text-secondary);max-width:260px;margin:0;font-size:.8125rem;line-height:1.5}@media (width<=480px){.chatbox{bottom:1rem;right:1rem}.chatbox-panel{width:calc(100vw - 2rem);height:calc(100vh - 8rem)}}.sidebar-search{padding:.5rem .75rem;position:relative}.sidebar-search-input{border-radius:var(--radius-md);color:#ffffffe6;width:100%;transition:all var(--transition);background:#ffffff1a;border:1px solid #0000;outline:none;padding:.4rem .5rem .4rem 2rem;font-size:.8125rem}.sidebar-search-input::placeholder{color:#ffffff73}.sidebar-search-input:focus{background:#ffffff26;border-color:#ffffff40}.sidebar-search-icon{color:#ffffff73;pointer-events:none;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.sidebar-search-results{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:280px;box-shadow:var(--shadow-lg);z-index:100;position:absolute;top:calc(100% + 4px);left:.75rem;right:.75rem;overflow-y:auto}.sidebar-search-result{text-align:left;width:100%;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background var(--transition);padding:.5rem .75rem;font-size:.8125rem;display:block}.sidebar-search-result:last-child{border-bottom:none}.sidebar-search-result:hover{background:var(--color-primary-light)}.sidebar-search-result-title{font-weight:500}.sidebar-search-result-meta{color:var(--color-text-muted);margin-top:.125rem;font-size:.6875rem}.draft-badge{border-radius:var(--radius-full);background:var(--color-warning-light);color:#92400e;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.slide-studio{flex-direction:column;height:calc(100vh - 1rem);display:flex;overflow:hidden}.slide-studio--show{height:calc(100vh - 1rem)}.slide-studio-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 1.25rem;display:flex}.slide-studio-header-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.slide-studio-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.slide-studio-title-input{max-width:360px;color:var(--color-text);border-radius:var(--radius-sm);transition:border-color var(--transition), background var(--transition);background:0 0;border:1px solid #0000;padding:.25rem .5rem;font-size:1.0625rem;font-weight:600}.slide-studio-title-input:hover{border-color:var(--color-border)}.slide-studio-title-input:focus{border-color:var(--color-primary);background:var(--color-surface);outline:none}.slide-studio-title-text{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:360px;margin:0;font-size:1.0625rem;font-weight:600;overflow:hidden}.slide-studio-body{flex:1;min-height:0;display:flex;overflow:hidden}.slide-studio-canvas-area{background:#eef0f4;flex:1;justify-content:center;align-items:center;padding:2.25rem;display:flex;overflow:hidden}.slide-canvas{aspect-ratio:16/9;cursor:default;width:100%;max-width:160px;transition:box-shadow var(--transition), border-color var(--transition);background:#fff;border:2px solid #0000;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.slide-canvas--active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light), 0 2px 8px #00000014}.slide-canvas--main{border-radius:10px;max-width:780px;box-shadow:0 4px 24px #0000001a}.slide-canvas--present{width:auto;max-width:100%;height:100%;max-height:100%;box-shadow:none;border:none;border-radius:0}.slide-canvas[role=button]{cursor:pointer}.slide-canvas-inner{width:100%;height:100%;position:relative}.slide-canvas-notes-indicator{color:#94a3b8;z-index:100;background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;padding:.15em .4em;font-size:.35em;position:absolute;bottom:3%;right:3%}.slide-canvas--main .slide-canvas-notes-indicator{padding:.25rem .5rem;font-size:.6875rem}.sc-element{word-wrap:break-word;line-height:1.35;position:absolute;overflow:visible}.sc-element--editable{cursor:pointer;border-radius:2px;transition:outline .15s}.sc-element--editable:hover{outline:1px dashed #2b579a59}.sc-element--selected{outline-offset:1px;outline:2px solid var(--color-primary)!important}.sc-handle{border:2px solid var(--color-primary);z-index:100;pointer-events:auto;background:#fff;border-radius:50%;width:10px;height:10px;position:absolute}.sc-handle--nw{cursor:nw-resize;top:-5px;left:-5px}.sc-handle--ne{cursor:ne-resize;top:-5px;right:-5px}.sc-handle--sw{cursor:sw-resize;bottom:-5px;left:-5px}.sc-handle--se{cursor:se-resize;bottom:-5px;right:-5px}.sc-handle--n{cursor:n-resize;top:-5px;left:50%;transform:translate(-50%)}.sc-handle--s{cursor:s-resize;bottom:-5px;left:50%;transform:translate(-50%)}.sc-handle--e{cursor:e-resize;top:50%;right:-5px;transform:translateY(-50%)}.sc-handle--w{cursor:w-resize;top:50%;left:-5px;transform:translateY(-50%)}.sc-element-controls{border:1px solid var(--color-border);border-radius:var(--radius-sm);z-index:110;background:#fff;gap:2px;padding:2px;display:flex;position:absolute;top:-32px;right:0;box-shadow:0 2px 8px #0000001f}.sc-ctrl-btn{width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.sc-ctrl-btn:hover{background:var(--color-surface);color:var(--color-text)}.sc-ctrl-btn--danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.sc-element-text{white-space:pre-wrap;display:block}.sc-element-bullets{flex-direction:column;gap:.15em;margin:0;padding:0;list-style:none;display:flex}.sc-element-bullets li{padding-left:1em;line-height:1.45;position:relative}.sc-element-bullets li:before{content:"";opacity:.5;background:currentColor;border-radius:50%;width:.35em;height:.35em;position:absolute;top:.5em;left:0}.sc-element--image{justify-content:center;align-items:center;display:flex}.sc-element-img{object-fit:cover;border-radius:4px;width:100%;height:100%}.sc-element-img-placeholder{color:#94a3b8;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.25em;width:100%;height:100%;font-size:.6em;display:flex}.slide-canvas--main .sc-element-img-placeholder{font-size:.8125rem}.slide-canvas--main .sc-element,.slide-canvas--present .sc-element{font-size:inherit}.slide-studio-error{background:var(--color-danger-light);color:var(--color-danger);text-align:center;flex-shrink:0;padding:.5rem 1.25rem;font-size:.8125rem}.slide-prop-row{flex-wrap:wrap;gap:4px;margin-bottom:.75rem;display:flex}.slide-prop-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition);justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.slide-prop-toggle:hover{background:var(--color-surface);color:var(--color-text)}.slide-prop-toggle--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.form-color{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:40px;height:32px;padding:2px}.slide-thumbnail-strip{background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0;padding:.75rem 1rem}.slide-thumbnail-scroll{scrollbar-width:thin;align-items:flex-start;gap:.625rem;padding-bottom:.25rem;display:flex;overflow:auto hidden}.slide-thumbnail-scroll::-webkit-scrollbar{height:4px}.slide-thumbnail-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.slide-thumbnail{cursor:grab;touch-action:none;flex-direction:column;flex-shrink:0;gap:.25rem;display:flex;position:relative}.slide-thumbnail:active{cursor:grabbing}.slide-thumbnail-canvas{cursor:pointer;transition:transform var(--transition);border-radius:6px;position:relative;overflow:hidden}.slide-thumbnail-canvas:hover{transform:translateY(-1px)}.slide-thumbnail--active .slide-thumbnail-img-wrap,.slide-thumbnail--active .slide-thumbnail-fallback{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.slide-thumbnail-number{color:#fff;background:#0009;border-radius:3px;padding:.1rem .35rem;font-size:.625rem;font-weight:600;line-height:1;position:absolute;bottom:4px;left:4px}.slide-thumbnail-controls{opacity:0;transition:opacity var(--transition);justify-content:center;gap:2px;display:flex}.slide-thumbnail:hover .slide-thumbnail-controls,.slide-thumbnail--active .slide-thumbnail-controls{opacity:1}.slide-thumbnail-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.slide-thumbnail-btn:hover{background:var(--color-surface);color:var(--color-text)}.slide-thumbnail-btn:disabled{opacity:.3;cursor:not-allowed}.slide-thumbnail-btn--danger:hover{background:var(--color-danger-light);color:var(--color-danger);border-color:var(--color-danger-light)}.slide-thumbnail-add{aspect-ratio:16/9;border:2px dashed var(--color-border);width:160px;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition), color var(--transition);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.slide-thumbnail-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.slide-properties-panel{border-left:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;width:320px;min-width:320px;transition:width .18s,min-width .18s,opacity .18s;display:flex;overflow:hidden}.slide-properties-shell{transition:width .18s;display:flex;position:relative}.slide-properties-shell--collapsed .slide-properties-panel{opacity:0;border-left:none;width:0;min-width:0}.slide-properties-toggle{border:1px solid var(--color-border);background:var(--color-surface);width:28px;height:28px;color:var(--color-text-secondary);z-index:3;border-right:none;border-radius:6px 0 0 6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;left:-36px}.slide-properties-toggle:hover{color:var(--color-text);background:var(--color-bg)}.slide-properties-header{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:1rem 1.25rem}.slide-properties-header-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.slide-properties-header-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.slide-properties-header-toggle:hover{color:var(--color-text);background:var(--color-bg)}.slide-properties-header h3{color:var(--color-text);margin:0;font-size:.875rem;font-weight:600}.slide-properties-mode-toggle{gap:.375rem;margin-top:.75rem;display:flex}.slide-prop-chip{border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-secondary);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.slide-prop-chip--active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.slide-properties-body{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.slide-prop-section{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:.875rem;padding:.875rem;display:flex}.slide-prop-section-title{color:var(--color-text-secondary);align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;display:flex}.slide-prop-section-title .slide-prop-delete-btn{margin-left:auto}.slide-prop-hint{font-size:.75rem}.slide-prop-bullets{flex-direction:column;gap:.5rem;display:flex}.slide-prop-bullet-row{align-items:center;gap:.5rem;display:flex}.slide-prop-bullet-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.slide-prop-bullet-row .form-input{flex:1}.slide-prop-bullet-remove{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.slide-prop-bullet-remove:hover{background:var(--color-danger-light);color:var(--color-danger)}.slide-prop-bullet-remove:disabled{opacity:.3;cursor:not-allowed}.slide-present{z-index:9999;cursor:pointer;background:#0f172a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.slide-present-loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.slide-present-canvas{justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.slide-present-canvas .slide-canvas{aspect-ratio:16/9;width:auto;max-width:100%;height:auto;max-height:100%}.slide-present-exit{z-index:10;color:#fff9;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex;position:fixed;top:1rem;right:1rem}.slide-present-exit:hover{color:#fff;background:#fff3}.slide-present-counter{z-index:10;color:#ffffff80;border-radius:var(--radius-full);cursor:default;background:#0000004d;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;position:fixed;bottom:1rem;right:1.5rem}.generation-magic-icon{color:var(--color-primary);margin-bottom:.5rem;animation:1.5s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.export-dialog-formats{flex-direction:column;gap:.5rem;margin:1rem 0 1.5rem;display:flex}.export-format-card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:border-color var(--transition), background var(--transition);align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.export-format-card:hover{background:var(--color-surface);border-color:var(--color-primary-light)}.export-format-card--active{border-color:var(--color-primary);background:var(--color-primary-light)}.export-format-icon{border-radius:var(--radius-sm);background:var(--color-surface);width:40px;height:40px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.export-format-card--active .export-format-icon{background:var(--color-primary);color:#fff}.export-format-info h4{color:var(--color-text);margin:0;font-size:.875rem;font-weight:600}.export-format-info p{color:var(--color-text-muted);margin:.125rem 0 0;font-size:.75rem}.export-preparing{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.slide-tools-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;width:64px;min-width:64px;padding:.75rem 0;display:flex}.slide-tool-btn{border-radius:var(--radius-sm);width:52px;height:52px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.625rem;transition:background .15s,color .15s;display:flex}.slide-tool-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.slide-tool-divider{background:var(--color-border);width:36px;height:1px;margin:.375rem 0}.el-toolbar{border:1px solid var(--color-border);z-index:1000;white-space:nowrap;background:#fff;border-radius:8px;flex-wrap:nowrap;align-items:center;gap:2px;padding:4px 6px;display:flex;box-shadow:0 4px 16px #00000024}.el-toolbar-select{border:1px solid var(--color-border);background:var(--color-bg);height:28px;color:var(--color-text);cursor:pointer;border-radius:4px;min-width:48px;padding:0 .25rem;font-size:.75rem}.el-toolbar-sep{background:var(--color-border);flex-shrink:0;width:1px;height:20px;margin:0 2px}.el-toolbar-btn{width:30px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex;position:relative}.el-toolbar-btn:hover{background:var(--color-surface);color:var(--color-text)}.el-toolbar-btn--on{background:var(--color-primary-light);color:var(--color-primary)}.el-toolbar-btn--danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.el-toolbar-color-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.el-toolbar-select--font{max-width:110px;font-size:.7rem}.sc-shape-svg{width:100%;height:100%;display:block}.sc-snap-line{z-index:200;pointer-events:none;position:absolute}.sc-snap-line--v{background:#4472c4;width:1px}.sc-snap-line--h{background:#4472c4;height:1px}.form-range{width:100%;accent-color:var(--color-primary)}.form-range-value{color:var(--color-text-secondary);text-align:right;min-width:36px;font-size:.72rem}.slide-prop-layer-row{align-items:center;gap:.35rem;margin-bottom:.5rem}.slide-tool-btn--active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}@keyframes slide-anim-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slide-anim-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slide-anim-slideFromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slide-anim-slideFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slide-anim-slideFromBottom{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-anim-zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slide-anim-bounce{0%{opacity:0;transform:translateY(-30px)}50%{opacity:1;transform:translateY(8px)}70%{transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animations-panel-empty{color:var(--color-text-secondary);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;font-size:.82rem;display:flex}.animations-panel{flex-direction:column;gap:.75rem;display:flex}.slide-studio-canvas-actions{justify-content:center;gap:.5rem;padding:.75rem 0 0;display:flex}.slide-prop-delete-btn{color:var(--color-danger)}.slide-prop-image-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.slide-prop-remove-img{color:var(--color-danger)}.slide-prop-img-preview{border-radius:var(--radius-sm);border:1px solid var(--color-border);max-height:120px;margin-top:.5rem;overflow:hidden}.slide-prop-img-preview img{object-fit:cover;width:100%;height:100%;max-height:120px;display:block}.theme-selector{position:relative}.theme-selector-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.82rem;transition:border-color .15s,background .15s;display:flex}.theme-selector-toggle:hover{border-color:var(--color-primary);background:var(--color-bg)}.theme-selector-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem;display:grid}.theme-preview-card{border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-surface);flex-direction:column;padding:0;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.theme-preview-card:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-light)}.theme-preview-card--active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.theme-preview-slide{flex-direction:column;gap:.25rem;min-height:52px;padding:.5rem .6rem;display:flex;position:relative}.theme-preview-title{font-size:.65rem;font-weight:700;line-height:1.2}.theme-preview-lines{flex-direction:column;gap:3px;display:flex}.theme-preview-lines span{border-radius:1px;width:80%;height:2px}.theme-preview-accent{height:3px;position:absolute;bottom:0;left:0;right:0}.theme-preview-label{color:var(--color-text-secondary);border-top:1px solid var(--color-border);align-items:center;gap:.25rem;padding:.3rem .5rem;font-size:.68rem;font-weight:500;display:flex}@media (width<=900px){.slide-properties-panel{width:260px;min-width:260px}}@media (width<=768px){.slide-studio-body{flex-direction:column}.slide-tools-sidebar{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;width:100%;min-width:100%;padding:.375rem .75rem;overflow-x:auto}.slide-tool-btn{flex-shrink:0;width:44px;height:44px}.slide-tool-divider{width:1px;height:28px;margin:0 .25rem}.slide-properties-panel{border-left:none;border-top:1px solid var(--color-border);width:100%;min-width:100%;max-height:280px}.slide-properties-shell{width:100%}.slide-properties-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);top:-30px;left:auto;right:12px}.slide-studio-canvas-area{padding:1rem}.slide-studio-header{flex-wrap:wrap;padding:.5rem 1rem}.slide-studio-title-input,.slide-studio-title-text{max-width:180px;font-size:.9375rem}.slide-thumbnail-img-wrap,.slide-thumbnail-fallback,.slide-thumbnail-add{width:120px}.el-toolbar{flex-wrap:wrap;max-width:calc(100vw - 8px);right:4px;min-width:auto!important;left:4px!important}.el-toolbar-select--font{max-width:80px}.slide-studio-header-right{flex-wrap:wrap;gap:.25rem}.slide-studio-header-right .icon-btn-tooltip{display:none}.theme-selector-grid{grid-template-columns:1fr}.slide-properties-mode-toggle{flex-wrap:wrap}.slide-prop-chip{padding:.25rem .5rem;font-size:.7rem}}@media (width<=480px){.slide-studio-header{gap:.25rem;padding:.375rem .5rem}.slide-studio-title-input{max-width:120px;font-size:.8125rem}.slide-tools-sidebar{gap:.125rem;padding:.25rem .5rem}.slide-tool-btn{width:36px;height:36px;font-size:.55rem}.slide-tool-btn span{display:none}.slide-properties-panel{max-height:220px}.slide-studio-canvas-area{padding:.5rem}.slide-thumbnail-img-wrap,.slide-thumbnail-fallback,.slide-thumbnail-add{width:90px}.el-toolbar{gap:1px;padding:3px;font-size:.7rem}.el-toolbar-btn{width:26px;height:26px}.el-toolbar-select{padding:2px 4px;font-size:.7rem}.sc-handle{width:10px;height:10px}}.sc-element--inline-editing{outline-offset:1px;outline:2px solid var(--color-primary)!important;z-index:100!important}.sc-inline-editor{resize:none;width:100%;height:100%;font:inherit;color:inherit;line-height:inherit;box-sizing:border-box;background:#fffffff2;border:none;outline:none;padding:2px 4px}.sc-inline-bullets{flex-direction:column;gap:2px;width:100%;height:100%;padding:2px 0;display:flex;overflow-y:auto}.sc-inline-bullet-row{align-items:center;gap:4px;display:flex}.sc-inline-bullet-dot{opacity:.5;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.sc-inline-bullet-input{font:inherit;color:inherit;line-height:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:1px 2px}.sc-inline-bullet-input:focus{background:#ffffff80;border-radius:2px}.sc-element--editable.sc-element--selected{cursor:grab}.sc-element--editable.sc-element--selected:active{cursor:grabbing}.sc-element--inline-editing,.sc-element--inline-editing:active{cursor:text!important}.slide-thumbnail-img-wrap{aspect-ratio:16/9;border:2px solid var(--color-border);background:#fff;border-radius:6px;width:160px;overflow:hidden}.slide-thumbnail-img{object-fit:cover;width:100%;height:100%;display:block}.slide-thumbnail-fallback{aspect-ratio:16/9;border:2px solid var(--color-border);border-radius:6px;justify-content:center;align-items:center;width:160px;padding:.5rem;display:flex;overflow:hidden}.slide-thumbnail-fallback-text{color:var(--color-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.5rem;overflow:hidden}@media (width<=768px){.slide-thumbnail-img-wrap,.slide-thumbnail-fallback{width:120px}}.generator-prompt-screen{background:var(--color-bg);justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:2rem 1.5rem;display:flex}.generator-prompt-loading{justify-content:center;align-items:center;min-height:200px;display:flex}.generator-prompt-center{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:640px;margin:0 auto;display:flex}.generator-prompt-header{text-align:center;margin-bottom:.5rem}.generator-prompt-header h1{color:var(--color-text);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.75rem;font-weight:700;display:flex}.generator-prompt-subtitle{color:var(--color-text-secondary);max-width:480px;margin:0 auto;font-size:1rem;line-height:1.5}.generator-prompt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);padding:2rem}.generator-prompt-form{flex-direction:column;gap:1.25rem;display:flex}.generator-prompt-submit{margin-top:.5rem;padding:.875rem 1.5rem;font-size:1rem}.generator-layout{grid-template-columns:1fr minmax(360px,420px);gap:0;width:calc(100% + 3rem);max-width:1440px;height:100vh;margin:-2rem -1.5rem;display:grid;overflow:hidden}.generator-left{border-left:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.generator-left-header{flex-shrink:0;padding:1.5rem 1.5rem .75rem}.generator-left-header h1{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1.25rem;font-weight:700;display:flex}.generator-left-header p{font-size:.8125rem}.generator-form-wrapper{border-bottom:1px solid var(--color-border);flex-shrink:0;overflow:hidden}.generator-form-toggle{width:100%;color:var(--color-text-secondary);background:var(--color-bg);transition:background var(--transition);justify-content:space-between;align-items:center;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:600;display:flex}.generator-form-toggle:hover{background:var(--color-border)}.generator-form{flex-direction:column;gap:.875rem;max-height:50vh;padding:.75rem 1.5rem 1.5rem;display:flex;overflow-y:auto}.generator-chat{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.generator-right{background:var(--color-bg);flex-direction:column;display:flex;overflow:hidden}.lchat-thread{flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.lchat-msg{gap:.5rem;max-width:95%;animation:.15s fadeIn;display:flex}.lchat-msg--user{flex-direction:row-reverse;align-self:flex-end}.lchat-msg--assistant{align-self:flex-start}.lchat-msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.lchat-msg--user .lchat-msg-avatar{background:var(--color-primary);color:#fff}.lchat-msg--assistant .lchat-msg-avatar{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.lchat-msg-body{border-radius:var(--radius-lg);padding:.5rem .75rem;font-size:.8125rem;line-height:1.55}.lchat-msg--user .lchat-msg-body{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.lchat-msg--assistant .lchat-msg-body{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:4px}.lchat-msg-body p{white-space:pre-wrap;margin:0}.lchat-lesson-badge{border-radius:var(--radius-full);background:var(--color-success-light);color:#065f46;align-items:center;gap:.25rem;margin-top:.375rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.lchat-msg-typing{color:var(--color-text-muted);align-items:center;gap:.5rem;font-style:italic;display:flex}.lchat-typing-dots{gap:3px;display:inline-flex}.lchat-typing-dots span{background:var(--color-text-muted);border-radius:50%;width:5px;height:5px;animation:1.2s infinite typingBounce}.lchat-typing-dots span:nth-child(2){animation-delay:.15s}.lchat-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.lchat-input-area{border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;padding:.75rem 1.25rem}.lchat-chips{flex-wrap:wrap;gap:.375rem;margin-bottom:.625rem;display:flex}.lchat-chip{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:all var(--transition);white-space:nowrap;padding:.3rem .75rem;font-size:.75rem;font-weight:500}.lchat-chip:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.lchat-chip:disabled{opacity:.5;pointer-events:none}.lchat-input-row{align-items:flex-end;gap:.5rem;display:flex}.lchat-textarea{border:1px solid var(--color-border);border-radius:var(--radius-lg);resize:none;min-height:36px;max-height:120px;transition:border-color var(--transition);outline:none;flex:1;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem}.lchat-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4f46e51a}.lchat-textarea:disabled{opacity:.6;background:var(--color-bg)}.lchat-send-btn{background:var(--color-primary);color:#fff;width:36px;height:36px;transition:background var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lchat-send-btn:hover:not(:disabled){background:var(--color-primary-hover)}.lchat-send-btn:disabled{opacity:.4;pointer-events:none}.lesson-output-panel{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.lesson-output-panel--refining{border-left:3px solid var(--color-primary);animation:1.5s ease-in-out infinite refiningPulse}@keyframes refiningPulse{0%,to{border-left-color:var(--color-primary)}50%{border-left-color:var(--color-primary-200)}}.lesson-output-scroll{flex:1;padding:1.25rem;overflow-y:auto}.lesson-output-scroll .rich-editor{flex-direction:column;height:100%;display:flex}.lesson-output-scroll .rich-editor-body{flex:1;overflow-y:auto}.lesson-output-scroll .rich-editor-content{min-height:100%}.loutput-updating-badge{border-radius:var(--radius-full);background:var(--color-warning-light);color:#92400e;z-index:5;padding:.25rem .75rem;font-size:.6875rem;font-weight:600;animation:.15s fadeIn;position:absolute;top:56px;right:1.25rem}.loutput-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;align-items:center;gap:.5rem;padding-right:1rem;display:flex}.loutput-header .save-indicator{white-space:nowrap;flex-shrink:0}.loutput-actions{flex-wrap:wrap;flex:1 0;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.loutput-actions-spacer{flex:1}.loutput-action-wrapper{display:inline-flex}.btn--disabled{opacity:.6;pointer-events:none}.output-empty-state{text-align:center;height:100%;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.output-empty-icon{background:var(--color-primary-light);width:72px;height:72px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.output-empty-state h3{color:var(--color-text);font-size:1.125rem;font-weight:600}.output-empty-state p{max-width:320px;font-size:.875rem}.output-skeleton{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.output-skeleton-hero,.output-skeleton-section{flex-direction:column;gap:.75rem;display:flex}.output-skeleton-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem}.skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-border) 25%, #e8edf2 50%, var(--color-border) 75%);background-size:200% 100%;height:14px;animation:1.5s infinite shimmer}.skeleton-line--sm{width:30%}.skeleton-line--md{width:55%}.skeleton-line--lg{width:75%}.skeleton-line--full{width:100%}@keyframes shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.lesson-output-card .detail-hero{margin-bottom:1rem}.lesson-output-card .detail-main{flex-direction:column;gap:1rem;display:flex}.detail-main-html{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;line-height:1.7}.detail-main-html h1,.detail-main-html h2,.detail-main-html h3{margin-top:1rem;margin-bottom:.5rem}.detail-main-html h1{font-size:1.5rem}.detail-main-html h2{font-size:1.25rem}.detail-main-html h3{font-size:1.1rem}.detail-main-html p{margin-bottom:.75rem}.detail-main-html ul,.detail-main-html ol{list-style:revert;margin:.5rem 0 .75rem 1.25rem}.detail-main-html table{border-collapse:collapse;width:100%;margin:.75rem 0}.detail-main-html th,.detail-main-html td{border:1px solid var(--color-border);text-align:left;padding:.5rem .75rem}.detail-main-html th{background:var(--color-bg);font-weight:600}@media (width<=1024px){.generator-layout{grid-template-columns:1fr minmax(320px,380px)}}@media (width<=768px){.generator-layout{grid-template-rows:1fr auto;grid-template-columns:1fr;width:calc(100% + 3rem);height:calc(100vh - 44px)}.generator-left{border-left:none;border-top:1px solid var(--color-border);max-height:50vh}.generator-right{min-height:50vh}.generator-form{max-height:40vh}.loutput-header{flex-wrap:wrap;padding-right:.75rem}.loutput-actions{gap:.375rem;padding:.5rem .75rem}.lchat-chips{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.lchat-chips::-webkit-scrollbar{display:none}.sidebar-sessions{max-height:150px;overflow-y:auto}.generator-prompt-screen{padding:1.5rem 1rem}.generator-prompt-header h1{font-size:1.5rem}.generator-prompt-subtitle{font-size:.9375rem}.generator-prompt-card{padding:1.5rem}.generator-prompt-form{gap:1rem}}@media (width<=480px){.generator-prompt-screen{padding:1rem .75rem}.generator-prompt-header h1{font-size:1.25rem}.generator-prompt-card{padding:1.25rem}.generator-layout{width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem}.generator-left-header{padding:1rem 1rem .5rem}.generator-left-header h1{font-size:1.1rem}.generator-form{gap:.75rem;padding:.5rem 1rem 1rem}.loutput-actions .btn{padding:.3rem .5rem;font-size:.75rem}.lesson-output-scroll{padding:.75rem}}.sh-panel{border-top:1px solid var(--color-border);flex-direction:column;gap:.25rem;max-height:60vh;margin-top:.25rem;padding:.25rem 0;display:flex;overflow:hidden}.sh-panel-header{justify-content:flex-end;align-items:center;padding:.25rem .75rem;display:flex}.sh-new-btn{color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.sh-new-btn:hover{background:var(--color-primary-200)}.sh-search{padding:0 .75rem;position:relative}.sh-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:1.125rem;transform:translateY(-50%)}.sh-search-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);transition:border-color var(--transition);outline:none;padding:.375rem .5rem .375rem 1.75rem;font-size:.75rem}.sh-search-input:focus{border-color:var(--color-border-focus)}.sh-search-input::placeholder{color:var(--color-text-muted)}.sh-search-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.125rem;display:flex;position:absolute;top:50%;right:1.125rem;transform:translateY(-50%)}.sh-search-clear:hover{color:var(--color-text);background:var(--color-border)}.sh-filter-tabs{scrollbar-width:none;gap:.25rem;padding:.375rem .75rem;display:flex;overflow-x:auto}.sh-filter-tabs::-webkit-scrollbar{display:none}.sh-filter-tab{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);background:0 0;flex-shrink:0;padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.sh-filter-tab:hover{color:var(--color-primary);border-color:var(--color-primary)}.sh-filter-tab--active{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.sh-list{flex:1;padding:.125rem 0;overflow-y:auto}.sh-loading{justify-content:center;padding:2rem 0;display:flex}.sh-spinner{animation:1s linear infinite sh-spin}@keyframes sh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sh-empty{text-align:center;color:var(--color-text-muted);padding:1.5rem 1rem;font-size:.8125rem}.sh-load-more{width:100%;color:var(--color-primary);cursor:pointer;transition:background var(--transition);background:0 0;border:none;padding:.5rem;font-size:.75rem;font-weight:500;display:block}.sh-load-more:hover{background:var(--color-primary-light)}.sh-load-more:disabled{color:var(--color-text-muted);cursor:not-allowed}.sh-date-header{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid #f3f4f6;padding:.5rem .75rem .25rem;font-size:.6875rem;font-weight:600}.sh-group+.sh-group{margin-top:.25rem}.sh-list-item{cursor:pointer;transition:all var(--transition);border-left:3px solid #0000;border-radius:0;align-items:center;gap:.375rem;padding:.5rem .75rem;animation:.2s sh-fadeIn;display:flex}@keyframes sh-fadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.sh-list-item:hover{background:var(--color-bg)}.sh-list-item--active{background:var(--color-primary-light);border-left-color:var(--color-primary)}.sh-list-item-left{flex-shrink:0}.sh-bookmark-btn{color:var(--color-text-muted);cursor:pointer;opacity:0;transition:all var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.125rem;display:flex}.sh-list-item:hover .sh-bookmark-btn,.sh-bookmark-btn--active{opacity:1}.sh-bookmark-btn--active{color:#eab308}.sh-bookmark-btn:hover{color:#eab308;transform:scale(1.15)}.sh-list-item-content{flex:1;min-width:0}.sh-list-item-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.8125rem;font-weight:500;line-height:1.3;display:block;overflow:hidden}.sh-list-item-meta{align-items:center;gap:.5rem;margin-top:.125rem;display:flex}.sh-list-item-time{color:var(--color-text-muted);font-size:.6875rem}.sh-status{border-radius:var(--radius-full);white-space:nowrap;padding:.0625rem .375rem;font-size:.625rem;font-weight:600;display:inline-block}.sh-status--active{color:#2563eb;background:#eff6ff}.sh-status--completed{color:#16a34a;background:#f0fdf4}.sh-status--archived{color:#6b7280;background:#f9fafb}.sh-menu-trigger{width:24px;height:24px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sh-list-item:hover .sh-menu-trigger{opacity:1}.sh-menu-trigger:hover{color:var(--color-text);background:var(--color-border)}.sh-rename-input{border:1px solid var(--color-border-focus);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);outline:none;padding:.125rem .25rem;font-size:.8125rem;font-weight:500}.sh-context-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;padding:.25rem;animation:.15s ease-out sh-slideDown}@keyframes sh-slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sh-context-menu-item{width:100%;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.sh-context-menu-item:hover{color:var(--color-text);background:var(--color-bg)}.sh-context-menu-item--danger:hover{color:var(--color-danger);background:var(--color-danger-light)}.session-history-page .shp-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.session-history-page .shp-search-wrap{flex:1;min-width:200px;max-width:320px}.session-history-page .shp-search-wrap .sh-search{padding:0}.session-history-page .shp-search-wrap .sh-search-input{padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem}.session-history-page .shp-search-wrap .sh-search-icon{left:.875rem}.session-history-page .shp-filters-wrap{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.session-history-page .shp-filter-label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.session-history-page .shp-filters-wrap .sh-filter-tabs{padding:0}.session-history-page .shp-filters-wrap .sh-filter-tab{padding:.375rem .75rem;font-size:.8125rem}.session-history-page .shp-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.session-history-page .shp-table{border-collapse:collapse;width:100%}.session-history-page .shp-th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.session-history-page .shp-th--title{min-width:180px}.session-history-page .shp-th--tool,.session-history-page .shp-th--shared{width:120px}.session-history-page .shp-th--date{width:140px}.session-history-page .shp-th--actions{text-align:right;width:120px}.session-history-page .shp-table-row{cursor:pointer;transition:background var(--transition)}.session-history-page .shp-table-row:hover{background:var(--color-bg)}.session-history-page .shp-cell{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:.75rem 1rem;font-size:.875rem}.session-history-page .shp-cell--title{color:var(--color-text);font-weight:500}.session-history-page .shp-cell-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.session-history-page .shp-cell--tool,.session-history-page .shp-cell--shared{color:var(--color-text-secondary)}.session-history-page .shp-cell--date{color:var(--color-text-muted);font-size:.8125rem}.session-history-page .shp-cell--actions{text-align:right;border-bottom:1px solid var(--color-border)}.session-history-page .shp-action-btn{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;margin-left:.25rem;display:inline-flex}.session-history-page .shp-action-btn:hover{color:var(--color-text);background:var(--color-border)}.session-history-page .shp-action-btn--active{color:#eab308}.session-history-page .shp-loading,.session-history-page .shp-empty{color:var(--color-text-muted);justify-content:center;align-items:center;gap:.5rem;padding:3rem 1.5rem;font-size:.875rem;display:flex}.session-history-page .shp-spinner{animation:1s linear infinite sh-spin}.session-history-page .shp-load-more-wrap{border-top:1px solid var(--color-border);text-align:center;padding:.75rem 1rem}.session-history-page .shp-load-more{color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;padding:.5rem 1rem;font-size:.8125rem;font-weight:500}.session-history-page .shp-load-more:hover:not(:disabled){background:var(--color-primary-light)}.session-history-page .shp-load-more:disabled{color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed}.session-history-page .shp-cell-title-wrap .sh-rename-input{max-width:100%}.share-dialog{max-width:480px}.share-dialog-icon{color:var(--color-primary)}.share-dialog-url{margin:1rem 0 .75rem}.share-dialog-url-input{color:var(--color-text-secondary);font-family:monospace;font-size:.8125rem}.share-dialog-actions{justify-content:center;gap:.5rem;margin:.75rem 0;display:flex}.share-dialog-meta{text-align:center;color:var(--color-text-muted);font-size:.75rem}.share-dialog-note{text-align:center;color:var(--color-text-muted);margin-top:.5rem;font-size:.75rem}.btn--danger-outline{color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn--danger-outline:hover{background:var(--color-danger-light)}.replay-banner{background:var(--color-warning-light);border-radius:var(--radius-md);border:1px solid #fbbf24;justify-content:space-between;align-items:center;gap:.75rem;margin:.5rem 1rem;padding:.625rem 1rem;display:flex}.replay-banner-content{color:#92400e;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.replay-banner-content strong{font-weight:600}.replay-banner-close{color:#92400e;cursor:pointer;width:24px;height:24px;transition:background var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.replay-banner-close:hover{background:#fbbf244d}.autosave-indicator{align-items:center;gap:.375rem;font-size:.75rem;font-weight:400;display:inline-flex}.autosave-indicator--saving{color:var(--color-text-muted)}.autosave-indicator--saved{color:var(--color-success)}.autosave-indicator--error{color:var(--color-danger)}.shared-view{max-width:800px;margin:2rem auto;padding:0 1.5rem}.shared-view-loading{min-height:60vh;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.shared-view-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:60vh;display:flex}.shared-view-error h2{color:var(--color-text);font-size:1.25rem}.shared-view-error p{color:var(--color-text-secondary)}.shared-view-header{border-bottom:1px solid var(--color-border);color:var(--color-primary);align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.5rem 0;display:flex}.shared-view-title{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:700}.shared-view-subtitle{color:var(--color-text-secondary);margin:.25rem 0 0;font-size:1rem}.shared-view-date{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.8125rem}.shared-view-section{margin-bottom:2rem}.shared-view-section-title{color:var(--color-text);border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:1rem;font-weight:600;display:flex}.shared-view-inputs{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.shared-view-input-row{color:var(--color-text);padding:.375rem 0;font-size:.9375rem;line-height:1.5}.shared-view-input-row strong{color:var(--color-text-secondary);font-weight:600}.shared-view-objectives{margin:.375rem 0 0 1.25rem;list-style:outside}.shared-view-objectives li{padding:.125rem 0}.shared-view-messages{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.shared-view-msg{border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.9375rem;line-height:1.5}.shared-view-msg--user{background:var(--color-primary-light)}.shared-view-msg--assistant{background:var(--color-surface);border:1px solid var(--color-border)}.shared-view-msg-role{color:var(--color-text-secondary);font-size:.8125rem;font-weight:600}.shared-view-lesson{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;line-height:1.7}.shared-view-lesson h1,.shared-view-lesson h2,.shared-view-lesson h3{margin-top:1rem;margin-bottom:.5rem}.shared-view-lesson h1{font-size:1.5rem}.shared-view-lesson h2{font-size:1.25rem}.shared-view-lesson h3{font-size:1.1rem}.shared-view-lesson p{margin-bottom:.75rem}.shared-view-lesson ul,.shared-view-lesson ol{list-style:revert;margin:.5rem 0 .75rem 1.25rem}.shared-view-lesson table{border-collapse:collapse;width:100%;margin:.75rem 0}.shared-view-lesson th,.shared-view-lesson td{border:1px solid var(--color-border);text-align:left;padding:.5rem .75rem}.shared-view-lesson th{background:var(--color-bg);font-weight:600}.shared-view-actions{border-top:1px solid var(--color-border);justify-content:center;gap:.75rem;padding:2rem 0;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:var(--color-surface,#fff);border-radius:12px;flex-direction:column;width:90vw;max-height:85vh;animation:.2s ease-out slideUp;display:flex;box-shadow:0 20px 60px #00000040}.modal--sm{max-width:420px}.modal--md{max-width:560px}.modal--lg{max-width:800px}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-title{align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:600;display:flex}.modal-close{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;padding:.25rem;display:flex}.modal-close:hover{background:var(--color-hover)}.modal-body{flex:1;padding:1.25rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.image-gen-loading{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 0;display:flex}.image-gen-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.image-gen-error{color:var(--color-danger,#ef4444);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 0;display:flex}.image-gen-result{flex-direction:column;align-items:center;gap:.75rem;display:flex}.image-gen-preview{object-fit:contain;border:1px solid var(--color-border);border-radius:8px;max-width:100%;max-height:320px}.image-gen-meta{gap:.5rem;display:flex}.form-hint{color:var(--color-text-secondary);margin-top:.25rem;font-size:.8rem}.image-library-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:.75rem 1.25rem;display:flex}.image-library-filters{flex:1;gap:1rem;display:flex}.filter-group{flex-direction:column;gap:.25rem;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:.7rem;font-weight:600}.filter-chips{gap:.25rem;display:flex}.filter-chip{border:1px solid var(--color-border);background:var(--color-surface,#fff);cursor:pointer;border-radius:20px;padding:.25rem .6rem;font-size:.78rem;transition:all .15s}.filter-chip:hover{border-color:var(--color-primary)}.filter-chip--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.image-library-actions{align-items:center;gap:.5rem;display:flex}.search-input-wrap{color:var(--color-text-secondary);align-items:center;gap:.35rem;display:flex}.view-toggle{border:1px solid var(--color-border);border-radius:6px;display:flex;overflow:hidden}.view-toggle-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;align-items:center;padding:.35rem .5rem;display:flex}.view-toggle-btn--active{background:var(--color-primary);color:#fff}.image-library-body{min-height:200px}.image-library-loading,.image-library-empty{color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:3rem 0;display:flex}.image-library-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.image-library-grid--compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.image-library-list{flex-direction:column;gap:.5rem;display:flex}.image-library-list .image-card{flex-direction:row;align-items:center}.image-library-list .image-card-thumb{flex-shrink:0;width:64px;height:64px}.image-card{border:2px solid var(--color-border);cursor:pointer;border-radius:8px;flex-direction:column;transition:all .15s;display:flex;overflow:hidden}.image-card:hover{border-color:var(--color-primary-light,#93c5fd)}.image-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f64d}.image-card--dim{opacity:.5;cursor:default}.image-card--sm{border-width:2px}.image-card-thumb{aspect-ratio:4/3;background:var(--color-bg,#f8fafc);width:100%;position:relative;overflow:hidden}.image-card-thumb img{object-fit:cover;width:100%;height:100%}.image-card-processing,.image-card-failed{width:100%;height:100%;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:.8rem;display:flex}.image-card-check{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:6px;right:6px}.image-card-info{align-items:center;gap:.35rem;padding:.4rem .5rem;font-size:.75rem;display:flex}.image-card-date{color:var(--color-text-secondary);flex:1}.image-card-actions{gap:.25rem;margin-left:auto;display:flex}.image-card-prompt{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0 .5rem .4rem;font-size:.72rem;overflow:hidden}.image-library-pagination{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:1rem;padding:.75rem;font-size:.85rem;display:flex}.image-library-pagination--compact{padding:.5rem;font-size:.78rem}.pagination-info{color:var(--color-text-secondary)}.badge--xs{border-radius:10px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.68rem;display:inline-flex}.badge--ai{color:#fff;background:linear-gradient(135deg,#818cf8,#c084fc)}.badge--upload{background:var(--color-border);color:var(--color-text-secondary)}.badge--subtle{background:var(--color-bg,#f1f5f9);color:var(--color-text-secondary);border-radius:10px;padding:.15rem .5rem;font-size:.78rem}.icon-btn--xs{cursor:pointer;width:22px;height:22px;color:var(--color-text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.icon-btn--xs:hover{background:var(--color-hover)}.icon-btn--danger:hover{color:var(--color-danger,#ef4444)}.spin{animation:1s linear infinite spin}.image-replace-tabs{border-bottom:1px solid var(--color-border);display:flex}.image-replace-tab{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.image-replace-tab:hover{color:var(--color-text)}.image-replace-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.image-replace-tab:disabled{opacity:.5;cursor:not-allowed}.image-replace-upload,.image-replace-generate,.image-replace-library{flex-direction:column;gap:1rem;display:flex}.upload-drop-zone{border:2px dashed var(--color-border);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:180px;padding:2rem;transition:border-color .15s;display:flex}.upload-drop-zone:hover{border-color:var(--color-primary)}.upload-preview{object-fit:contain;border-radius:6px;max-width:100%;max-height:200px}.image-replace-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.sc-element-img-wrap{width:100%;height:100%;position:relative}.sc-element-img-wrap>img{object-fit:contain;width:100%;height:100%}.sc-element-img-hover{opacity:0;background:#00000073;border-radius:4px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.sc-element-img-wrap:hover .sc-element-img-hover{opacity:1}.sc-img-hover-btn{cursor:pointer;background:#fff;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.78rem;font-weight:500;display:flex;box-shadow:0 2px 8px #00000026}.sc-img-hover-btn:hover{background:#f1f5f9}.sc-element-img-generating{width:100%;height:100%;color:var(--color-text-secondary);background:linear-gradient(135deg,#e0e7ff,#f0f4ff,#e0e7ff) 0 0/400% 400%;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.78rem;animation:2s ease-in-out infinite shimmer;display:flex}.sc-element-img-placeholder{border:2px dashed var(--color-border);width:100%;height:100%;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;font-size:.78rem;display:flex}.sc-element-img-placeholder:hover{border-color:var(--color-primary);color:var(--color-primary)}.version-history-toggle{background:var(--color-primary);color:#fff;cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s;display:flex;position:fixed;bottom:1.5rem;right:1rem;box-shadow:0 4px 12px #0003}.version-history-toggle:hover{transform:scale(1.1)}.version-history-panel{background:var(--color-surface,#fff);border-left:1px solid var(--color-border);z-index:200;flex-direction:column;width:340px;animation:.2s ease-out slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 20px #0000001a}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.version-history-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.version-history-header h3{align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.version-history-save{border-bottom:1px solid var(--color-border);padding:.75rem 1.25rem}.version-save-form{flex-direction:column;gap:.5rem;display:flex}.version-save-actions{justify-content:flex-end;gap:.5rem;display:flex}.version-history-list{flex:1;padding:.5rem 0;overflow-y:auto}.version-history-loading,.version-history-empty{color:var(--color-text-secondary);justify-content:center;align-items:center;padding:2rem;display:flex}.version-item{border-bottom:1px solid var(--color-border-light,#f1f5f9);padding:.75rem 1.25rem}.version-item-header{cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.version-item-header:hover{color:var(--color-primary)}.version-item-left{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.version-badge{background:var(--color-primary);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:24px;font-size:.72rem;font-weight:700;display:inline-flex}.version-item-meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.version-trigger{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.version-time{color:var(--color-text-secondary);font-size:.72rem}.version-description{color:var(--color-text-secondary);margin:.35rem 0 0 2.6rem;font-size:.78rem;font-style:italic}.version-preview{background:var(--color-bg,#f8fafc);border-radius:8px;margin-top:.5rem;padding:.75rem}.version-preview-summary{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.version-preview-actions{gap:.5rem;margin-top:.5rem;display:flex}.editor-toolbar-group--insert{position:relative}.editor-insert-menu{background:var(--color-surface,#fff);border:1px solid var(--color-border);z-index:50;border-radius:8px;min-width:180px;padding:.35rem;animation:.1s ease-out fadeIn;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000026}.editor-insert-item{cursor:pointer;text-align:left;width:100%;color:var(--color-text);background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.83rem;display:flex}.editor-insert-item:hover{background:var(--color-hover,#f1f5f9)}.editor-insert-divider{background:var(--color-border);height:1px;margin:.25rem 0}.editor-insert-url-row{gap:.35rem;padding:.35rem .5rem;display:flex}.editor-insert-url-row .form-input{flex:1;min-width:0}.btn--xs{border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.btn--full{width:100%}.generate-image-page{max-width:720px;margin:0 auto;padding:2rem 1.5rem}.generate-image-page__header{text-align:center;margin-bottom:2rem}.generate-image-page__header h1{justify-content:center;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.5rem;display:flex}.generate-image-page__header .text-secondary{font-size:.9375rem}.generate-image-page__main{flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.generate-image-page__prompt{flex-direction:column;gap:1rem;width:100%;display:flex}.generate-image-page__textarea{resize:vertical;min-height:120px}.generate-image-page__actions{justify-content:center;gap:.75rem;display:flex}.generate-image-page__loading{padding:3rem 0}.generate-image-page__result{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.generate-image-page__preview{max-height:400px}.generate-image-page__result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.image-library-page{max-width:1200px;margin:0 auto;padding:1.5rem}.image-library-page .page-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.image-library-page .page-header h1{align-items:center;gap:.5rem;margin:0;font-size:1.5rem;display:flex}.page-header-left{align-items:center;gap:1rem;display:flex}.page-header-right{align-items:center;gap:.5rem;display:flex}.image-library-page-body{min-height:300px;padding:1rem 0}.image-library-page-body .image-library-empty{gap:.5rem;padding:4rem 0}.text-muted{color:var(--color-text-muted,#94a3b8)}.fc-studio{flex-direction:column;height:calc(100vh - 1rem);display:flex;overflow:hidden}.fc-studio-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 1.25rem;display:flex}.fc-studio-header-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.fc-studio-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:360px;margin:0;font-size:1.0625rem;font-weight:600;overflow:hidden}.fc-studio-title-wrap{align-items:center;gap:.375rem;min-width:0;max-width:400px;display:flex}.fc-studio-title-edit-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition);flex-shrink:0;padding:.25rem}.fc-studio-title-edit-btn:hover{color:var(--color-primary)}.fc-studio-title-edit{align-items:center;gap:.5rem;max-width:320px;display:flex}.fc-studio-title-input{min-width:120px;padding:.375rem .5rem;font-size:1rem;font-weight:600}.fc-studio-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.fc-studio-body{flex:1;min-height:0;display:flex;overflow:hidden}.fc-card-list{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex-shrink:0;width:240px;display:flex}.fc-card-list-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.fc-card-list-count{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.fc-card-list-scroll{flex:1;padding:.5rem;overflow-y:auto}.fc-card-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), border-color var(--transition);border:1px solid #0000;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;display:flex}.fc-card-item:hover{background:var(--color-bg)}.fc-card-item--active{background:var(--color-primary-light);border-color:var(--color-primary-200)}.fc-card-grip{cursor:grab;color:var(--color-text-muted);flex-shrink:0;display:flex}.fc-card-grip:active{cursor:grabbing}.fc-card-index{color:var(--color-text-secondary);text-align:center;flex-shrink:0;min-width:1.25rem;font-size:.75rem;font-weight:600}.fc-card-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-text);flex:1;overflow:hidden}.fc-card-delete{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.125rem;display:flex}.fc-card-item:hover .fc-card-delete{opacity:1}.fc-card-delete:hover{color:var(--color-danger);background:var(--color-danger-light)}.fc-card-add{border:1px dashed var(--color-border);border-radius:var(--radius-md);width:calc(100% - 1rem);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;justify-content:center;align-items:center;gap:.375rem;margin:.5rem;padding:.5rem;font-size:.8125rem;font-weight:500;display:flex}.fc-card-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.fc-editor{background:var(--color-bg);flex-direction:column;flex:1;min-width:0;padding:1.5rem;display:flex;overflow-y:auto}.fc-editor--empty{justify-content:center;align-items:center}.fc-editor-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.fc-editor-title{color:var(--color-text);margin:0;font-size:.9375rem;font-weight:600}.fc-editor-fields{flex-direction:column;gap:1.25rem;max-width:640px;display:flex}.fc-metadata{border-left:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;width:260px;transition:width .25s,opacity .25s;display:flex;position:relative;overflow:hidden}.fc-metadata--collapsed{width:40px}.fc-metadata-toggle{z-index:2;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:28px;height:28px;color:var(--color-text-secondary);transition:all var(--transition);justify-content:center;align-items:center;display:flex;position:absolute;top:.75rem;left:.625rem}.fc-metadata-toggle:hover{background:var(--color-bg);color:var(--color-text)}.fc-metadata-content{opacity:1;flex-direction:column;gap:1rem;width:260px;padding:.75rem 1rem 1rem 3rem;transition:opacity .2s;display:flex;overflow-y:auto}.fc-metadata--collapsed .fc-metadata-content{opacity:0;pointer-events:none}.fc-metadata-title{color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8125rem;font-weight:600}.fc-study{flex-direction:column;min-height:calc(100vh - 4rem);padding:1.5rem;display:flex}.fc-study-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.fc-study-progress{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.fc-study-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;display:flex}.fc-study-hint{color:var(--color-text-muted);font-size:.8125rem}.fc-study-nav{justify-content:center;align-items:center;gap:2rem;display:flex}.fc-study-nav-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);width:48px;height:48px;color:var(--color-text);cursor:pointer;transition:background var(--transition), color var(--transition), opacity var(--transition);justify-content:center;align-items:center;padding:0;display:inline-flex}.fc-study-nav-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-primary)}.fc-study-nav-btn:disabled{opacity:.4;cursor:not-allowed}.fc-study-card{perspective:1000px;cursor:pointer;width:100%;max-width:520px;min-height:320px}.fc-study-card-inner{width:100%;min-height:320px;transform-style:preserve-3d;transition:transform .5s;position:relative}.fc-study-card--flipped .fc-study-card-inner{transform:rotateY(180deg)}.fc-study-card-front,.fc-study-card-back{backface-visibility:hidden;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.fc-study-card-back{justify-content:flex-start;padding-top:2.5rem;transform:rotateY(180deg)}.fc-study-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.6875rem;font-weight:600;position:absolute;top:.75rem;left:1rem}.fc-study-card-text{color:var(--color-text);margin:0;font-size:1.375rem;font-weight:600;line-height:1.4}.fc-study-card-back .fc-study-card-text{margin-bottom:1rem;font-size:1.125rem;font-weight:500}.fc-study-card-extra{text-align:left;border-top:1px solid var(--color-border);width:100%;margin-top:.75rem;padding-top:.75rem}.fc-study-card-extra-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.25rem;font-size:.6875rem;font-weight:600;display:block}.fc-study-card-extra p{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.fc-rating-bar{gap:.75rem;display:flex}.fc-rating-btn{border-radius:var(--radius-md);cursor:pointer;min-width:100px;transition:all var(--transition);border:1px solid;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600}.fc-rating-btn--easy{background:var(--color-success-light);border-color:var(--color-success);color:#065f46}.fc-rating-btn--easy:hover{background:var(--color-success);color:#fff}.fc-rating-btn--medium{background:var(--color-warning-light);border-color:var(--color-warning);color:#78350f}.fc-rating-btn--medium:hover{background:var(--color-warning);color:#fff}.fc-rating-btn--hard{background:var(--color-danger-light);border-color:var(--color-danger);color:#991b1b}.fc-rating-btn--hard:hover{background:var(--color-danger);color:#fff}.fc-rating-btn:disabled{opacity:.6;cursor:not-allowed}.fc-study-empty,.fc-study-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.fc-study-complete-icon{color:var(--color-success)}.fc-study-complete h2{color:var(--color-text);margin:0;font-size:1.5rem}.fc-study-complete-actions{gap:.75rem;margin-top:.5rem;display:flex}@media (width<=1024px){.fc-metadata{display:none}.fc-card-list{width:200px}}@media (width<=768px){.fc-studio{height:auto;min-height:100vh}.fc-studio-body{flex-direction:column}.fc-card-list{border-right:none;border-bottom:1px solid var(--color-border);width:100%;max-height:200px}.fc-card-list-scroll{gap:.5rem;padding:.5rem;display:flex;overflow:auto hidden}.fc-card-item{flex-shrink:0;min-width:140px}.fc-card-add{flex-shrink:0;width:auto;min-width:100px;margin:.5rem}.fc-editor{padding:1rem}.fc-studio-header{padding:.5rem 1rem}.fc-studio-title{max-width:180px;font-size:.9375rem}.fc-study-card{max-width:100%;min-height:260px}.fc-study-card-inner{min-height:260px}.fc-study-card-text{font-size:1.125rem}.fc-rating-bar{flex-direction:column;width:100%;max-width:320px}.fc-rating-btn{width:100%}}