*{box-sizing:border-box;margin:0;padding:0}:root{--c-bg:#0f1117;--c-surface:#1a1d27;--c-border:#2a2d3a;--c-text:#e1e4ed;--c-text-dim:#8b8fa3;--c-primary:#42b883;--c-primary-hover:#33a06f;--c-danger:#e5484d}body{background:var(--c-bg);color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:800px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:36px}.header h1{color:var(--c-primary);letter-spacing:-.5px;font-size:2.4rem}.tagline{color:var(--c-text-dim);margin-top:4px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;margin-bottom:20px;padding:24px}.card h2{color:var(--c-text-dim);margin-bottom:16px;font-size:1rem;font-weight:600}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h2{margin-bottom:0}.framework-tabs{gap:10px;display:flex}.tab{border:1px solid var(--c-border);color:var(--c-text);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:.95rem;transition:all .15s}.tab:hover{border-color:var(--c-primary)}.tab.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff;font-weight:600}.module-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.module-item{border:1px solid var(--c-border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;transition:all .15s;display:flex}.module-item:hover{border-color:var(--c-primary)}.module-item.selected{border-color:var(--c-primary);background:#42b8831a}.module-item input[type=checkbox]{accent-color:var(--c-primary)}.link-btn{color:var(--c-primary);cursor:pointer;background:0 0;border:none;font-size:.85rem}.link-btn:hover{text-decoration:underline}.generate-btn{background:var(--c-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-bottom:20px;padding:14px;font-size:1rem;font-weight:600;transition:background .15s}.generate-btn:hover:not(:disabled){background:var(--c-primary-hover)}.generate-btn:disabled{opacity:.4;cursor:not-allowed}.copy-btn{background:var(--c-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:.85rem;font-weight:600;transition:background .15s}.copy-btn:hover{background:var(--c-primary-hover)}.result-stats{color:var(--c-text-dim);gap:16px;margin-bottom:16px;font-size:.85rem;display:flex}.result-stats span{background:var(--c-bg);border-radius:6px;padding:4px 10px}.result-content{background:var(--c-bg);border:1px solid var(--c-border);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:500px;padding:16px;font-size:.8rem;line-height:1.5;overflow:auto}.error{border:1px solid var(--c-danger);color:var(--c-danger);background:#e5484d1a;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem}.loading-card{text-align:center;color:var(--c-text-dim);padding:60px 0}