.collage-main{max-width:1240px;padding-bottom:70px}.collage-main h1{font-size:clamp(28px,4vw,46px);line-height:1.45;margin:12px 0}.collage-main h2{font-size:24px;margin:0 0 20px}.flow{display:flex;gap:40px;list-style:none;padding:0;margin:32px 0}.flow li{display:flex;align-items:center;gap:12px}.flow b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e5bf83;color:#071b21}.studio-panel{padding:30px;border:1px solid #d7b67d50;border-radius:24px;background:linear-gradient(130deg,#12313a,#091f27)}.source-row{display:flex;gap:12px;margin:8px 0}.source-row input{flex:1;min-width:0}.collage-page input,.collage-page select{border:1px solid #90b5b54a;background:#071b21;color:#e9efec;border-radius:10px;padding:12px;width:100%;min-height:48px}.collage-page input::placeholder{color:#a9bdbb}.collage-page button{cursor:pointer;min-height:44px}.collage-page button:disabled{opacity:.5;cursor:wait}.collage-page button:focus-visible,.collage-page select:focus-visible{outline:3px solid #e5bf83;outline-offset:3px}.alternatives{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.quiet{color:#a9bdbb;border:0;background:none;text-decoration:underline;padding:10px}.permission-note{font-size:13px;color:#a9bdbb}.permission-note summary{cursor:pointer;color:#e5bf83}#studio-status{min-height:28px;font-size:14px;color:#a7eccf;overflow-wrap:anywhere}#studio-status.error{color:#ffb8a9}.studio-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.studio-controls label{font-size:13px;display:grid;gap:8px}.generate{width:100%;font-size:18px;min-height:54px}.photo-heading,.results-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.photo-heading strong{font-size:14px}.source-photos{display:flex;gap:10px;overflow-x:auto;padding:8px 4px 16px;scrollbar-color:#a88446 #0a232b}.source-photos button{flex:0 0 78px;border:2px solid #d4aa62;border-radius:10px;padding:0;overflow:hidden;position:relative;background:#071b21;height:88px}.source-photos img{width:100%;height:100%;object-fit:cover}.source-photos button[aria-pressed=false]{opacity:.4;border-color:#8a9797}.source-photos button[aria-pressed=true]:after{content:'✓';position:absolute;right:3px;bottom:3px;border-radius:50%;background:#e5bf83;color:#071b21;line-height:20px;width:20px}.results-heading{margin:42px 0 10px}.results-heading h2{margin:8px 0}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.result-card{border:1px solid #91b5b53a;border-radius:18px;background:#0b242c;padding:14px}.result-image{border:0;padding:0;background:#061a1f;width:100%;height:300px;border-radius:10px;overflow:hidden}.result-image img{width:100%;height:100%;object-fit:contain}.result-card p{font-size:13px}.result-card .outline{width:100%}dialog{color:#e9efec;background:#09232b;border:1px solid #d4aa62;border-radius:20px;max-width:850px;width:calc(100% - 28px);max-height:94dvh;padding:20px;overflow:auto}dialog::backdrop{background:#000b}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.preview-header button{background:none;color:#e5bf83;border:0;font-size:24px}#preview-image{display:block;max-height:60dvh;width:100%;object-fit:contain;cursor:pointer}#download-selected{width:100%}.collage-page .nav nav{flex-wrap:wrap} @media(max-width:850px){.studio-controls{grid-template-columns:1fr 1fr}.results{grid-template-columns:1fr 1fr}.source-row{flex-direction:column}.flow{gap:24px}}@media(max-width:600px){.collage-main{padding-top:15px}.studio-panel{padding:20px 16px}.collage-main .lead{font-size:14px}.flow{gap:18px;font-size:12px;justify-content:space-between}.flow b{width:28px;height:28px}.flow li{gap:6px}.studio-controls{gap:12px}.results{grid-template-columns:1fr}.result-image{height:380px}.alternatives .outline{flex:1;font-size:12px;padding:10px}.results-heading{align-items:flex-start}.results-heading .outline{padding:10px;font-size:12px}.photo-heading{align-items:flex-start}.photo-heading .outline{font-size:12px;padding:8px}.collage-page .nav nav a{display:inline-flex}.caption{font-size:12px}}

.collage-page button.outline{background:transparent;color:#e9efec}.collage-page button.gold{color:#18242a}