:root{--color-bg: #0f172a;--color-background: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-secondary: #06b6d4;--color-accent: #f43f5e;--color-text: #f8fafc;--color-text-primary: #f8fafc;--color-text-muted: #94a3b8;--color-border: #334155;--font-family: "Inter", system-ui, -apple-system, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-size-base: 16px;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgba(139, 92, 246, .3)}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%;width:100%;display:flex;flex-direction:column}h1,h2,h3{margin-top:0;font-weight:700;letter-spacing:-.025em}h1{font-size:var(--font-size-3xl);background:linear-gradient(to right,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.container{width:100%;max-width:600px;margin:0 auto}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-sm{font-size:.875rem}.text-huge{font-size:clamp(4rem,15vw,16rem);line-height:.9;letter-spacing:-.04em;font-weight:900}.text-8xl{font-size:6rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1.1}.bg-background{background-color:var(--color-background)}.bg-surface{background-color:var(--color-surface)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}.mt-4{margin-top:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-md)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-surface-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}@supports (backdrop-filter: blur(10px)){.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-surface-hover);color:var(--color-text);border:1px solid var(--color-surface-hover)}.btn-secondary:hover{background-color:var(--color-border);border-color:var(--color-text-muted)}.btn-ghost{background-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.btn-icon{padding:var(--spacing-sm);border-radius:var(--radius-full)}.action-buttons{display:flex;gap:1rem;margin-bottom:2.5rem;justify-content:flex-start}.action-btn{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-surface-hover);border-radius:.75rem;color:var(--color-text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(139,92,246,.1));opacity:0;transition:opacity .2s}.action-btn:hover:before{opacity:1}.action-btn:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.action-btn svg{flex-shrink:0;color:var(--color-text-muted);transition:color .2s}.action-btn:hover svg{color:var(--color-primary)}.file-input-hidden{display:none}.progress-ring{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%}.timer-discrete svg{transition:all .3s ease}.meta-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-background);border-radius:.5rem;font-size:.875rem;color:var(--color-text-muted)}.meta-badge svg{flex-shrink:0;opacity:.7}.courses-table-container{background:var(--color-surface);border-radius:1rem;border:1px solid rgba(255,255,255,.05);overflow:hidden;box-shadow:0 4px 16px #0003}.courses-table{width:100%;border-collapse:collapse;font-size:.9375rem}.courses-table thead{background:#8b5cf60d;border-bottom:1px solid var(--color-surface-hover)}.courses-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:var(--color-text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.courses-table th.text-center{text-align:center}.courses-table th.text-right{text-align:right}.courses-table tbody tr{border-bottom:1px solid rgba(255,255,255,.03);transition:all .2s}.courses-table tbody tr:last-child{border-bottom:none}.courses-table tbody tr:hover{background:#8b5cf608}.courses-table td{padding:1.25rem 1.5rem;color:var(--color-text-muted);vertical-align:middle}.courses-table td.text-center{text-align:center}.courses-table td.text-right{text-align:right}.course-name{display:flex;align-items:center;gap:.875rem}.course-indicator{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#c084fc);box-shadow:0 0 8px #8b5cf680;flex-shrink:0}.course-title-text{font-weight:600;color:var(--color-text-primary);font-size:1rem}.course-description-text{display:block;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-actions{display:flex;gap:.5rem;justify-content:flex-end}.table-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:1px solid var(--color-surface-hover);border-radius:.5rem;color:var(--color-text-muted);cursor:pointer;transition:all .2s;flex-shrink:0}.table-btn:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted);color:var(--color-text-primary);transform:translateY(-2px)}.table-btn.primary-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:transparent;color:#fff}.table-btn.primary-btn:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px) scale(1.05)}.table-btn.danger-btn:hover{background:#ef44441a;border-color:#f87171;color:#f87171}.timeline-track{background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timeline-fill{box-shadow:0 0 20px #8b5cf680}.timeline-marker{transition:background-color .3s}.timeline-marker.active{background-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.timeline-marker.past{background-color:var(--color-text-muted)}.dashboard-container{min-height:100vh;padding:3rem 2rem;max-width:1400px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:4rem}.header-content{display:inline-block}.dashboard-title{font-size:clamp(3rem,8vw,5rem);font-weight:900;margin:0 0 1rem;letter-spacing:-.02em}.title-gradient{background:linear-gradient(135deg,#8b5cf6,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease infinite;background-size:200% 200%}.dashboard-subtitle{font-size:1.25rem;color:var(--color-text-muted);margin:0}.status-message{padding:1rem 1.5rem;border-radius:.75rem;text-align:center;margin-bottom:2rem;font-weight:500;animation:slide-down .3s ease}.status-message.success{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-message.error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-message.uploading{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-surface-hover);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:var(--color-text-muted);font-size:1.125rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;gap:1.5rem;color:var(--color-text-muted);text-align:center}.empty-state svg{opacity:.5}.empty-state p{font-size:1.125rem;margin:0}@media(max-width:768px){.dashboard-container{padding:2rem 1rem}.dashboard-header{margin-bottom:2.5rem}.action-buttons{flex-direction:column;gap:.75rem}.action-btn{width:100%;justify-content:center}.courses-table-container{overflow-x:auto}.courses-table{min-width:700px}.course-description-text{max-width:200px}}@media(max-width:480px){.dashboard-title{font-size:2.5rem}.dashboard-subtitle{font-size:1rem}.courses-table{font-size:.875rem}.courses-table th,.courses-table td{padding:.875rem 1rem}.table-btn{width:32px;height:32px}.table-btn svg{width:14px;height:14px}}.markdown-content{line-height:1.8;color:var(--color-text-primary)}.markdown-content p{margin-bottom:1rem;color:var(--color-text-muted);font-size:1.8rem}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--color-text-primary);font-weight:700;margin-top:2rem;margin-bottom:1rem}.markdown-content h1{font-size:2.5rem}.markdown-content h2{font-size:2.2rem}.markdown-content h3{font-size:2rem}.markdown-content ul,.markdown-content ol{margin-left:1.5rem;margin-bottom:1rem;color:var(--color-text-muted);font-size:1.8rem}.markdown-content li{margin-bottom:.5rem}.markdown-content strong{color:var(--color-text-primary);font-weight:600}.markdown-content em{font-style:italic;color:var(--color-primary)}.markdown-content code{background-color:var(--color-surface);padding:.2rem .4rem;border-radius:.25rem;font-family:Fira Code,monospace;font-size:.9em}.markdown-content pre{background:linear-gradient(135deg,#8b5cf61f,#7c3aed14);border:1px solid rgba(139,92,246,.35);border-radius:.75rem;padding:1rem 1.25rem;overflow-x:auto;box-shadow:0 10px 30px #00000059}.markdown-content pre code{background:transparent;padding:0;color:#e2e8f0;line-height:1.6;font-size:.9em}.markdown-content .hljs-comment,.markdown-content .hljs-quote{color:#94a3b8}.markdown-content .hljs-keyword,.markdown-content .hljs-selector-tag,.markdown-content .hljs-subst{color:#c084fc}.markdown-content .hljs-number,.markdown-content .hljs-literal,.markdown-content .hljs-variable,.markdown-content .hljs-template-variable,.markdown-content .hljs-tag .hljs-attr{color:#facc15}.markdown-content .hljs-string,.markdown-content .hljs-doctag{color:#34d399}.markdown-content .hljs-title,.markdown-content .hljs-section,.markdown-content .hljs-selector-id{color:#60a5fa}.markdown-content .hljs-type,.markdown-content .hljs-class .hljs-title{color:#f472b6}.markdown-content .hljs-emphasis{font-style:italic}.markdown-content .hljs-strong{font-weight:700}.markdown-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:.75rem;overflow:hidden}.markdown-content thead{background:linear-gradient(135deg,#8b5cf633,#7c3aed26)}.markdown-content th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-text-primary);border-bottom:2px solid rgba(139,92,246,.3)}.markdown-content td{padding:.75rem 1rem;color:var(--color-text-muted);border-bottom:1px solid rgba(139,92,246,.1)}.markdown-content tbody tr:last-child td{border-bottom:none}.markdown-content tbody tr:hover{background:#8b5cf614;transition:background .2s ease}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .6s ease-out}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse-slow{animation:pulse-slow 3s infinite ease-in-out}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes spin{to{transform:rotate(360deg)}}.slide-player{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--color-bg);color:var(--color-text);overflow:hidden;position:relative}.main-content{flex:1;display:flex;overflow:hidden;transition:all .3s ease}.main-content.timer-hidden .content-panel{padding-left:4rem}.timer-panel{width:38%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.75rem 2.5rem;background:radial-gradient(circle at top right,#37415173,#0f172acc);border-right:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff05;transition:width .3s ease,opacity .3s ease}.timer-card{width:100%;max-width:520px;background:linear-gradient(135deg,#1e293bb3,#0f172abf);border-radius:24px;padding:2.25rem;border:1px solid rgba(255,255,255,.06);box-shadow:0 25px 60px #00000059,inset 0 0 0 1px #ffffff05;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.timer-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(94,234,212,.08),transparent 45%);pointer-events:none}.timer-step-badge{position:relative;z-index:1;padding:.5rem 1rem;border-radius:9999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timer-circle-wrapper{margin:1rem 0 .5rem;display:flex;justify-content:center;width:100%}.timer-discrete{position:relative;display:flex;align-items:center;justify-content:center}.timer-circle-shell{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.35rem;background:radial-gradient(circle at 50% 50%,#ffffff0d,#ffffff05);border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff0a}.timer-circle-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#fff;text-align:center;pointer-events:none}.timer-countdown{font-size:2.75rem;font-weight:800;letter-spacing:-.04em;text-shadow:0 6px 16px rgba(0,0,0,.35)}.timer-toggle-button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;height:56px;width:56px;border-radius:50%;background:#22d3ee26;border:1px solid rgba(34,211,238,.4);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #22d3ee59;transition:all .2s ease}.timer-toggle-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 35px #22d3ee59}.timer-total-elapsed{margin-top:.5rem;font-size:1.25rem;font-weight:600;color:#fff9;letter-spacing:.05em;font-variant-numeric:tabular-nums}.content-panel{flex:1;display:flex;flex-direction:column;padding:2rem 4rem 4rem;overflow-y:auto;gap:2rem;transition:padding .3s ease;align-items:center}.content-panel>*{width:100%;max-width:1024px}.completion-message{flex:1;display:flex;align-items:center;justify-content:center}.completion-text{font-size:6rem;font-weight:900;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fade-in .6s ease-out}.slide-header{margin-bottom:0}.slide-title{font-size:4.5rem;font-weight:900;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.025em;color:#e5e7eb;text-shadow:0 8px 24px rgba(0,0,0,.35)}.next-step-info{display:flex;align-items:center;gap:.75rem;color:#94a3b899;font-size:1.125rem}.next-step-label{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.next-step-dot{width:6px;height:6px;border-radius:50%;background-color:#94a3b866}.next-step-title{color:#fffc;font-weight:500}.next-step-footer{margin-top:.75rem}.slide-content{display:flex;flex-direction:column;gap:1.5rem;flex:1}.edit-title-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem 1rem;font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;outline:none;transition:all .2s ease}.edit-title-input:focus{background:#ffffff1a;border-color:#fff3}.edit-content-textarea{width:100%;min-height:400px;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1.5rem;font-size:1rem;line-height:1.6;color:#e2e8f0;font-family:Menlo,Monaco,Courier New,monospace;resize:vertical;outline:none;transition:all .2s ease;flex:1;box-shadow:inset 0 2px 4px #0000001a}.edit-content-textarea:focus{background:#0f172a;border-color:var(--color-primary);box-shadow:0 0 0 2px #22d3ee33}.controls-overlay{position:absolute;top:1.5rem;right:1.5rem;z-index:50;display:flex;align-items:center;gap:1rem}.view-actions,.edit-actions{display:flex;align-items:center;gap:.75rem}.control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.control-btn:hover,.control-btn.active{background:#ffffff1a;color:#fff;border-color:#fff3}.control-btn.save-btn{width:auto;padding:0 1.25rem;border-radius:9999px;background:var(--color-primary);color:#fff;font-weight:600;border:none}.control-btn.save-btn:hover{filter:brightness(1.1)}.control-btn.cancel-btn{width:auto;padding:0 1.25rem;border-radius:9999px}.settings-wrapper{position:relative}.settings-popover{position:absolute;top:100%;right:0;margin-top:.75rem;width:220px;background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;gap:.75rem;animation:slide-down .2s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:.25rem;padding-left:.5rem}.setting-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;cursor:pointer;transition:background .2s ease;color:#ffffffe6}.setting-item:hover{background:#ffffff0d}.setting-item input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px}.step-progress-bar{width:100%;padding:1.25rem 1.5rem 1rem;background-color:#1e293bcc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:0;border:1px solid rgba(255,255,255,.06);box-sizing:border-box}.step-segments-container{display:flex;gap:.5rem;height:4rem}.step-segment{position:relative;background-color:#ffffff0d;border-radius:.75rem;overflow:hidden;transition:all .3s ease}.step-segment:hover{background-color:#ffffff1a}.step-segment-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(to right,var(--color-primary),var(--color-primary),var(--color-secondary));transition:width .5s ease-out}.step-segment-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.step-segment-text{font-size:.875rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .75rem}.progress-footer{width:100%;padding:0 1.5rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;background-color:#0f172ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -10px 30px #00000059;box-sizing:border-box;transition:all .3s ease}.global-progress-bar{width:100%;height:10px;background:#ffffff0f;border-radius:9999px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.05);box-sizing:border-box}.global-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#818cf8,#22d3ee);transition:width 1s linear;box-shadow:0 0 20px #22d3ee80}.back-button{position:absolute;top:1.5rem;left:1.5rem;z-index:50;padding:.75rem;border-radius:9999px;background-color:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.back-button:hover{background-color:#ffffff1a;color:#fff}@media(max-width:1024px){.main-content{flex-direction:column}.timer-panel{width:100%;padding:2.5rem 1.5rem;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.content-panel{padding:2rem 1.5rem}.timer-display{font-size:clamp(3rem,12vw,4.5rem)}.slide-title{font-size:clamp(2.5rem,8vw,3.5rem)}.edit-title-input{font-size:clamp(2rem,6vw,3rem)}.global-progress-bar{height:6px}}@media(max-width:640px){.slide-player{overflow-y:auto}.timer-panel{padding:2rem 1.25rem}.content-panel{padding:1.5rem 1rem}.slide-content{padding-right:0}.step-progress-bar{padding:1rem}.step-segments-container{gap:.25rem;height:3rem}.step-segment-label{display:none}.pause-indicator{width:100%;text-align:center}.controls-overlay{top:1rem;right:1rem}}.markdown-editor{display:flex;flex-direction:column;height:100vh;background-color:var(--color-background);color:var(--color-text-primary);position:fixed;inset:0;z-index:100}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background-color:var(--color-surface);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.editor-title h2{margin:0 0 .25rem;font-size:1.5rem;color:var(--color-text-primary)}.editor-filename{font-size:.875rem;color:var(--color-text-muted);font-family:Fira Code,monospace}.editor-actions{display:flex;gap:1rem}.editor-error{padding:1rem 2rem;background-color:#ef44441a;color:#f87171;border-bottom:1px solid rgba(239,68,68,.3);flex-shrink:0}.editor-container{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;min-height:0}.editor-container.view-only{grid-template-columns:1fr}.editor-textarea{width:100%;height:100%;padding:2rem;background-color:var(--color-background);color:var(--color-text-primary);border:none;border-right:1px solid rgba(255,255,255,.05);font-family:Fira Code,monospace;font-size:1rem;line-height:1.6;resize:none;outline:none;box-sizing:border-box}.editor-textarea::placeholder{color:var(--color-text-muted);opacity:.5}.editor-preview{display:flex;flex-direction:column;background-color:var(--color-surface);overflow:hidden;height:100%}.preview-label{padding:1rem 2rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background-color:#0003;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.preview-content{flex:1;padding:2rem;overflow-y:auto;height:100%}.preview-content h1{font-size:2rem;margin:2rem 0 1rem;color:var(--color-primary);line-height:1.2}.preview-content h1:first-child{margin-top:0}.preview-content p{margin:.5rem 0 1.5rem;line-height:1.8;color:var(--color-text-muted);font-size:1.1rem}.editor-help{padding:1rem 2rem;background-color:var(--color-surface);border-top:1px solid rgba(255,255,255,.05);font-size:.875rem;color:var(--color-text-muted);flex-shrink:0}.editor-help code{padding:.2rem .4rem;background-color:#ffffff1a;border-radius:.25rem;font-family:Fira Code,monospace;color:var(--color-primary)}