*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,roboto,oxygen,ubuntu,cantarell,sans-serif;background:#191a21;color:#f8f8f2;min-height:100vh;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;position:relative;z-index:1;padding-left:2rem;padding-right:2rem;overflow-x:hidden}footer{margin-bottom:2rem}.container-fluid{max-width:100;margin:0 auto;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:monaco,menlo,courier new,monospace;color:#f8f8f2;line-height:1.2;font-weight:600}a{color:#bd93f9;text-decoration:none;transition:all .15s}a:hover{color:#bd93f9}select,input[type=text],input[type=email],textarea{width:100%;background:#44475a;border:1px solid #44475a;border-radius:8px;color:#f8f8f2;padding:.625rem .875rem;font-size:.875rem;font-family:monaco,menlo,courier new,monospace;transition:all .15s}select:hover,input[type=text]:hover,input[type=email]:hover,textarea:hover{border-color:#bd93f9}select:focus,input[type=text]:focus,input[type=email]:focus,textarea:focus{outline:none;border-color:#bd93f9;box-shadow:0 0 0 3px rgba(189,147,249,.15)}select:disabled,input[type=text]:disabled,input[type=email]:disabled,textarea:disabled{opacity:.4;cursor:not-allowed}select option{background:#21222c;color:#f8f8f2}button{cursor:pointer;font-family:inherit;transition:all .15s}button:active{transform:scale(.98)}@media(max-width:768px){.container{padding-left:1rem;padding-right:1rem}}header{padding:1.5rem 0 1rem;margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1;background:linear-gradient(135deg,#bd93f9 0%,#ff79c6 50%,#50fa7b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1::before{content:'$ ';color:#50fa7b;opacity:.7;-webkit-text-fill-color:#50fa7b}.tagline{font-size:.85rem;color:#6272a4;font-weight:400}.subtitle{font-size:.95rem;color:#6272a4;max-width:600px;margin:0 auto 1rem;line-height:1.5}.nav-links{display:flex;gap:1rem;align-items:center}.nav-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:0 0;border:none;color:#6272a4;text-decoration:none;font-family:monaco,menlo,courier new,monospace;font-size:.875rem;font-weight:500;transition:all .15s;position:relative}.nav-btn:hover{color:#bd93f9}.nav-btn::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:#bd93f9;transition:all .15s}.nav-btn:hover::after{width:100%}.header-links{display:flex;gap:.75rem}.link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:#282a36;border:1px solid #44475a;border-radius:12px;color:#f8f8f2;text-decoration:none;font-family:monaco,menlo,courier new,monospace;font-size:1rem;font-weight:500;transition:all .15s}.link-btn:hover{border-color:#bd93f9;background:#21222c;box-shadow:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);transform:translateY(-2px)}.section{margin-bottom:1rem}.section-label{display:block;font-size:.75rem;color:#6272a4;margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.panel{background:#21222c;border:1px solid #44475a;border-radius:12px;padding:1.5rem}.panel-title{font-size:1rem;font-weight:700;color:#bd93f9;margin-bottom:1rem;font-family:monaco,menlo,courier new,monospace}.action-btn,.copy-btn,.download-btn,.copy-snippet-btn,.import-snippet-btn{background:#bd93f9;border:none;color:#000;padding:.625rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .15s;box-shadow:0 1px 2px rgba(0,0,0,.3)}.action-btn:hover,.copy-btn:hover,.download-btn:hover,.copy-snippet-btn:hover,.import-snippet-btn:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);color:#000;background:#ff79c6}.action-btn.secondary,.copy-btn.secondary,.download-btn.secondary,.copy-snippet-btn.secondary,.import-snippet-btn.secondary{background:#282a36;color:#50fa7b;border:1px solid #50fa7b;box-shadow:none}.action-btn.secondary:hover,.copy-btn.secondary:hover,.download-btn.secondary:hover,.copy-snippet-btn.secondary:hover,.import-snippet-btn.secondary:hover{background:#50fa7b;color:#000}.action-btn.copied,.copy-btn.copied,.download-btn.copied,.copy-snippet-btn.copied,.import-snippet-btn.copied{background:#50fa7b;color:#000}.download-btn{font-size:.75rem;padding:.5rem .75rem;text-align:center;text-decoration:none}.copy-snippet-btn{background:#282a36;border:1px solid #50fa7b;color:#50fa7b;padding:.5rem .75rem;font-size:.8rem;box-shadow:none}.copy-snippet-btn:hover{background:#50fa7b;color:#000}.copy-snippet-btn.copied{background:#50fa7b;color:#000}.import-snippet-btn{background:#50fa7b;color:#000;padding:.5rem .75rem;font-size:.8rem;border:1px solid #50fa7b}.import-snippet-btn:hover{background:#282a36;color:#50fa7b}.import-snippet-btn.copied{background:#50fa7b;color:#000}.prompt-card{background:#21222c;border:1px solid #44475a;border-radius:12px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column;cursor:pointer}.prompt-card:hover{border-color:#bd93f9;box-shadow:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);transform:translateY(-2px)}.prompt-card .prompt-actions{cursor:default}.prompt-header{padding:.75rem 1rem;border-bottom:1px solid #44475a}.prompt-name{font-size:1rem;font-weight:700;color:#bd93f9;margin-bottom:.25rem;font-family:monaco,menlo,courier new,monospace}.prompt-description{font-size:.75rem;color:#6272a4;line-height:1.3}.prompt-snippet{flex:1;background:#191a21;padding:.75rem;font-family:monaco,menlo,courier new,monospace;font-size:.7rem;color:#f8f8f2;overflow-x:auto;line-height:1.5;max-height:180px;overflow-y:auto}.prompt-snippet pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.yaml-key{color:#50fa7b}.yaml-value{color:#f1fa8c}.yaml-comment{color:#6272a4}.template-text{color:#8be9fd}footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #44475a;text-align:center;color:#6272a4;font-size:.85rem}.empty-state{text-align:center;padding:1rem;color:#6272a4;font-size:.75rem}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.modal.active{display:block}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(4px)}.modal-content{position:relative;max-width:900px;max-height:90vh;margin:5vh auto;background:#21222c;border:1px solid #44475a;border-radius:12px;box-shadow:0 10px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;padding-bottom:0;border-bottom:1px solid #44475a}.modal-title{font-size:1.5rem;font-weight:700;color:#bd93f9;font-family:monaco,menlo,courier new,monospace;margin:0}.modal-title::before{content:''}.modal-close{background:0 0;border:none;color:#6272a4;font-size:2rem;line-height:1;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s}.modal-close:hover{background:#282a36;color:#f8f8f2}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.modal-description{color:#6272a4;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.modal-section{margin-bottom:1.5rem}.modal-section-title{font-size:.85rem;font-weight:600;color:#bd93f9;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.modal-prompt-container{background:#191a21;border:1px solid #44475a;border-radius:8px;padding:1.5rem;font-family:monaco,menlo,courier new,monospace;font-size:.9rem;line-height:1.6;color:#f8f8f2;overflow-x:auto}.modal-prompt-container pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.modal-footer{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-top:1px solid #44475a}.modal-footer-section{width:100%}.modal-footer-actions{display:flex;gap:1rem;width:100%}body.modal-open{overflow:hidden}@media(max-width:1024px){.header-content{flex-direction:column;align-items:flex-start}.nav-links{width:100%}.nav-btn{flex:1}}@media(max-width:768px){.modal-content{max-width:95%;max-height:95vh;margin:2.5vh auto}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-prompt-container{font-size:.8rem}}.editor-container{display:flex;flex-direction:column;gap:1.5rem}.config-section{background:#21222c;border:1px solid #44475a;border-radius:12px;padding:1rem 1.5rem}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.config-item{display:flex;flex-direction:column;gap:.4rem}.config-item label{font-size:.7rem;color:#6272a4;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.config-item input,.config-item select{padding:.5rem .65rem;font-size:.8rem}.inputs-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #44475a}.inputs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.inputs-title{font-size:.7rem;color:#6272a4;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.input-list{background:#191a21;border:1px solid #44475a;border-radius:6px;padding:.75rem;min-height:60px;max-height:200px;overflow-y:auto}.input-item{background:#21222c;border:1px solid #44475a;border-radius:6px;padding:.5rem;margin-bottom:.5rem;display:grid;grid-template-columns:1fr 100px 60px 30px;gap:.5rem;align-items:center}.input-item:last-child{margin-bottom:0}.input-item input,.input-item select{padding:.35rem .45rem;font-size:.7rem}.input-item-field{display:flex;flex-direction:column;gap:.25rem}.input-item-label{font-size:.55rem;color:#6272a4;text-transform:uppercase;letter-spacing:.05em}.checkbox-wrapper{display:flex;flex-direction:column;align-items:center;gap:.25rem}.checkbox-wrapper input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#bd93f9}.delete-btn{background:0 0;border:none;color:#f55;cursor:pointer;font-size:1.2rem;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s}.delete-btn:hover{background:#f55;color:#fff}.add-input-btn-inline{background:#50fa7b;border:none;color:#000;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.7rem;font-weight:600;transition:all .15s}.add-input-btn-inline:hover{background:#34d399}.editor-preview-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.template-panel{display:flex;flex-direction:column;height:100%}.template-panel textarea{flex:1}textarea{min-height:400px;resize:vertical;font-family:monaco,menlo,courier new,monospace;line-height:1.5}.preview-container{background:#191a21;border:1px solid #44475a;border-radius:8px;padding:1rem;font-family:monaco,menlo,courier new,monospace;font-size:.75rem;color:#f8f8f2;overflow-x:auto;line-height:1.6;min-height:400px;max-height:600px;overflow-y:auto;box-shadow:0 1px 2px rgba(0,0,0,.3)}.preview-container pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.action-buttons{display:flex;gap:.75rem;margin-top:1rem}@media(max-width:1024px){.editor-preview-container{grid-template-columns:1fr}textarea{min-height:250px}}@media(max-width:768px){.config-grid{grid-template-columns:1fr}}@media(max-width:640px){.input-item{grid-template-columns:1fr}}