.project-builder{display:grid;grid-template-columns:1fr 320px;gap:2rem}.builder-main h1{font-size:2.4rem}.context-block,.button-group{margin-bottom:32px}strong{display:block;margin-bottom:12px;opacity:.8}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:2rem 0}.card:hover{transform:translateY(-3px)}.card.active{border-color:#fff;background:#54bef9;color:#fff}.full-project{display:block;margin-bottom:2rem}.context-block{margin-bottom:2rem}.context-block textarea{width:100%;min-height:120px;padding:1rem}.project-panel{background:transparent;border-left:2px solid #eee;padding-left:1.5rem}.project-panel ul{list-style:none;padding:0}.project-panel li{display:flex;justify-content:space-between;padding:.5rem 0}#readyBtn{margin-top:2rem;width:100%;padding:1rem;font-size:1rem}@media(max-width:900px){.project-builder{grid-template-columns:1fr}.project-panel{border-left:none;border-top:2px solid #eee;padding-top:1rem}}.cards.products{gap:14px}.card{padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.35);background:transparent;font-size:1rem;cursor:pointer;transition:.2s;color:#fff}.card:hover{border-color:#54bef9}.option-group{margin-top:20px}.option-group strong{display:block;margin-bottom:10px;font-size:14px}.option-buttons{display:flex;flex-wrap:wrap;gap:12px}.option-btn{padding:12px 18px;border-radius:14px;border:1px solid #d1d5db;background:#fff;font-size:14px;cursor:pointer;transition:all .25s ease}.option-btn:hover{border-color:#54bef9}.option-btn.active{background:#54bef9;color:#fff;border-color:#54bef9}.context-block input,.context-block textarea{width:100%;max-width:420px;padding:12px 14px;font-size:14px;border-radius:12px;border:1px solid #d1d5db;outline:none;transition:border .2s ease}.context-block textarea{min-height:120px;resize:vertical}.context-block input:focus,.context-block textarea:focus{border-color:#54bef9}.project-panel ul{margin-top:12px;padding-left:18px;font-size:14px}.project-panel li{margin-bottom:6px}#context>div>strong{display:block;margin:16px 0 8px;font-size:14px;font-weight:600;color:#111}#context>div>div{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}#context button{padding:10px 16px;font-size:14px;font-weight:500;border-radius:10px;border:1px solid #d0d7de;background:transparent;color:#fff;cursor:pointer;transition:all .2s ease;margin:0 10px;min-width:100px}#context button:hover{border-color:#54bef9;color:#fff}#context button.active{background:#3563a4;border-color:#54bef9;color:#fff}#context input[type=text]{width:100%;max-width:420px;padding:12px 14px;font-size:14px;border-radius:10px;border:1px solid #d0d7de;outline:none}#context input[type=text]:focus{border-color:#54bef9}#context textarea{width:100%;min-height:120px;padding:14px;font-size:14px;border-radius:12px;border:1px solid #d0d7de;resize:vertical}#context textarea:focus{border-color:#54bef9}.modal-backdrop{position:fixed;inset:0;background:#000000a6;display:none;align-items:center;justify-content:center;z-index:999}.modal-backdrop.active{display:flex}.modal{background:#111;border-radius:14px;padding:24px;width:100%;max-width:420px;box-shadow:0 20px 60px #0009}.modal h3{margin:0 0 6px;font-size:20px}.modal p{margin-bottom:16px;font-size:14px;color:#aaa}.modal input{width:100%;padding:12px 14px;margin-bottom:12px;border-radius:10px;border:1px solid #333;background:#0b0b0b;color:#fff;font-size:14px}.modal input:focus{outline:none;border-color:#4db2ff}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.btn-primary{background:#4db2ff;color:#000;border:none;padding:10px 16px;border-radius:999px;cursor:pointer}.btn-secondary{background:transparent;border:1px solid #444;color:#fff;padding:10px 16px;border-radius:999px;cursor:pointer}.button-group button.disabled{opacity:.35;cursor:not-allowed}.hero-visual img{width:100%;border-radius:16px;margin:32px 0;opacity:.9}.hero-background{width:100%;background:linear-gradient(111deg,#2d145533 25.93%,#0e111f33 63.21%,#45b9ff33 100.02%);min-height:100px;padding-top:20px}#editNameBtn{color:#4db2ff;border:solid 1px #333;border-width:0px 0px 1px 0px;font-size:2.4rem;background:transparent;font-family:var(--font-heading);letter-spacing:.4px}span .edit-icon{font-size:.9rem;opacity:.7;transition:transform .2s ease,opacity .2s ease}#context strong{min-width:140px;font-weight:300}