.rap-site{--rap-bg:#101114;--rap-panel:#191b1f;--rap-border:#303238;--rap-ink:#f4f3ef;--rap-muted:#a5a7ad;--rap-orange:#ff6534;background:var(--rap-bg);color:var(--rap-ink);min-height:100vh;font-family:Inter Variable,Arial,sans-serif;font-size:15px;line-height:1.65}.rap-site *{box-sizing:border-box}.rap-site button,.rap-site input,.rap-site select,.rap-site textarea{font:inherit}.rap-site a{color:inherit;text-decoration:none}.rap-site a:hover{color:#ff8b67}.rap-site :focus-visible{outline-offset:4px;outline:2px solid #ff986e}.rap-header{border-bottom:1px solid #26282d;align-items:center;gap:35px;max-width:1280px;height:84px;margin:auto;padding:0 32px;display:flex}.wordmark{letter-spacing:-.8px;align-items:center;gap:10px;font-size:19px;font-weight:750;display:flex}.equalizer{flex-shrink:0;align-items:center;gap:3px;height:25px;display:inline-flex}.equalizer i{background:var(--rap-orange);border-radius:2px;width:4px;height:12px}.equalizer i:nth-child(2){height:22px}.equalizer i:nth-child(3){height:17px}.equalizer i:nth-child(4){height:9px}.rap-header nav{color:#c2c2c6;gap:25px;margin-left:auto;font-size:12px;display:flex}.header-cta{align-items:center;gap:8px;font-size:12px;display:flex}.rap-site .mobile-menu{display:none}.hero,.section,.bottom-cta,.diss-banner,.rap-footer{max-width:1200px;margin-left:auto;margin-right:auto}.hero{padding:56px 0 44px}.hero-intro{margin-bottom:28px}.hero-tag{letter-spacing:2px;color:#ff8d68;margin-bottom:12px;font-size:10px;font-weight:700}.rap-site h1{letter-spacing:-3.6px;margin:0 0 12px;font-size:clamp(42px,5.4vw,76px);font-weight:850;line-height:1.02}.orange-dot{color:var(--rap-orange)}.hero-subtitle{color:#e2dfd8;margin:0;font-size:21px}.capability-note{color:var(--rap-muted);margin-top:8px;font-size:12px}.breadcrumb{margin-bottom:16px;font-size:12px;display:block;color:var(--rap-muted)!important}.photo-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:36px;display:grid}.photo-workspace>.rap-film{justify-self:center;width:100%;max-width:365px;margin-top:-194px}.rap-panel{background:var(--rap-panel);border:1px solid var(--rap-border);border-radius:14px;padding:26px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.rap-site h2{letter-spacing:-.9px;margin:0 0 16px;font-size:27px;font-weight:760;line-height:1.2}.panel-heading h2{margin:0;font-size:23px}.muted,.rap-panel>p{color:var(--rap-muted)}.rap-panel>p{font-size:13px}.status-pill{color:#ffb698;white-space:nowrap;border:1px solid #754330;border-radius:20px;padding:3px 8px;font-size:10px}.portraits{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.portrait{cursor:pointer;background:#111215;border:1px dashed #505158;border-radius:9px;display:block;position:relative;overflow:hidden}.portrait>span:first-child{color:#eee;background:#111d;border-radius:4px;padding:2px 8px;font-size:10px;position:absolute;top:8px;left:10px}.portrait img{object-fit:contain;width:100%;height:170px;display:block}.upload-label{background:#25272b;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:11px;display:flex}.portrait input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.portrait:focus-within{outline-offset:3px;outline:2px solid #ff986e}.micro{color:var(--rap-muted);line-height:1.6;display:block;font-size:11px!important}.micro a{text-decoration:underline}.template-choice{background:#252528;border:1px solid #a65335;border-radius:8px;align-items:center;gap:12px;margin:18px 0;padding:10px;display:flex}.template-choice img{object-fit:cover;border-radius:4px}.template-choice strong{font-size:13px;display:block}.template-choice small{color:var(--rap-muted);font-size:11px;display:block}.template-choice>svg{color:var(--rap-orange);margin-left:auto}.rap-site .rap-primary{background:var(--rap-orange);color:#17110d;width:100%;min-height:46px;box-shadow:none;border:0;border-radius:7px;font-size:12px;font-weight:750}.rap-site .rap-primary:disabled{color:#f2d2c6;opacity:1;cursor:not-allowed;background:#5c3930}.rap-film{min-width:0;margin:0}.rap-film video{object-fit:contain;border:1px solid var(--rap-border);background:#1a1512;border-radius:12px;width:100%;height:auto;max-height:560px;display:block}.rap-film figcaption{color:var(--rap-muted);justify-content:space-between;gap:8px;padding:9px 2px;font-size:10px;display:flex}.rap-film figcaption a{align-items:center;gap:3px;display:inline-flex}.section{border-top:1px solid #282a2f;padding:35px 0}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-heading>span{font-size:11px}.example-gallery{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.example-gallery video{object-fit:contain;background:#17181b;height:290px}.steps{grid-template-columns:repeat(3,1fr);gap:26px;margin:0;padding:12px 0;list-style:none;display:grid}.steps li{align-items:start;gap:16px;display:flex}.steps svg{color:#ff956d;flex-shrink:0;width:22px;margin-top:4px}.steps h3{margin:0 0 6px;font-size:14px;font-weight:650}.steps p{color:var(--rap-muted);margin:0;font-size:12px}.diss-banner{background:#eae4d8;border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:40px;display:flex;overflow:hidden;color:#211b18!important}.diss-banner>div{padding:25px 32px}.diss-banner small{color:#a6391d;letter-spacing:1px;font-size:10px;font-weight:800}.diss-banner h2{margin:4px 0 8px;font-size:36px}.diss-banner span{align-items:center;gap:8px;font-size:12px;display:flex}.diss-banner img{object-fit:cover;object-position:center;width:35%;height:180px}.editorial{grid-template-columns:1fr 1fr;gap:0 46px;max-width:1200px;margin:auto;display:grid}.editorial>.section{width:100%;min-width:0}.editorial>.section>p{color:#b9b9be;max-width:72ch;font-size:14px}:is(.editorial>.faq-section,.editorial>.section:has(.lyric-examples),.editorial>.section:has(.example-gallery)){grid-column:1/-1}.editorial .rap-film{max-width:280px}.faq-list{grid-template-columns:1fr 1fr;gap:0 38px;display:grid}.faq-list details{border-bottom:1px solid #303238;align-self:start;padding:16px 0}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:13px;list-style:none;display:flex}.faq-list summary span{color:#a9aaae;font-size:19px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#b9b9be;margin-bottom:0;font-size:13px}.related-grid{gap:10px;display:grid}.related-grid>a{background:#191b1f;border:1px solid #303238;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.related-grid>a>svg:last-child{margin-left:auto}.related-grid small{color:#a5a7ad;font-size:10px;display:block}.lyrics-workspace{grid-template-columns:.85fr 1.15fr;gap:22px;display:grid}.rap-panel label{margin-top:18px;font-size:12px;font-weight:600;display:block}.rap-panel input,.rap-panel textarea,.rap-panel select{color:#f4f3ef;width:100%;box-shadow:none;background:#111315;border:1px solid #414349;border-radius:6px;margin-top:7px;padding:10px 12px;font-size:13px}.rap-panel textarea{resize:vertical;min-height:88px}.rap-panel input::placeholder,.rap-panel textarea::placeholder{color:#94969d}.rap-panel fieldset{border:0;margin:18px 0;padding:0}.rap-panel legend{margin-bottom:9px;font-size:12px;font-weight:600}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.rap-site .chip-row button{color:#d4d3d0;background:#24262b;border:1px solid #44464c;min-height:34px;padding:5px 12px;font-size:11px}.rap-site .chip-row button[aria-pressed=true]{color:#ffb698;background:#40271e;border-color:#d47753}.rap-panel form+.rap-primary,.rap-panel label+.rap-primary{margin-top:22px}.rap-panel .rap-primary{margin-top:20px}.lyric-paper{color:#29251f;background:#eee9df;border-radius:10px;flex-direction:column;min-width:0;padding:28px 30px;display:flex}.paper-heading{color:#805c4a;letter-spacing:.7px;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.lyric-paper h2{margin:18px 0 6px;font-size:30px}.lyric-paper>p{color:#736d65;font-size:11px}.lyric-paper textarea{resize:vertical;color:#352f27;outline-offset:0;background:0 0;border:0;flex:1;width:100%;min-height:295px;padding:14px 0;font-size:14px;line-height:1.9}.paper-actions{border-top:1px solid #ccc5ba;flex-wrap:wrap;gap:10px;padding-top:13px;display:flex}.rap-site .paper-actions button,.rap-site .rewrite-suggestion button{color:#433b30;font-size:11px}.copy-status{min-height:18px;margin-bottom:0}.lyric-examples{grid-template-columns:1fr 1fr;gap:20px;display:grid}.lyric-examples article{background:#191b1f;border:1px solid #303238;border-radius:10px;padding:24px}.lyric-examples small{color:#e8936e;font-size:10px}.lyric-examples h3{margin:8px 0;font-size:20px}.lyric-examples p{color:#b9b9be;font-size:12px}.lyric-examples pre{white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.8}.audio-workspace,.viral-workspace{grid-template-columns:1fr 1fr;gap:30px;display:grid}.structure-track{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.structure-track span{color:#e4b69b;background:#312720;border-radius:4px;padding:8px 15px;font-size:11px}.audio-reference video{max-height:380px}.viral-workspace>.rap-film{justify-self:center;max-width:310px}.viral-workspace blockquote{letter-spacing:-1px;margin:35px 0;font-size:30px;font-weight:750;line-height:1.25}.caption-preview{border:1px dashed #665143;padding:18px;font-size:13px}.bottom-cta{border-top:1px solid #303238;align-items:center;gap:20px;padding:35px 0;display:flex}.bottom-cta h2{margin:0;font-size:21px}.bottom-cta>a{color:#ff9a73;align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.rap-footer{border-top:1px solid #303238;padding:35px 0}.rap-footer>div>p{color:#a5a7ad;font-size:12px}.footer-links{flex-wrap:wrap;gap:9px 22px;margin:20px 0;font-size:11px;display:flex}.legal{color:#a5a7ad;gap:20px;font-size:10px;display:flex}.legal span{margin-right:auto}.legal button{cursor:pointer}.legal-copy{max-width:800px;padding:25px 0;font-size:13px}.skip-link{z-index:100;background:#eee9df;padding:12px;position:fixed;top:-100px;left:20px;color:#191b1f!important}.skip-link:focus{top:10px}.rewrite-suggestion{border-top:1px solid #ccc5ba;padding-top:15px;font-size:12px}@media (width>=1000px){.hero:has(.photo-workspace) .hero-intro{max-width:57%}.hero:has(.photo-workspace){min-height:700px}.editor-hero .hero-intro{background:linear-gradient(90deg,#101114 55%,#0000),url(/reference/pexo/pexo-rap-04.webp) 100%/300px no-repeat;min-height:150px}.editor-hero h1{letter-spacing:-2.6px;font-size:57px}}@media (width<=1270px){.hero,.section,.bottom-cta,.diss-banner,.rap-footer,.editorial{margin-left:28px;margin-right:28px}.editorial .section{margin:0}.photo-workspace>.rap-film{margin-top:-180px}}@media (width<=760px){.rap-header{height:66px;padding:0 20px;position:relative}.wordmark{font-size:18px}.header-cta{display:none}.rap-site .mobile-menu{color:#eee9df;margin-left:auto;display:inline-flex}.rap-header nav{z-index:20;background:#191b1f;border-bottom:1px solid #444;padding:18px 24px;display:none;position:absolute;top:65px;left:0;right:0}.rap-header nav.open{gap:15px;display:grid}.hero,.section,.bottom-cta,.diss-banner,.rap-footer,.editorial{margin-left:20px;margin-right:20px}.hero{padding:35px 0 25px}.hero-intro{margin-bottom:22px}.hero-tag{font-size:8px}.rap-site h1{letter-spacing:-2px;font-size:44px}.hero-subtitle{font-size:16px;line-height:1.4}.capability-note{font-size:11px}.photo-workspace,.lyrics-workspace,.audio-workspace,.viral-workspace{grid-template-columns:1fr;gap:24px}.photo-workspace>.rap-film{max-width:340px;margin-top:0}.rap-panel{padding:20px}.panel-heading h2{font-size:21px}.portrait img{height:170px}.rap-film video{max-height:570px}.example-gallery{scroll-snap-type:x mandatory;gap:14px;padding-bottom:8px;display:flex;overflow:auto}.example-gallery>.rap-film{scroll-snap-align:start;flex:0 0 78%}.example-gallery video{height:320px}.section-heading{flex-direction:column;align-items:start;gap:0;margin-bottom:15px}.section-heading h2{margin-bottom:8px}.steps{grid-template-columns:1fr;gap:24px}.diss-banner>div{padding:23px}.diss-banner h2{font-size:29px}.diss-banner img{display:none}.diss-banner span{font-size:11px}.editorial{display:block}.editorial .section{margin:0;padding:28px 0}.rap-site h2{font-size:24px}.faq-list,.lyric-examples{grid-template-columns:1fr}.lyric-paper{padding:24px 20px}.lyric-paper h2{font-size:28px}.lyric-paper textarea{min-height:320px}.bottom-cta{flex-wrap:wrap;padding:28px 0}.bottom-cta h2{max-width:260px;font-size:20px}.bottom-cta>a{width:100%;margin-left:0}.footer-links{gap:12px 20px}.rap-footer{padding-bottom:calc(25px + env(safe-area-inset-bottom))}.legal{flex-wrap:wrap}.legal span{width:100%}.viral-workspace>.rap-film{width:100%;max-width:310px}}@media (prefers-reduced-motion:reduce){.rap-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html,body{overflow-x:clip}.rap-site h1,.rap-site h2{overflow-wrap:anywhere;min-width:0}.skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.scenario-grid h3,.listening-notes h3{margin:0 0 5px;font-size:14px;font-weight:650}.scenario-grid p,.listening-notes p{color:#b9b9be;font-size:12px}.listening-notes a{color:#ffad8a;text-decoration:underline}.rap-site .mobile-menu{min-width:44px;min-height:44px}@media (width<=760px){.rap-site button,.rap-site .chip-row button{min-height:40px}.rap-site .rap-primary{font-size:11px}.scenario-grid{grid-template-columns:minmax(0,1fr)}}