*{box-sizing:border-box;font-family:Arial,sans-serif;}
body{margin:0;background:#f6f8fb;color:#123;}
header{background:linear-gradient(90deg,#006d77,#00afb9);color:#fff;padding:1.2rem 1.8rem;}
main{display:flex;min-height:calc(100vh - 130px);}
#tabs{width:240px;background:#e0f2f1;border-right:1px solid #c8dbd8;display:flex;flex-direction:column;}
.tab-btn{background:transparent;border:none;text-align:left;padding:.75rem 1rem;cursor:pointer;font-weight:600;color:#145b60;border-bottom:1px solid rgba(0,0,0,0.03);}
.tab-btn.active,.tab-btn:hover{background:#fff;color:#00484d;}
#content{flex:1;padding:1.5rem 2rem;}
#context-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-bottom:1rem;align-items:end;}
#context-inputs label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;}
#context-inputs input{padding:.4rem .5rem;border-radius:4px;border:1px solid #cfd8dc;}
#gen-btn{background:#006d77;color:#fff;border:none;padding:.5rem .8rem;border-radius:4px;cursor:pointer;}
#prompt-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;margin:1rem 0 1.5rem;}
.prompt-card{background:#fff;border:1px solid #d3e2df;border-radius:8px;padding:.6rem .75rem;white-space:pre-line;font-size:.9rem;cursor:pointer;}
.prompt-card:hover{border-color:#00afb9;box-shadow:0 2px 6px rgba(0,0,0,0.03);}
#prompt-output{width:100%;background:#fff;border:1px solid #cfdae0;border-radius:6px;padding:.5rem;margin-bottom:.5rem;}
#copy-btn{background:#006d77;color:#fff;border:none;padding:.45rem .9rem;border-radius:4px;cursor:pointer;}
footer{text-align:center;padding:.5rem;background:#e0f2f1;font-size:.75rem;}
.helptext{font-size:.8rem;color:#567;}