.app-preview{padding:0 0 64px}.app-preview-window{max-width:960px;margin:0 auto;border-radius:12px;border:1px solid var(--card-border);background:var(--card-bg);overflow:hidden;box-shadow:0 40px 100px #00000080}.app-preview-titlebar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#12101a;border-bottom:1px solid var(--card-border);height:40px}.app-preview-dot{width:10px;height:10px;border-radius:50%}.app-preview-dot-red{background:#ff5f57}.app-preview-dot-yellow{background:#febc2e}.app-preview-dot-green{background:#28c840}.app-preview-body{display:grid;grid-template-columns:220px 1fr;min-height:420px}.app-preview-sidebar{border-right:1px solid var(--card-border);padding:0;background:#12101a;display:flex;flex-direction:column}.app-preview-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--card-border)}.app-preview-sidebar-label{font-family:var(--sans);font-size:11px;color:var(--text-tertiary);letter-spacing:1.5px;text-transform:uppercase;font-weight:500}.app-preview-sidebar-body{padding:8px;flex:1}.app-preview-project{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;margin-bottom:2px;font-family:var(--sans);font-size:13px;color:var(--text-secondary);cursor:default}.app-preview-project-active{background:#14121a}.app-preview-project-name{font-weight:700}.app-preview-chevron{color:var(--text-tertiary);flex-shrink:0}.app-preview-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-blue{background:#3b82f6}.dot-green{background:#22c55e}.dot-purple{background:#a855f7}.app-preview-env-list{margin-left:18px;padding-left:10px;border-left:1px solid rgba(28,26,34,.5)}.app-preview-file{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-family:var(--sans);font-size:12px;color:var(--text-tertiary);cursor:default;text-align:left}.app-preview-file-active{background:#ffffff0f;color:var(--text-primary);border-left:2px solid var(--amber)}.app-preview-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-preview-badge{font-family:var(--mono);font-size:9px;padding:1px 5px;border-radius:3px;font-weight:700;letter-spacing:.3px;flex-shrink:0}.badge-m{background:#eab30826;color:#eab308}.badge-s{background:#3b82f626;color:#3b82f6}.badge-u{background:#f9731626;color:#f97316}.badge-i{background:#7a746c14;color:#6b6575;border:1px solid rgba(122,116,108,.25)}.app-preview-tag{font-family:var(--sans);font-size:9px;padding:0 4px;border-radius:3px;border:1px solid;flex-shrink:0}.tag-loc{color:#22c55e;border-color:#22c55e4d}.tag-pro{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.tag-exa{color:#7a746c;border-color:#7a746c4d}.tag-sta{color:#f59e0b;border-color:#f59e0b4d}.app-preview-editor{text-align:left;display:flex;flex-direction:column}.app-preview-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--card-border)}.app-preview-tab{font-family:var(--sans);font-size:13px;padding:8px 16px;color:var(--text-tertiary);border-bottom:2px solid transparent}.app-preview-tab-active{color:var(--text-primary);border-bottom-color:var(--amber)}.app-preview-tab-right{margin-left:auto;display:flex;align-items:center;gap:6px;padding-right:12px;font-family:var(--mono);font-size:12px;color:var(--text-tertiary)}.app-preview-var{display:grid;grid-template-columns:150px 1fr auto;gap:8px;padding:6px 0;align-items:center}.app-preview-key{font-family:var(--mono);font-size:13px;color:#c8bda8;background:var(--near-black);padding:6px 10px;border-radius:4px;border:1px solid var(--card-border)}.app-preview-value{font-family:var(--mono);font-size:13px;color:#7a746c;background:var(--near-black);padding:6px 10px;border-radius:4px;border:1px solid var(--card-border)}.app-preview-icons{display:flex;gap:4px}.app-preview-annotation{display:flex;align-items:center;gap:6px;grid-column:1 / -1;margin-top:-2px;padding-bottom:4px}.ann-badge{font-family:var(--sans);font-size:10px;padding:1px 6px;border-radius:6px;border:1px solid}.ann-badge-required{color:var(--amber);border-color:#f59e0b66;background:#f59e0b14}.ann-badge-optional{color:var(--text-tertiary);border-color:var(--card-border)}.ann-text{font-family:var(--sans);font-size:11px;color:var(--text-tertiary)}.ann-default{font-family:var(--sans);font-size:11px;color:#f59e0b80}.app-preview-section-header{display:flex;align-items:center;gap:6px;padding:8px 0 4px 6px;border-left:2px solid rgba(245,158,11,.2);font-family:var(--sans);font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.app-preview-footer{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid var(--card-border);background:#12101a;margin-top:auto}.app-preview-footer-btn{font-family:var(--sans);font-size:12px;padding:4px 12px;border-radius:5px;border:1px solid var(--card-border);background:var(--text-primary);color:var(--near-black);font-weight:500}.app-preview-footer-btn-outline{background:transparent;color:var(--text-secondary)}.app-preview-footer-right{margin-left:auto;font-family:var(--sans);font-size:11px;color:var(--text-tertiary);display:flex;align-items:center;gap:4px}@media(max-width:768px){.app-preview-body{grid-template-columns:1fr}.app-preview-sidebar{display:none}}.highlight-section{padding:56px 0}.highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.highlight-content .section-desc{margin-bottom:24px}.highlight-list{list-style:none;padding:0}.highlight-list li{position:relative;padding:10px 0 10px 20px;font-family:var(--sans);font-size:14px;color:var(--text-secondary);line-height:1.5}.highlight-list li:before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;border-radius:50%;background:var(--amber)}.highlight-visual{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:32px;overflow:hidden}.highlight-visual-code{font-family:var(--mono);font-size:13px;line-height:2}.code-comment{color:var(--text-tertiary)}.code-key{color:var(--amber)}.code-eq{color:var(--text-tertiary)}.code-val{color:var(--text-secondary)}.code-added{color:#4ade80}.code-removed{color:#f87171}.code-line-added{background:#4ade800f;border-left:2px solid #4ade80;padding-left:12px}.code-line-removed{background:#f871710f;border-left:2px solid #f87171;padding-left:12px}.code-line{padding-left:14px}@media(max-width:768px){.highlight-grid{grid-template-columns:1fr;gap:32px}}.inline-code[data-astro-cid-feithqkj]{font-family:var(--mono);font-size:.9em}