:root{--ink:#35234e;--purple:#7550df;--lavender:#e8ddfc;--peach:#ffccb9;--lime:#d9ee91}
body{background:#f7f2ea;color:var(--ink)}.topbar{max-width:1440px;border-color:#dcd0df;height:88px}.brand{letter-spacing:-1px}.nav-item.active{color:var(--purple)}.nav-item.active:after{background:var(--purple)}.privacy-badge{color:#71637c}.privacy-badge>span{background:#718e48}.button{border-radius:100px;font-size:14px;padding:15px 23px}.primary{background:var(--purple);box-shadow:0 4px 0 #533697;color:#fff}.primary:hover:not(:disabled){background:#6540cc}.secondary{background:#efe6fa;border-color:#ccb9e1;color:var(--ink)}.compact{padding:10px 18px;font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--purple)}main{padding:0 52px}
.portal-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;padding:64px 0 52px;align-items:center}.portal-copy{position:relative}.edition-label{display:inline-flex;gap:30px;align-items:center;border:1px solid #bca9ce;padding:7px 14px;border-radius:50px;font-size:12px;letter-spacing:1px}.edition-label b{font-size:18px;color:var(--purple)}.portal-kicker{font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:2px;color:#866c9f;margin-top:26px}.portal-hero h1{font-size:clamp(42px,5.2vw,76px);line-height:1.16;font-weight:750;letter-spacing:-3px;margin:18px 0 24px}.portal-hero h1 em{font-style:normal;color:var(--purple);white-space:nowrap}.portal-intro{font-size:16px;line-height:1.9;color:#776281}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.ai-scope{font-size:11px;color:#7b6b82;max-width:370px;line-height:1.8;margin:16px 0 0}.ai-action-status{font-size:12px;color:#6343a1;max-width:370px;min-height:28px;margin-top:8px}.portal-stamp{width:105px;display:flex;align-items:center;gap:14px;margin-top:20px;transform:rotate(-8deg);color:#8c729f}.portal-stamp span{font:9px/1.4 ui-monospace,monospace;letter-spacing:1px}.portal-stamp b{font-size:35px;font-weight:400}.portal-art{position:relative;min-width:0;padding-top:18px}.floating-label{position:absolute;right:0;top:0;z-index:2;font-size:11px;color:#49354c;background:var(--lime);padding:8px 17px;border:1px solid #8b9f5b;border-radius:7px;transform:rotate(6deg);box-shadow:2px 3px 0 #35234e15}.photo-window{background:var(--lavender);border:1px solid #b8a1cd;padding:14px;border-radius:28px 28px 14px 14px;transform:rotate(-2deg);box-shadow:8px 10px 0 #dcd0e5}.photo-window-top{display:flex;justify-content:space-between;padding:0 3px 12px;font:10px/1.5 ui-monospace,monospace;color:#665076;letter-spacing:1px}img-comparison-slider{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:90px 90px 8px 8px;background:#bbca9d;--divider-width:2px;--divider-color:#fff;--default-handle-width:44px;--default-handle-color:white}img-comparison-slider img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}img-comparison-slider:not(:defined)>[slot=second]{display:none}.compare-handle{width:58px;height:36px;background:#fff9e9;color:#513b6a;border:1px solid #b9a2d2;border-radius:50px;box-shadow:0 3px 10px #35234e35;font-size:18px}.photo-labels{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;padding:9px 4px 0;color:#725c89}.photo-caption{display:flex;gap:10px;align-items:center;padding:10px 4px 2px}.photo-caption strong{font-size:14px}.photo-caption>span{font-size:11px;color:#7f6797}.photo-caption i{margin-left:auto;font-size:10px;white-space:nowrap;font-style:normal;color:#72598d}.art-star{position:absolute;left:-28px;bottom:117px;z-index:3;font-size:68px;line-height:1;color:#fa946f;transform:rotate(13deg);text-shadow:2px 2px #f7f2ea}.style-rail{display:flex;gap:12px;padding:25px 8px 0}.style-tile{position:relative;display:flex;align-items:center;gap:12px;text-align:left;flex:1;min-width:0;padding:7px;background:#efe6fa;border:1px solid #d6c6e2;border-radius:13px;transition:transform .2s,background .2s}.style-tile.chosen{background:#e2eeaa;border-color:#8fa85b;transform:rotate(-1deg)}.style-tile img{width:65px;height:54px;object-fit:cover;border-radius:8px}.style-tile span{display:flex;flex-direction:column}.style-tile strong{font-size:12px}.style-tile small{font:8px/1.5 ui-monospace,monospace;letter-spacing:1px;color:#80718a;margin-top:3px}.style-tile b{font-size:11px;margin-left:auto;color:#4d6a29;visibility:hidden}.style-tile.chosen b{visibility:visible}.sample-disclosure{font-size:10px;color:#88778e;text-align:center;margin-top:14px;line-height:1.7}.portal-divider{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #d9cce0;border-bottom:1px solid #d9cce0;padding:20px 0;font-size:12px;color:#7c678a}.portal-divider i{font-style:normal;color:#b298c6}.portal-divider b{font:10px/1.5 ui-monospace,monospace;letter-spacing:1.5px;color:#84609b}.inspiration{padding:64px 0 52px;scroll-margin-top:28px}.inspiration-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:20px}.inspiration-heading .portal-kicker{margin:0 0 10px}.inspiration h2{font-size:29px;letter-spacing:-1px;line-height:1.45}.inspiration h2 em{font-style:normal;color:var(--purple)}.inspiration-heading>p{font-size:12px;color:#89738e;line-height:1.8}.meme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.meme-card{position:relative;background:#eee3f7;border:1px solid #d2bfdc;border-radius:20px;padding:20px 18px;display:flex;flex-direction:column;min-width:0}.meme-card:nth-child(3n+2){background:#ffe4d6;border-color:#dfc1b2}.meme-card:nth-child(3n){background:#e4ead3;border-color:#c5cfac}.meme-motif{font-size:37px;line-height:1.3;min-height:57px}.meme-meta{font:9px/1.5 ui-monospace,monospace;color:#8a7299;white-space:normal;margin:5px 0 9px}.meme-card h3{font-size:15px;line-height:1.6;min-height:48px}.meme-count{font-size:21px;font-weight:650;margin-top:13px;letter-spacing:-.5px;color:#62417b}.meme-card>small{font-size:9px;color:#86778f;margin-top:2px}.meme-description{font-size:11px;line-height:1.8;color:#7a6783;margin:16px 0 20px;flex:1}.meme-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:14px;border-top:1px solid #b9a5c550;font-size:11px}.meme-actions a{color:#775a8d}.meme-actions button{padding:7px 9px;background:#fff7ee;border:1px solid #beabc9;border-radius:30px;font-size:10px;white-space:nowrap}.meme-actions button[aria-pressed=true]{background:var(--purple);color:#fff}.candidate-selection{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:20px;padding:16px 20px;background:#e7def3;border-radius:12px;font-size:12px;color:#785e8b}.candidate-selection button{background:var(--purple);color:#fff;padding:8px 15px;border-radius:25px;white-space:nowrap;font-size:11px}.candidate-note{font-size:10px;line-height:1.8;color:#99879f;margin-top:12px}.candidate-note a{text-decoration:underline;text-underline-offset:3px}.maker-details{border-top:1px solid #d9cce0;padding:30px 0 0}.maker-details>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;padding:0 0 25px}.maker-details>summary::-webkit-details-marker{display:none}.maker-details>summary>span:first-child{display:flex;flex-direction:column;gap:8px}.maker-details summary small{font:9px/1.5 ui-monospace,monospace;letter-spacing:1.5px;color:#967aa6}.maker-details summary strong{font-size:24px;letter-spacing:-.5px}.maker-details>summary>span:last-child{font-size:12px;color:var(--purple)}.maker-note{font-size:12px;color:#8f769b;line-height:1.8;margin-bottom:18px}.editor{border-color:#b9a2d0;border-radius:20px}.canvas-area{background:#dfd2eb;color:#604c71}.canvas-toolbar{border-color:#baa7cb55}.project-name{color:#604c71}.file-symbol{background:#c9b4dd;color:#6e5184}.file-tag{background:#bda4d333;color:#77618b}.replace-file{color:#76568e}.preview-surface{background:#e7def0}.canvas-guides{color:#baa4cb}.canvas-caption{color:#8e779e}.preview{border-radius:16px;box-shadow:0 9px 30px #5e377431;background:#cbb9da}.transport{border-color:#c7b5d3;color:#715983}.play-button{background:#c8afd9;color:#5d397a}.sound-button{color:#795c8c}.timeline-panel{border-color:#c7b5d3;background:#d6c4e3}.timeline-heading strong{color:#6c4f80}.timeline-heading small,.timeline-ruler{color:#927ca1}.selection-window{border-color:var(--purple)}.selection-window>span{background:var(--purple)}.timeline-key i{background:var(--purple)}.inspector{background:#fbf6ff;border-color:#cdb8dd}.inspector-title{border-color:#e5d6ee}.inspector-tabs button.selected{background:#e4d5f1;color:#78519a}.tip-card{background:#f4e8d8;color:#9a7a5d}.sample-section{padding-top:38px}.section-heading h2{color:#6f4f84}.eyebrow{color:#9d83ad}.sample{background:#efe5f7;border-color:#d3bfe1}.sample:hover{border-color:var(--purple)}footer{border-color:#dccce5;color:#8c709c}.source-page h1{color:var(--ink)}.source-page a{color:var(--purple)}.export-dialog{background:#faf5ff;color:var(--ink);border-color:#cbb1de}.export-option.selected{border-color:var(--purple);background:#eee1ff}.mobile-export{background:#f3eafb;border-color:#cdb3e0}.mobile-export>div>strong{color:#63477b}
@media(min-width:1500px){.portal-hero{gap:85px}.portal-hero h1{font-size:80px}}
@media(max-width:1100px){.topbar{padding:0 32px;gap:30px}main{padding:0 32px}.portal-hero{gap:32px}.portal-hero h1{font-size:55px}.portal-intro{font-size:14px}.hero-actions .button{font-size:12px;padding:13px 18px}.photo-caption>span{display:none}.style-tile img{width:46px}.style-tile{gap:7px}.meme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-divider b{display:none}}
@media(max-width:760px){.topbar{height:72px;padding:0 20px;gap:15px}.topbar .brand{font-size:19px;gap:7px}.topbar .brand img{width:28px;height:28px}.topbar nav{display:none}.privacy-badge{display:none}.header-actions .compact{font-size:11px;padding:8px 12px}.header-actions{gap:0}main{padding:0 20px}.portal-hero{grid-template-columns:1fr;gap:28px;padding:30px 0}.portal-hero h1{font-size:52px;margin:15px 0 18px;letter-spacing:-2px}.portal-kicker{font-size:9px;margin-top:18px}.portal-intro{font-size:14px}.edition-label{font-size:10px;padding:5px 12px}.edition-label b{font-size:14px}.hero-actions{margin-top:20px}.ai-scope{max-width:100%;font-size:10px}.ai-action-status{min-height:0;margin-top:5px}.portal-stamp{display:none}.portal-art{padding:14px 4px 0}.photo-window{border-radius:24px 24px 12px 12px;padding:11px;box-shadow:5px 7px 0 #dcd0e5}.photo-window-top{font-size:8px;padding-bottom:9px}.photo-caption>span{display:inline;font-size:9px}.photo-caption strong{font-size:12px}.photo-caption i{font-size:9px}.photo-caption{gap:6px}.art-star{font-size:50px;left:-10px;bottom:112px}.style-rail{padding:21px 0 0;gap:10px}.style-tile img{width:54px;height:48px}.style-tile strong{font-size:11px}.style-tile small{font-size:7px}.sample-disclosure{font-size:9px}.floating-label{font-size:9px;right:6px;padding:6px 12px}.portal-divider{font-size:10px;padding:17px 0}.inspiration{padding:36px 0}.inspiration-heading{display:block}.inspiration h2{font-size:25px}.inspiration-heading>p{margin-top:13px;font-size:11px}.meme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meme-card{padding:16px 12px;border-radius:15px}.meme-card h3{font-size:12px;min-height:40px}.meme-count{font-size:18px}.meme-motif{font-size:31px;min-height:44px}.meme-meta{font-size:8px}.meme-description{font-size:10px;margin:12px 0 16px}.meme-card>small{font-size:8px}.meme-actions{flex-wrap:wrap;gap:10px;font-size:10px}.meme-actions button{font-size:9px}.candidate-selection{padding:13px;align-items:flex-start;gap:12px;flex-direction:column;font-size:11px}.candidate-note{font-size:9px}.maker-details{padding-top:23px}.maker-details summary strong{font-size:20px}.maker-details>summary>span:last-child{font-size:10px;white-space:nowrap}.maker-note{font-size:11px}.sample-section{padding-top:25px}.section-heading{display:block}.section-heading>p{margin-top:9px}.section-heading h2{font-size:23px}footer{padding:24px 20px 110px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.recent-lead{display:flex;align-items:center;gap:23px;background:#fbd8c2;border:1px solid #dcb89e;border-radius:20px;padding:24px;margin-bottom:20px}.recent-lead-icon{font-size:47px;transform:rotate(-7deg)}.recent-label{font:9px/1.5 ui-monospace,monospace;letter-spacing:1px;color:#a26b51}.recent-lead h3{font-size:19px;margin:5px 0 7px}.recent-lead p{font-size:12px;color:#8a6355;line-height:1.8}.recent-lead small{font-size:10px;color:#a88473;display:block;margin-top:6px}.recent-lead>a{margin-left:auto;border:1px solid #c89f86;white-space:nowrap;border-radius:40px;padding:10px 16px;font-size:11px;color:#8c5b44;background:#ffeadc}@media(max-width:760px){.recent-lead{padding:19px 16px;gap:12px;flex-wrap:wrap}.recent-lead-icon{font-size:34px}.recent-lead>div{flex:1;min-width:180px}.recent-lead h3{font-size:15px}.recent-lead p{font-size:11px}.recent-lead small{font-size:9px}.recent-lead>a{font-size:10px;padding:8px 12px}}