
.create-shell{width:min(1120px,calc(100% - 40px));margin:52px auto 100px}.create-hero{display:grid;grid-template-columns:1fr 310px;gap:30px;align-items:stretch;padding:44px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:radial-gradient(circle at 85% 10%,rgba(139,92,246,.18),transparent 35%),linear-gradient(135deg,#13131d,#0c0d12 65%,#15111b);box-shadow:0 28px 80px rgba(0,0,0,.22)}.create-hero h1{margin:10px 0 10px;font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-2px}.create-hero h1 span{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.create-hero p{max-width:680px;color:#858895;font-size:14px;line-height:1.75}.create-hero-badge{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;border:1px solid rgba(139,92,246,.2);border-radius:18px;background:rgba(139,92,246,.07)}.create-hero-badge strong{color:#a78bfa;font-size:10px;letter-spacing:1.2px}.create-hero-badge span{color:#b7b8c3;font-size:12px;line-height:1.6}.create-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;padding:32px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#0d0e13;box-shadow:0 24px 65px rgba(0,0,0,.18)}.create-form label{display:grid;gap:8px;color:#d5d6dd;font-size:12px;font-weight:750}.create-form label:nth-child(3),.create-form label:nth-child(4),.create-form label:nth-child(5),.create-form button,.create-form #message{grid-column:1/-1}.create-form input,.create-form textarea{width:100%;box-sizing:border-box;padding:15px 16px;background:#111218;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#fff;outline:0;font:inherit}.create-form input:focus,.create-form textarea:focus{border-color:rgba(139,92,246,.65);box-shadow:0 0 0 3px rgba(139,92,246,.08)}.create-form textarea{min-height:145px;resize:vertical;line-height:1.6}.create-form label:nth-child(5) textarea{min-height:340px}.create-form label small{color:#666a78;font-size:10px;font-weight:400}.create-form button{min-height:54px;border:0;border-radius:13px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-weight:850;font-size:13px;box-shadow:0 12px 30px rgba(139,92,246,.16)}.create-form button:hover{filter:brightness(1.08);transform:translateY(-1px)}.create-form #message{min-height:20px;margin:0;color:#a78bfa;font-size:12px}.site-header nav{display:flex;align-items:center;gap:22px}.site-header nav [data-user-nav]{display:flex;align-items:center;gap:18px}.site-header nav [data-user-nav] .user-nav-profile{display:inline-flex;align-items:center;gap:8px}.site-header nav [data-user-nav] button{color:#a6a8b5;background:none;border:0;cursor:pointer}.user-nav-avatar,.user-nav-initial{width:28px;height:28px;border-radius:9px;object-fit:cover}.user-nav-initial{display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:11px;font-weight:800}@media(max-width:820px){.create-hero{grid-template-columns:1fr;padding:30px 24px}.create-form{grid-template-columns:1fr}.create-form label:nth-child(3),.create-form label:nth-child(4),.create-form label:nth-child(5),.create-form button,.create-form #message{grid-column:1}.create-shell{width:calc(100% - 28px);margin-top:25px}}@media(max-width:600px){.create-hero h1{font-size:36px}.create-form{padding:22px}.site-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}}


/* FASE 15 — armazenamento de mídia */
.image-or-divider{display:flex;align-items:center;gap:12px;margin:2px 0;color:#85889a;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.image-or-divider::before,.image-or-divider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.08)}
.create-image-preview{margin-top:-6px;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:#0b0c11;max-width:520px}
.create-image-preview img{display:block;width:100%;max-height:320px;object-fit:cover}
@media(max-width:700px){.create-image-preview{max-width:100%}}

/* FASE 20.6 — criador com até 4 imagens por prompt */
.create-gallery-fieldset{grid-column:1/-1;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px;background:rgba(255,255,255,.018);min-width:0}
.create-gallery-fieldset legend{padding:0 8px;color:#fff;font-size:14px;font-weight:850}
.create-gallery-help{margin:0 0 16px;color:#858895;font-size:12px;line-height:1.6}
.create-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.create-gallery-grid .image-slot{display:grid;gap:8px;padding:14px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;background:#0b0c11}
.create-gallery-grid .image-slot span{font-size:12px;color:#ddd;font-weight:800}
.create-gallery-grid .image-slot small{color:#6f7280;font-size:10px;font-weight:400}
.create-gallery-grid input{padding:10px;font-size:11px}
.create-gallery-note{display:block;margin-top:10px;color:#666a78;font-size:10px}
.create-image-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;max-width:none}
.create-image-preview figure{margin:0;min-width:0}
.create-image-preview img{width:100%;height:130px;max-height:none;object-fit:cover;border-radius:10px}
.create-image-preview figcaption{padding-top:5px;color:#858895;font-size:9px;text-align:center}
@media(max-width:900px){.create-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-image-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.create-gallery-grid{grid-template-columns:1fr}.create-image-preview{grid-template-columns:1fr 1fr}.create-image-preview img{height:110px}.create-gallery-fieldset{padding:15px}}
