.dir-gen-page[data-v-73ebd7ac]{position:relative;min-height:100vh;background:#f1f5f9;padding:2rem 1.5rem;overflow-x:hidden}.bg-grid[data-v-73ebd7ac]{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.page-header[data-v-73ebd7ac]{text-align:center;margin-bottom:2rem;position:relative}.header-title[data-v-73ebd7ac]{font-size:1.75rem;font-weight:700;color:#0f172a;letter-spacing:-.02em;margin-bottom:.5rem}.header-sub[data-v-73ebd7ac]{color:#64748b;font-size:.95rem}.workspace[data-v-73ebd7ac]{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:1200px;margin:0 auto 1.5rem}.panel[data-v-73ebd7ac]{background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(203,213,225,.7);border-radius:14px;overflow:hidden;box-shadow:0 4px 24px #94a3b81f;animation:panelIn-73ebd7ac .5s ease-out both}.panel[data-v-73ebd7ac]:nth-child(2){animation-delay:.1s}@keyframes panelIn-73ebd7ac{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.panel-bar[data-v-73ebd7ac]{display:flex;align-items:center;gap:6px;padding:.75rem 1rem;background:#f1f5f9d9;border-bottom:1px solid rgba(203,213,225,.6)}.panel-dot[data-v-73ebd7ac]{width:10px;height:10px;border-radius:50%}.dot-red[data-v-73ebd7ac]{background:#ef4444}.dot-yellow[data-v-73ebd7ac]{background:#eab308}.dot-green[data-v-73ebd7ac]{background:#22c55e}.panel-title[data-v-73ebd7ac]{font-size:.78rem;color:#94a3b8;margin-left:6px;font-weight:500;letter-spacing:.02em}.editor-body[data-v-73ebd7ac]{padding:0}.editor-body textarea[data-v-73ebd7ac]{width:100%;min-height:280px;padding:1rem;background:transparent;border:none;outline:none;resize:vertical;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.85rem;line-height:1.65;color:#1e293b;-moz-tab-size:2;tab-size:2}.editor-body textarea[data-v-73ebd7ac]::placeholder{color:#94a3b8}.editor-actions[data-v-73ebd7ac]{display:flex;gap:.75rem;padding:.75rem 1rem;border-top:1px solid rgba(203,213,225,.6)}.proj-input[data-v-73ebd7ac]{flex:1;padding:.55rem .85rem;background:#f8fafc;border:1px solid rgba(148,163,184,.45);border-radius:8px;color:#1e293b;font-size:.85rem;outline:none;transition:border-color .2s,box-shadow .2s}.proj-input[data-v-73ebd7ac]:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.proj-input[data-v-73ebd7ac]::placeholder{color:#94a3b8}.editor-tools[data-v-73ebd7ac]{display:flex;gap:.5rem;padding:.5rem 1rem 1rem}.btn[data-v-73ebd7ac]{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.btn-primary[data-v-73ebd7ac]{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 12px #2563eb40}.btn-primary[data-v-73ebd7ac]:hover{box-shadow:0 4px 20px #2563eb61;transform:translateY(-1px)}.btn-primary[data-v-73ebd7ac]:active{transform:translateY(0)}.btn-ghost[data-v-73ebd7ac]{background:#f1f5f9e6;color:#64748b;border:1px solid rgba(203,213,225,.7)}.btn-ghost[data-v-73ebd7ac]:hover{background:#e2e8f0;color:#334155;border-color:#94a3b899}.preview-body[data-v-73ebd7ac]{min-height:280px;max-height:380px;overflow-y:auto;padding:1rem}.preview-empty[data-v-73ebd7ac]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:260px;color:#cbd5e1;gap:.75rem}.preview-empty p[data-v-73ebd7ac]{font-size:.88rem}.tree-container[data-v-73ebd7ac]{font-family:JetBrains Mono,Fira Code,monospace;font-size:.84rem;line-height:1.7}.tree-node[data-v-73ebd7ac]{position:relative}.tree-node-row[data-v-73ebd7ac]{display:flex;align-items:center;gap:.5rem;padding:2px 0;border-radius:4px;transition:background .15s}.tree-node-row[data-v-73ebd7ac]:hover{background:#3b82f60f}.tree-icon[data-v-73ebd7ac]{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.icon-folder[data-v-73ebd7ac]:before{content:"";display:inline-block;width:16px;height:13px;border:1.5px solid #eab308;border-radius:1px 3px 3px 0;transform:skew(-8deg);position:relative}.icon-folder[data-v-73ebd7ac]:after{content:"";position:absolute;width:5px;height:2px;background:#eab308;top:-2px;left:2px;border-radius:1px 1px 0 0}.icon-file[data-v-73ebd7ac]:before{content:"";display:inline-block;width:14px;height:17px;border:1.5px solid #2563eb;border-radius:2px;position:relative}.icon-file[data-v-73ebd7ac]:after{content:"";position:absolute;width:4px;height:4px;border-right:1.5px solid #2563eb;border-top:1.5px solid #2563eb;top:0;right:-1px;background:#fff}.tree-name[data-v-73ebd7ac]{color:#334155}.tree-node:hover>.tree-node-row .tree-name[data-v-73ebd7ac]{color:#0f172a}.tree-node .tree-node[data-v-73ebd7ac]{margin-left:1.25rem;padding-left:1rem;border-left:1px dashed rgba(148,163,184,.4)}.stats-bar[data-v-73ebd7ac]{display:flex;align-items:center;padding:.75rem 1rem;border-top:1px solid rgba(203,213,225,.6);background:#f8fafccc}.stat-item[data-v-73ebd7ac]{flex:1;text-align:center}.stat-num[data-v-73ebd7ac]{display:block;font-size:1.2rem;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums}.stat-folder[data-v-73ebd7ac]{color:#ca8a04}.stat-file[data-v-73ebd7ac]{color:#2563eb}.stat-depth[data-v-73ebd7ac]{color:#059669}.stat-label[data-v-73ebd7ac]{font-size:.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.stat-divider[data-v-73ebd7ac]{width:1px;height:28px;background:#cbd5e1b3}.guide-card[data-v-73ebd7ac]{max-width:1200px;margin:0 auto;background:#ffffffbf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(203,213,225,.6);border-radius:14px;padding:1.5rem;box-shadow:0 4px 24px #94a3b81a;animation:panelIn-73ebd7ac .5s ease-out .2s both}.guide-title[data-v-73ebd7ac]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(203,213,225,.6)}.guide-grid[data-v-73ebd7ac]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.guide-item[data-v-73ebd7ac]{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem;background:#f8fafce6;border-radius:10px;border:1px solid rgba(203,213,225,.5);transition:border-color .2s,background .2s}.guide-item[data-v-73ebd7ac]:hover{border-color:#3b82f64d;background:#f1f5f9}.guide-icon[data-v-73ebd7ac]{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#3b82f612;color:#2563eb}.guide-item strong[data-v-73ebd7ac]{display:block;font-size:.85rem;color:#1e293b;margin-bottom:.2rem}.guide-item p[data-v-73ebd7ac]{font-size:.78rem;color:#64748b;margin:0;line-height:1.4}.toast[data-v-73ebd7ac]{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:999;padding:.65rem 1.5rem;border-radius:10px;font-size:.88rem;font-weight:500;color:#fff;box-shadow:0 8px 32px #0000002e;pointer-events:none}.toast-success[data-v-73ebd7ac]{background:#16a34a}.toast-info[data-v-73ebd7ac]{background:#2563eb}.toast-enter-active[data-v-73ebd7ac]{transition:all .3s ease-out}.toast-leave-active[data-v-73ebd7ac]{transition:all .2s ease-in}.toast-enter-from[data-v-73ebd7ac]{opacity:0;transform:translate(-50%) translateY(-12px)}.toast-leave-to[data-v-73ebd7ac]{opacity:0;transform:translate(-50%) translateY(-8px)}.preview-body[data-v-73ebd7ac]::-webkit-scrollbar{width:5px}.preview-body[data-v-73ebd7ac]::-webkit-scrollbar-track{background:transparent}.preview-body[data-v-73ebd7ac]::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:3px}.preview-body[data-v-73ebd7ac]::-webkit-scrollbar-thumb:hover{background:#94a3b880}@media(max-width:768px){.dir-gen-page[data-v-73ebd7ac]{padding:1rem .75rem}.header-title[data-v-73ebd7ac]{font-size:1.35rem}.workspace[data-v-73ebd7ac]{grid-template-columns:1fr}.guide-grid[data-v-73ebd7ac]{grid-template-columns:1fr 1fr}.stats-bar[data-v-73ebd7ac]{flex-wrap:wrap;gap:.5rem}.stat-divider[data-v-73ebd7ac]{display:none}.stat-item[data-v-73ebd7ac]{flex:0 0 calc(50% - .25rem)}.editor-actions[data-v-73ebd7ac]{flex-direction:column}.btn-primary[data-v-73ebd7ac]{justify-content:center}}@media(max-width:480px){.guide-grid[data-v-73ebd7ac]{grid-template-columns:1fr}}