/* A warmer, more layered campus palette. */
:root { --paper:#f6eee4; --ink:#2e2731; --line:#d8cdc1; --purple:#6847c7; --orange:#f37859; }
body { background:radial-gradient(circle at 92% 3%, #f6c6db 0 9%, transparent 28%), var(--paper); }
.site-header { background:rgba(255,250,244,.62); backdrop-filter:blur(12px); }
.hero { position:relative; }
.hero:before { content:''; position:absolute; width:210px; height:210px; border-radius:50%; background:#ffe08a; opacity:.52; filter:blur(1px); left:44%; bottom:22px; }
.hero-copy,.hero-visual { position:relative; z-index:1; }
.creator-section { margin-top:28px; background:#dcd2f7; border-top:1px solid #c7bae9; border-bottom:1px solid #c7bae9; max-width:none; padding-left:max(5.5vw,calc((100vw - 1125px)/2)); padding-right:max(5.5vw,calc((100vw - 1125px)/2)); }
.creator-section .section-heading>p { color:#534b68; }
.controls { background:#fffaf4; padding:0 24px; box-shadow:7px 8px 0 #aa97db; }
.theme { background:#fffdf9; }
.upload-card { background:#fffdf9; }
.preview-wrap { background:#f8c9d9; box-shadow:7px 8px 0 #bc8ea0; }
.gallery-section { background:#f5d9a8; max-width:none; padding-left:max(5.5vw,calc((100vw - 1125px)/2)); padding-right:max(5.5vw,calc((100vw - 1125px)/2)); }
.gallery-card { border:1px solid rgba(46,39,49,.16); box-shadow:5px 6px 0 rgba(46,39,49,.18); }
footer { background:#efe3d5; color:#62554d; }
.preview-photo { background:#745a9d; }
.preview-photo { height:auto; aspect-ratio:1.7 / 1; }
.preview-photo img { object-fit:cover; }
.thumbnail { background:#ece6dc; }
.thumbnail img { object-fit:cover; }
@media(max-width:760px) { .creator-section,.gallery-section { padding-left:22px; padding-right:22px; }.controls { padding:0 16px; }.hero:before { left:auto; right:-65px; bottom:10px; } }