*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
body{margin:0;background:#0f172a;color:#e2e8f0;min-height:100vh;display:flex;flex-direction:column;}
.topbar{background:linear-gradient(90deg,#0f766e,#0369a1);display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;}
.app-shell{display:flex;flex:1;min-height:0;}
.sidebar{width:215px;background:rgba(15,23,42,.4);border-right:1px solid rgba(148,163,184,.15);padding:.75rem;display:flex;flex-direction:column;gap:.5rem;}
.tab-btn{background:rgba(15,23,42,.2);border:1px solid transparent;color:#e2e8f0;padding:.55rem .5rem;border-radius:.6rem;text-align:left;font-size:.75rem;cursor:pointer;}
.tab-btn.active{background:linear-gradient(90deg,#14b8a6,#0284c7);}
.main-panel{flex:1;display:flex;gap:1rem;padding:1rem;}
.input-panel{flex:0 0 270px;background:rgba(15,23,42,.4);border:1px solid rgba(148,163,184,.15);border-radius:.9rem;padding:.8rem .9rem 1rem;height:fit-content;}
.input-panel h2{margin:0 0 .4rem;font-size:.85rem;}
label{display:block;font-size:.7rem;margin-top:.5rem;margin-bottom:.25rem;color:#cbd5f5;}
input{width:100%;background:rgba(15,23,42,.25);border:1px solid rgba(148,163,184,.4);border-radius:.4rem;padding:.45rem .5rem;color:#e2e8f0;font-size:.7rem;}
.input-hint{font-size:.6rem;color:#94a3b8;margin-top:.5rem;}
#generateBtn{margin-top:.7rem;width:100%;background:linear-gradient(90deg,#14b8a6,#0284c7);border:none;border-radius:.5rem;padding:.55rem .5rem;color:#fff;font-weight:600;font-size:.7rem;cursor:pointer;}
.output-panel{flex:1;background:rgba(15,23,42,.4);border:1px solid rgba(148,163,184,.15);border-radius:.9rem;padding:.8rem .9rem 1rem;overflow-y:auto;}
.accordion{background:rgba(15,23,42,.3);border:1px solid rgba(148,163,184,.25);border-radius:.5rem;margin-bottom:.5rem;}
.accordion-header{padding:.45rem .5rem;font-size:.68rem;font-weight:600;display:flex;justify-content:space-between;cursor:pointer;}
.accordion-body{display:none;padding:.3rem .5rem .5rem;}
.accordion.open .accordion-body{display:block;}
.prompt-card{background:rgba(15,23,42,.25);border:1px solid rgba(148,163,184,.15);border-radius:.5rem;padding:.45rem .5rem .45rem;margin-top:.4rem;}
.prompt-title{font-size:.66rem;font-weight:600;margin-bottom:.2rem;}
.prompt-text{font-size:.63rem;white-space:pre-line;line-height:1.3;}
.footer{text-align:center;font-size:.6rem;padding:.6rem .5rem .8rem;color:#94a3b8;border-top:1px solid rgba(148,163,184,.1);}
@media(max-width:900px){.app-shell{flex-direction:column;}.sidebar{width:100%;flex-direction:row;overflow-x:auto;}.main-panel{flex-direction:column;}.input-panel{width:100%;}}