/* Lazy portfolio chooser: only the compact trigger occupies the dashboard. */
.ugc-template-launcher{width:100%;box-sizing:border-box;padding:8px;margin-top:8px;position:relative;z-index:3;text-align:center;font-family:Inter,Arial,sans-serif}.ugc-template-launcher button{width:100%;min-height:46px;padding:12px;border:1px solid #8b672c;border-radius:12px;background:#fffaf0;color:#172033;font:800 15px/1.4 Inter,Arial,sans-serif;cursor:pointer}.ugc-template-launcher p{font-size:13px!important;color:#273446!important;margin:8px 0!important;line-height:1.5!important}
#ugcPortfolioStyleDialog{position:fixed!important;inset:0!important;margin:auto!important;width:min(1000px,calc(100vw - 28px));max-height:calc(100dvh - 28px);height:max-content;overflow:auto;padding:30px;border:1px solid #bd9752;border-radius:24px;box-sizing:border-box;background:radial-gradient(ellipse at top right,#f5e6bf70,transparent 45%),#fcfbf7;color:#172033;box-shadow:0 24px 100px #08132266;font:16px/1.6 Inter,Arial,sans-serif;text-align:left;transform:none!important}#ugcPortfolioStyleDialog:not([open]){display:none!important}#ugcPortfolioStyleDialog::backdrop{background:#0d1839b8}#ugcPortfolioStyleDialog *{box-sizing:border-box}.ugc-template-header{display:flex;justify-content:space-between;gap:20px;align-items:start}.ugc-template-header h2{font:500 clamp(27px,4vw,40px)/1.15 Georgia,serif;margin:10px 0;color:#142038}.ugc-template-kicker{font-size:12px;letter-spacing:.12em;font-weight:800;color:#785515}.ugc-template-header p{margin:12px 0 24px;max-width:680px;color:#475569}.ugc-template-header [data-template-close]{height:44px;min-width:44px;border:1px solid #cbb78b;border-radius:50%;background:#fff;color:#172033;font-size:20px;cursor:pointer}
.ugc-template-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ugc-template-options>button{padding:12px;border:2px solid #e2ddcf;border-radius:16px;background:#fff;color:#172033;text-align:left;font:inherit;cursor:pointer;position:relative}.ugc-template-options>button[aria-pressed=true]{border-color:#886020;box-shadow:0 0 0 2px #e9d2a366}.ugc-template-options strong,.ugc-template-options small{display:block;margin-top:8px}.ugc-template-options strong{font-size:19px}.ugc-template-options small{font-size:13px;line-height:1.5;color:#526070}.ugc-template-selection{display:block;font-size:12px;font-weight:800;color:#785515;visibility:hidden;margin-top:8px}.ugc-template-options [aria-pressed=true] .ugc-template-selection{visibility:visible}.ugc-template-sample{--paper:#fff6e5;--ink:#16253d;--accent:#d7b16a;display:block;position:relative;height:136px;overflow:hidden;border-radius:8px;background:linear-gradient(130deg,transparent 50%,#bba67015 50%),var(--paper);border:1px solid var(--accent)}.ugc-template-sample:before{content:"UGC  /  PORTFOLIO";font:700 8px/1.3 Arial;letter-spacing:.15em;color:var(--ink);position:absolute;left:12px;top:12px}.ugc-template-sample i{position:absolute;right:14px;top:35px;width:52px;height:65px;border:3px solid var(--accent);border-radius:28px 28px 9px 9px;background:linear-gradient(135deg,#7f91a3,#1d314b)}.ugc-template-sample b{position:absolute;left:12px;top:45px;width:45%;height:8px;background:var(--ink);box-shadow:0 16px var(--accent),0 32px var(--accent)}.ugc-template-sample em{position:absolute;inset:auto 12px 12px;height:17px;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent)}.ugc-template-sample.noir{--paper:#112137;--ink:#f1ddaf;--accent:#bd9850}.ugc-template-sample.editorial{--paper:#fff;--ink:#151f2f;--accent:#b9a479;border-radius:0}.ugc-template-sample.editorial i{right:auto;left:12px;border-radius:0}.ugc-template-sample.editorial b{left:auto;right:12px}.ugc-template-sample.atelier{--paper:#edf2e9;--ink:#264a3c;--accent:#91a386}.ugc-template-sample.spotlight{--paper:#eef3ff;--ink:#1c3767;--accent:#95b8ed}.ugc-template-controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid #d9ccaf}.ugc-template-controls button{min-height:48px;padding:12px 20px;border:1px solid #d1bc93;border-radius:10px;font:800 15px/1.5 Inter,Arial,sans-serif;background:#fff;color:#172033;cursor:pointer}.ugc-template-controls [data-template-save]{background:linear-gradient(120deg,#eed79b,#c99a43);border-color:#b48e44;color:#161f32}#ugcPortfolioStyleDialog [data-template-status]{min-height:26px;margin:18px 0 0;font-size:16px;font-weight:650}#ugcPortfolioStyleDialog :focus-visible,.ugc-template-launcher :focus-visible{outline:3px solid #a7771b;outline-offset:3px}#ugcPortfolioStyleDialog button:disabled{opacity:.55;cursor:wait}
@media(max-width:760px){#ugcPortfolioStyleDialog{padding:20px}.ugc-template-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ugc-template-header p{font-size:15px}.ugc-template-options strong{font-size:17px}.ugc-template-controls{flex-direction:column}.ugc-template-controls button{width:100%}}
@media(max-width:380px){#ugcPortfolioStyleDialog{padding:16px}.ugc-template-options{grid-template-columns:1fr}.ugc-template-sample{height:110px}}
/* Owner-requested compact dashboard: equal columns, no artificial centre gutter or row stretching. */
.dash-main .hero-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0!important;align-items:stretch!important;min-height:0!important}
.dash-main .hero-dashboard .hero-copy{grid-column:1!important;grid-row:1!important;align-self:stretch!important;margin:0!important;border-radius:24px 0 0 0!important;padding:26px 26px 18px!important}
.dash-main .hero-dashboard .hero-third-panel{grid-column:1!important;grid-row:2!important;align-self:stretch!important;margin:0!important;border-radius:0 0 0 24px!important;min-height:0!important;padding:14px 26px 23px!important;border-top:1px solid #eac05b}
.dash-main .hero-dashboard .creator-banner-gallery{grid-column:2!important;grid-row:1/span 2!important;align-self:stretch!important;align-content:start!important;gap:10px!important;margin:0!important;padding:24px!important;border-radius:0 24px 24px 0!important;min-height:0!important;border-left:1px solid #f1c458}
.dash-main .hero-dashboard #creatorPublicActions{padding:8px 0 0!important;margin:0!important;align-self:start!important}
.dash-main .hero-dashboard #creatorPortfolioTemplates{padding:0!important;margin:0!important;align-self:start!important;width:100%!important}
.dash-main .hero-dashboard #openPortfolioStyles{width:100%!important;min-height:44px;padding:10px 12px;font-size:14px;border-radius:10px;background:#fffaf0;border-color:#bea064}
.dash-main .hero-dashboard .ugc-template-launcher p{margin:6px 0 0!important;font-size:12px!important}
.dash-main .hero-dashboard .creator-portfolio-share{margin-top:10px;gap:6px}.dash-main .hero-dashboard .creator-public-buttons{gap:10px}.dash-main .hero-dashboard .creator-portfolio-share>button{min-height:34px;padding:5px}
@media(max-width:1100px){.dash-main .hero-dashboard{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:0!important}.dash-main .hero-dashboard .hero-copy{grid-column:1!important;grid-row:1!important;border-radius:22px 22px 0 0!important}.dash-main .hero-dashboard .hero-third-panel{grid-column:1!important;grid-row:2!important;border-radius:0!important}.dash-main .hero-dashboard .creator-banner-gallery{grid-column:1!important;grid-row:3!important;border-radius:0 0 22px 22px!important;border-left:0;border-top:1px solid #eac05b}.dash-main .hero-dashboard #creatorPublicActions,.dash-main .hero-dashboard #creatorPortfolioTemplates{width:100%!important;max-width:520px;justify-self:center}.dash-main .hero-dashboard #creatorDashboardPhotos{max-width:470px;justify-self:center}}
@media(max-width:640px){.dash-main .hero-dashboard .hero-copy{padding:22px 18px 16px!important}.dash-main .hero-dashboard .hero-third-panel{padding:14px 18px 20px!important}.dash-main .hero-dashboard .creator-banner-gallery{padding:20px 18px!important}}

.dash-main .hero-dashboard .quick-action-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important}.dash-main .hero-dashboard .quick-action-button{min-width:0!important;width:100%!important;box-sizing:border-box!important;white-space:normal!important}.dash-main .hero-dashboard .quick-status-control{grid-column:1/-1!important;justify-content:flex-start!important;flex-wrap:wrap!important;min-width:0!important;max-width:100%!important;margin-top:4px!important}.dash-main .hero-dashboard .quick-status-control label{min-width:0!important;max-width:100%!important}@media(max-width:440px){.dash-main .hero-dashboard .quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}