/* Layout only. Original visual tokens and components are in am-studio.css. */
[hidden]{display:none!important}button,input{font:inherit}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{transform:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.trends-page .wrap{width:100%;max-width:1280px;padding-left:48px;padding-right:48px}.trends-page .h-sec{margin:0}.trends-page nav{border-bottom:1px solid var(--line)}.trend-main{padding-top:116px!important}.trend-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px}.trend-heading h1{font-size:28px}.sample-label{font-size:11px;color:var(--muted2)}.trend-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:510px;padding:28px 0;border-bottom:1px solid var(--line)}.trend-copy{max-width:460px}.trend-copy .eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:20px}.trend-copy h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,3.3vw,42px);font-weight:600;letter-spacing:-.02em;line-height:1.12;color:#fff}.trend-copy .btn{margin-top:30px;min-width:170px;justify-content:center}.trend-video{width:264px;height:470px;margin-left:auto;margin-right:60px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--bg2)}.trend-video video{width:100%;height:100%;object-fit:cover;display:block}.trend-footer{padding-top:32px!important;padding-bottom:28px!important;color:var(--muted2);font-size:11px}.create-main{padding-top:108px!important;min-height:calc(100vh - 90px)}.back-link{font-size:12px;color:var(--muted)}.back-link:hover{color:var(--cyan)}.create-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-top:28px}.create-fields{max-width:420px}.create-fields h1{font-size:32px;line-height:1.15}.simple-steps{display:flex;align-items:center;list-style:none;gap:22px;color:var(--muted2);font-size:11px;margin:20px 0 28px}.simple-steps li+li:before{content:'→';padding-right:22px;color:var(--muted2)}.simple-steps [aria-current]{color:var(--cyan)}.file-heading{font-size:13px;font-weight:500;color:var(--text)}.upload-tip{font-size:11px;color:var(--muted);margin:5px 0 13px}.simple-upload{position:relative;min-height:160px;border:1px dashed #ffffff30;border-radius:14px;background:var(--surface);overflow:hidden}.simple-upload.drag-over{border-color:var(--cyan);background:#00e5ff0b}.upload-label{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:160px;cursor:pointer}.upload-icon{font-size:27px;line-height:1;color:var(--cyan)}.upload-label strong{font-size:13px;font-weight:500}.upload-label small{font-size:10px;color:var(--muted2)}.uploaded-photo{position:absolute;inset:0;background:var(--bg2)}.uploaded-photo img{width:100%;height:100%;object-fit:contain}.replace-photo{position:absolute;bottom:10px;right:10px;background:#0a0b14dd;border:1px solid var(--line);border-radius:100px;padding:6px 12px;font-size:10px;cursor:pointer}.upload-status{font-size:10px;color:var(--cyan);margin-top:8px}.upload-status.error,.page-error{color:#ffb5af}.page-error{font-size:12px;margin-top:16px}.optional-field{margin-top:17px;border-bottom:1px solid var(--line);padding-bottom:14px}.optional-field summary{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);cursor:pointer;list-style:none}.optional-field summary::-webkit-details-marker{display:none}.optional-field summary span{color:var(--cyan)}.optional-field[open] summary span{transform:rotate(45deg)}.background-pick{display:block;border:1px dashed var(--line);border-radius:10px;text-align:center;padding:17px;margin-top:12px;font-size:11px;cursor:pointer}.background-image{max-height:100px;width:100%;object-fit:cover;border-radius:8px;margin-top:10px}.compact-check{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:var(--muted);margin-top:17px;cursor:pointer}.compact-check input{accent-color:var(--cyan);margin-top:2px;flex-shrink:0;width:13px;height:13px}.main-action{margin-top:24px;min-width:190px;justify-content:center;gap:25px}.create-video{width:280px;height:498px;margin:0 54px 0 auto;border-radius:18px;overflow:hidden;border:1px solid var(--line);position:relative;background:var(--bg2)}.create-video video{width:100%;height:100%;object-fit:contain;display:block}.video-caption{position:absolute;top:14px;left:14px;padding:5px 9px;border:1px solid #ffffff30;border-radius:100px;background:#0a0b1499;font-size:9px;color:#e9ecf8;pointer-events:none}.screen-title{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:600;color:#fff;margin-top:12px}.payment-summary{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);margin-top:20px;font-size:12px;color:var(--muted)}.payment-summary strong{color:#fff;font-weight:500}.short-note{font-size:11px;color:var(--muted);margin-top:14px}.quiet-button{display:block;font-size:11px;color:var(--muted);background:transparent;border:0;padding:0;margin-top:18px;cursor:pointer}progress{width:100%;height:5px;accent-color:var(--cyan);margin-top:26px;border:0;border-radius:5px}.catalog-empty{font-size:12px;color:var(--muted);padding:30px 0}
@media(max-width:1000px){.trend-row{gap:35px}.trend-video{margin-right:20px}.create-layout{gap:35px}.create-video{margin-right:0}.create-fields{max-width:400px}}
@media(max-width:700px){.trends-page .wrap{padding-left:22px;padding-right:22px}.trends-page nav{padding:16px 22px}.trends-page .nav-cta{font-size:10px;padding:9px 13px}.trend-main{padding-top:95px!important}.trend-heading h1{font-size:25px}.sample-label{font-size:9px}.trend-row{gap:16px;min-height:360px;padding:25px 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.trend-copy .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:13px;gap:6px}.trend-copy .eyebrow:before{width:15px}.trend-copy h2{font-size:23px;line-height:1.15}.trend-copy .btn{font-size:12px;padding:11px 19px;margin-top:20px;min-width:0;gap:12px}.trend-video{width:100%;height:auto;aspect-ratio:9/16;margin:0;border-radius:12px}.create-main{padding-top:95px!important}.create-layout{grid-template-columns:1fr;gap:28px;margin-top:20px}.create-fields{max-width:none}.create-fields h1{font-size:29px}.create-video{width:220px;height:391px;margin:0 auto}.simple-steps{margin:18px 0 24px}.main-action{width:100%;font-size:14px}.trend-footer{font-size:10px}.back-link{font-size:11px}}
@media(max-width:360px){.trend-copy h2{font-size:21px}.trend-copy .btn{font-size:11px;padding:10px 16px}.trends-page .wrap{padding-left:18px;padding-right:18px}.trend-row{gap:12px;min-height:320px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.trend-video.format-square,.create-video.format-square{width:360px;height:360px;aspect-ratio:1}.trend-video.format-wide,.create-video.format-wide{width:440px;height:auto;aspect-ratio:16/9}.trend-video video{object-fit:contain}
.trends-page .nav-cta{display:inline-flex}
.trend-row{min-height:0}
.slot-field{margin-top:18px}.slot-toggle{font-size:13px;color:var(--text);margin:0}.slot-field .upload-label,.slot-field .simple-upload{min-height:125px}.slot-field .upload-label{gap:6px}.slot-field .upload-tip{margin-bottom:10px}.reference-thumbs{display:flex;gap:8px;align-items:center;margin-top:10px}.reference-thumbs img{width:56px;height:70px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.reference-thumbs .quiet-button{margin:0 0 0 auto}.location-switch{padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.location-switch input{margin-top:1px}.create-video{position:sticky;top:110px}.upload-label small{line-height:1.35}.uploaded-count{font-size:10px;color:var(--muted)}
@media(max-width:700px){.create-video{position:relative;top:auto}.slot-field .simple-upload,.slot-field .upload-label{min-height:115px}}
.slot-field.has-photos .simple-upload{display:none}
@media(max-width:1000px){.trend-video.format-wide,.create-video.format-wide{width:100%;max-width:440px}.trend-video.format-square,.create-video.format-square{width:100%;height:auto;max-width:360px}}
@media(max-width:700px){.trend-video.format-square,.trend-video.format-wide{width:100%;height:auto}.create-video.format-square{width:280px;height:280px}.create-video.format-wide{width:100%;height:auto;max-width:390px}}