:root{--bg:#0b1020;--panel:#ffffff0f;--text:#ffffffeb;--muted:#ffffffa6;--border:#ffffff1f;--accent:#5eead4;--accent2:#60a5fa}html,body{background:radial-gradient(1200px 700px at 20% 0%, #60a5fa40, transparent), radial-gradient(900px 600px at 80% 20%, #5eead42e, transparent), var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0003;flex-direction:column;width:260px;height:100vh;padding:24px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.sidebar.collapsed{width:72px;padding-left:12px;padding-right:12px}.sidebar.collapsed .brand,.sidebar.collapsed .nav span{opacity:0;transform:translate(-8px)}.sidebar.collapsed .navIcon{margin-left:auto;margin-right:auto}.toggleBtn{border:1px solid var(--border);width:32px;height:32px;color:var(--muted);cursor:pointer;z-index:10;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:24px;right:12px}.toggleBtn:hover{color:var(--text);background:#ffffff1a;transform:rotate(90deg)}.brand{letter-spacing:.3px;margin-bottom:16px;font-weight:700}.nav{flex-direction:column;gap:8px;display:flex}.navIcon{width:20px;height:20px;color:inherit;flex-shrink:0;margin-right:12px}.navLink{color:var(--muted);border:1px solid #0000;border-radius:12px;align-items:center;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.navLink:hover{border-color:var(--border);color:var(--text);background:#ffffff0f;transform:translate(4px)}.navLink.active{color:var(--text);background:#60a5fa1f;border-color:#60a5fa59}.sidebarFooter{border-top:1px solid var(--border);opacity:.8;margin-top:auto;padding-top:16px}.content{padding:24px}.demoGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:32px;display:grid}.demoCard{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;flex-direction:column;align-items:flex-start;height:160px;padding:24px;transition:all .2s;display:flex}.demoCard:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000004d}.pageIcon{width:48px;height:48px;color:var(--accent);margin-bottom:12px}.page h1{background:linear-gradient(135deg, var(--accent2), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:16px;margin:0 0 20px;font-size:28px;display:flex}.card{border:1px solid var(--border);background:var(--panel);border-radius:16px;margin-top:20px;padding:20px}.filePreview{background:#ffffff05;border-radius:12px;margin-top:16px;padding:12px}.filePreview ul{color:var(--muted);margin:0;padding-left:20px}.modeOptions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.modePanel{background:#080f1eb8;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:20px;padding:16px;box-shadow:inset 0 1px #ffffff0a}.modePanelTitle{color:var(--text);margin-bottom:12px;font-size:12px;font-weight:700}.modeCard{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:14px;transition:border-color .2s,background-color .2s,box-shadow .2s;display:block}.modeCard:hover{box-shadow:0 10px 24px #0f172a38}.modeCardActive{background:#60a5fa1f;border-color:#60a5fa8c}.modeCardInner{align-items:center;gap:10px;display:flex}.modeCardText{color:var(--text);flex-direction:column;gap:2px;display:flex}.modeCardTitle{color:var(--text);font-weight:700}.modeCardDesc{color:var(--muted);font-size:12px}.modeHelp{margin-top:15px;margin-bottom:auto;margin-left:12px;line-height:1.5}.templateAction{margin-top:-4px;margin-bottom:24px}.templateAction .btnSecondary{background:#ffffff0f;border-color:#ffffff1f;border-radius:16px}.filePreviewHeaderAction{flex-shrink:0;margin-left:12px}.filePreviewItem{gap:12px;margin-bottom:8px}.filePreviewName{flex:1;min-width:0}.filePreviewAction{flex-shrink:0}.btnGroup{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metaTitle{color:var(--muted);font-size:12px}.metaValue{font-size:14px}.muted{color:var(--muted);font-size:12px}.btn{color:var(--text);cursor:pointer;background:#5eead41f;border:1px solid #5eead459;border-radius:12px;justify-content:center;align-items:center;margin-top:10px;padding:10px 12px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btnSecondary{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:12px;padding:8px 10px}.uploader{background:var(--panel);border:1px dashed #ffffff38;border-radius:14px;padding:14px}.uploader.dragging{background:#60a5fa1f;border-color:#60a5fa8c}.uploaderHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.uploaderLabel{font-weight:600}.uploaderHint{color:var(--muted);margin-top:6px;font-size:12px}.field{flex-direction:column;gap:6px;margin-top:10px;display:flex}.field span{color:var(--muted);font-size:12px}select,input{border:1px solid var(--border);color:var(--text);background:#0000004d;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s}select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5eead433}.check{background:#ffffff08;border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:8px 12px;transition:background .2s;display:flex}.check:hover{background:#ffffff0f}.progress{background:#ffffff14;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.bar{background:linear-gradient(90deg, var(--accent2), var(--accent));height:100%}.error{white-space:pre-wrap;background:#f871711f;border:1px solid #f8717159;border-radius:12px;margin-top:10px;padding:10px}.monitorHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.monitorActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px;display:grid}.statCard{border:1px solid var(--border);background:#ffffff0a;border-radius:16px;padding:16px}.statLabel{color:var(--muted);font-size:12px}.statValue{color:var(--text);margin-top:8px;font-size:28px;font-weight:700}.statusBadge{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.warningBadge{background:#facc151f;border-color:#facc1559}.statusDot{background:#f87171;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #f871711f}.statusDot.ok{background:#34d399;box-shadow:0 0 0 6px #34d3991f}.tableWrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:12px 10px}.table th{color:var(--muted);font-size:12px;font-weight:600}.tableActions{flex-wrap:wrap;gap:8px;display:flex}.jobBadge{border:1px solid var(--border);text-transform:capitalize;background:#ffffff0a;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.jobBadge.queued{background:#facc151f;border-color:#facc154d}.jobBadge.running{background:#60a5fa1f;border-color:#60a5fa59}.jobBadge.completed{background:#34d3991f;border-color:#34d39959}.jobBadge.failed{background:#f871711f;border-color:#f8717159}.jobBadge.cancelled{background:#94a3b81f;border-color:#94a3b859}.codeText{word-break:break-word;font-family:Consolas,SFMono-Regular,Menlo,Monaco,monospace;font-size:12px}.btnDanger{color:var(--text);cursor:pointer;background:#f871711f;border:1px solid #f8717159;border-radius:12px;padding:8px 10px}.btnDanger:disabled{opacity:.5;cursor:not-allowed}.btnTable{margin-top:0;padding:6px 10px;font-size:12px}.successCard{background:#34d3991f;border-color:#34d39959}@media (max-width:900px){.layout{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.grid2{grid-template-columns:1fr}.modeHelp{margin-left:0}}.next-dev-overlay,.__next-dev-overlay{display:none!important}