body{background:#0b1020;color:#e9eefc}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#070b16;border-right:1px solid #1e2a44;padding:22px;position:fixed;height:100vh}.brand{font-size:22px;font-weight:800;margin-bottom:26px}.brand span{color:#5eead4}.sidebar a{display:block;color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:12px;margin:6px 0}.sidebar a:hover{background:#13213a;color:#fff}.main{margin-left:250px;width:calc(100% - 250px)}.topbar{background:#0f172a;border-bottom:1px solid #1e293b;padding:16px 24px}.cardx,.card{background:#111a2e;border:1px solid #27344f;color:#e9eefc;border-radius:18px}.form-control,.form-select,textarea{background:#0b1222!important;color:#fff!important;border-color:#334155!important}.btn-primary{background:#4f46e5;border-color:#4f46e5}.btn-success{background:#10b981;border-color:#10b981}.muted{color:#94a3b8}.img-preview{max-width:100%;border-radius:16px;border:1px solid #334155}.promptbox{white-space:pre-wrap;background:#050816;border:1px solid #334155;border-radius:16px;padding:18px;color:#dbeafe}.generated{max-width:420px;width:100%;border-radius:18px;border:1px solid #334155}@media(max-width:800px){.sidebar{position:relative;width:100%;height:auto}.app{display:block}.main{margin-left:0;width:100%}}