@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color: #f8fafc;--bg-secondary: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--border-color: rgba(0, 0, 0, .1);--accent-primary: #4f46e5;--accent-hover: #4338ca;--accent-gradient: linear-gradient(135deg, #4f46e5, #9333ea);--success: #059669;--danger: #dc2626;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--transition-fast: .15s ease-in-out;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-color: #0d0d12;--bg-secondary: #14141b;--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--border-color: rgba(255, 255, 255, .08);--accent-primary: #6366f1;--accent-hover: #4f46e5;--accent-gradient: linear-gradient(135deg, #6366f1, #a855f7);--success: #10b981;--danger: #ef4444;--glass-bg: rgba(20, 20, 27, .6);--glass-border: rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0003}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em;color:#fff}h1.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}p{color:var(--text-secondary);margin-bottom:1rem}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.95rem}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff0d}.btn-danger{background:#ef44441a;color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.form-control{width:100%;padding:12px 16px;background:#0003;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.navbar-brand{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.navbar-nav{display:flex;gap:16px;align-items:center}.nav-link{color:var(--text-secondary);font-weight:500}.nav-link:hover,.nav-link.active{color:#fff}.page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-end}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.app-card{padding:24px;display:flex;flex-direction:column;height:100%;transition:transform var(--transition-smooth),border-color var(--transition-fast)}.app-card:hover{transform:translateY(-4px);border-color:#ffffff26}.app-card-title{font-size:1.25rem;margin-bottom:8px}.app-card-meta{font-size:.875rem;color:var(--text-secondary);flex-grow:1;margin-bottom:16px}.app-card-actions{display:flex;gap:8px;margin-top:auto}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:calc(100vh - 120px)}.editor-panes{display:flex;flex-direction:column;gap:16px;height:100%}.editor-pane{flex:1;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary)}.editor-pane-header{background:#ffffff08;padding:8px 16px;font-size:.875rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.editor-textarea{width:100%;height:100%;padding:16px;background:transparent;border:none;resize:none;font-family:Menlo,Monaco,Courier New,monospace;font-size:.9rem;color:#e2e8f0;outline:none}.preview-pane{height:100%;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);background:#fff}.preview-iframe{width:100%;height:100%;border:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@media(max-width:900px){.editor-layout{grid-template-columns:1fr;height:auto}.preview-pane{min-height:500px}}