.motion-resource{padding-block:64px 80px}.resource-intro{margin-bottom:48px}.resource-intro h1{font:650 clamp(32px, 4.2vw, 52px)/1.12 var(--display);letter-spacing:-.04em;margin:0 0 18px}.resource-intro>p{max-width:70ch;color:var(--text-2);margin:0;font-size:17px;line-height:1.7}.resource-links{flex-wrap:wrap;gap:12px 28px;margin-top:24px;display:flex}.resource-links a{align-items:center;gap:14px;min-height:36px;font-size:14px;text-decoration:none;display:inline-flex}.resource-links a:first-child{color:var(--coral)}.resource-links a:hover{text-underline-offset:5px;text-decoration:underline}.resource-section{margin-top:64px;scroll-margin-top:90px}.motion-resource h2{font:650 clamp(24px, 2.7vw, 34px)/1.25 var(--display);letter-spacing:-.025em;text-transform:none;margin:0 0 16px}.resource-section-head{margin-bottom:24px}.resource-section-head p,.resource-two-col>div>p{color:var(--text-2);margin:0 0 16px;font-size:15px;line-height:1.8}.prompt-recipe{border-block:1px solid var(--line);padding-block:28px}.prompt-recipe h2{margin-bottom:24px;font-size:21px}.recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.recipe-grid h3{margin:0 0 7px;font-size:14px;font-weight:600}.recipe-grid p{color:var(--text-2);margin:0;font-size:13px;line-height:1.8}.prompt-filters{flex-wrap:wrap;gap:8px;margin:0 0 28px;display:flex}.prompt-filters button{border:1px solid var(--line);cursor:pointer;min-height:36px;color:var(--text-2);background:0 0;border-radius:7px;padding:7px 13px;font-size:13px}.prompt-filters button[aria-pressed=true]{color:var(--bg);border-color:var(--text);background:var(--text)}.prompt-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.prompt-card{border:1px solid var(--line);background:var(--bg-2);border-radius:14px;min-width:0;padding:24px}.prompt-card[hidden]{display:none}.prompt-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:18px;display:flex}.prompt-card-head h3{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600}.prompt-card-head>span{color:var(--text-3);flex:none;font-size:12px}.prompt-preview{aspect-ratio:16/8;background:#080809;border-radius:8px;margin:0 0 22px;overflow:hidden}.prompt-preview video{object-fit:contain;width:100%;height:100%;display:block}.prompt-preparation{margin-bottom:20px}.prompt-card h4{color:var(--text);margin:0 0 7px;font-size:12px;font-weight:600}.prompt-preparation p,.prompt-personalize p{color:var(--text-2);margin:0;font-size:13px;line-height:1.8}.prompt-personalize{border-top:1px solid var(--line);margin-top:4px;padding-top:18px}.prompt-personalize p+p{color:#99968f;margin-top:8px}.prompt-brief{min-width:0}.prompt-brief-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.prompt-brief-label label{color:var(--text-2);font-size:12px}.prompt-brief-label button{color:var(--text-3);cursor:pointer;background:0 0;border:0;padding:3px 0 3px 8px;font-size:12px}.prompt-brief textarea{resize:vertical;border:1px solid var(--line);color:#d4d0c9;width:100%;min-height:70px;max-height:520px;font:12px/1.8 var(--mono);background:#0c0c0e;border-radius:8px;padding:13px;display:block}.prompt-brief textarea:focus{outline:1px solid var(--coral);outline-offset:2px}.prompt-brief-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.resource-button{border:1px solid var(--line-2);min-height:38px;color:var(--text);font:500 13px/1.4 var(--display);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:8px 14px;text-decoration:none;display:inline-flex}.resource-button:hover{border-color:var(--text-2)}.resource-button.primary{background:var(--coral);color:#170904;border-color:var(--coral);font-weight:600}.resource-button.primary:hover{background:#ff7957}.prompt-status{min-height:19px;color:var(--text-2);margin:7px 0;font-size:12px}.resource-note{color:var(--text-3);margin-top:24px;font-size:13px;line-height:1.8}.resource-note a,.resource-two-col a,.tutorial-content a:not(.resource-button){text-underline-offset:4px;text-decoration-color:#77736c}.resource-two-col{border-top:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;padding-top:40px;display:grid}.resource-faq h2{margin-bottom:24px}.resource-faq details h3{font:500 15px/1.6 var(--display)}.resource-faq details p{font-size:14px;line-height:1.85}.resource-related{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;padding-top:30px;display:grid}.resource-related a{justify-content:space-between;gap:14px;font-size:13px;text-decoration:none;display:flex}.resource-related a:hover{color:var(--coral)}.motion-resource :is(button,a,summary):focus-visible{outline:2px solid var(--coral);outline-offset:4px}.tutorial-layout{grid-template-columns:190px minmax(0,1fr);gap:64px;display:grid}.tutorial-toc{flex-direction:column;align-self:start;gap:12px;display:flex;position:sticky;top:90px}.tutorial-toc p{color:var(--text-3);margin:0 0 8px;font-size:12px}.tutorial-toc a{color:var(--text-2);font-size:13px;line-height:1.6;text-decoration:none}.tutorial-toc a:hover{color:var(--text)}.tutorial-content{min-width:0;max-width:830px}.tutorial-content p{color:var(--text-2);margin:0 0 18px;font-size:15px;line-height:1.9}.tutorial-step{border-top:1px solid var(--line);margin-top:52px;padding-top:36px;scroll-margin-top:90px}.tutorial-step-heading{align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.tutorial-step-heading>span{font:500 12px var(--mono);color:var(--coral)}.tutorial-step-heading h2{margin:0;font-size:26px}.tutorial-sample{grid-template-columns:1fr 1fr;gap:18px;margin:28px 0;display:grid}.tutorial-sample figure{min-width:0;margin:0}.tutorial-sample-media{border:1px solid var(--line);background:#070708;border-radius:9px;justify-content:center;height:320px;padding:12px;display:flex}.tutorial-sample-media :is(img,video){object-fit:contain;min-width:0;max-width:100%;height:100%;display:block}.tutorial-sample figcaption{color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-top:10px;font-size:12px;line-height:1.7;display:flex}.tutorial-sample figcaption :is(a,span){color:var(--text-3);font-size:11px}.tutorial-content .tutorial-tip{border-left:2px solid var(--coral);padding-left:18px;font-size:13px}.tutorial-screen{background:var(--bg-2);border:1px solid var(--line);border-radius:9px;margin:26px 0;overflow:hidden}.tutorial-screen img{width:100%;height:auto}.tutorial-checklist{color:var(--text-2);padding-left:20px;font-size:14px;line-height:1.9}.tutorial-content .prompt-status{margin:8px 0 18px;font-size:12px;line-height:1.6}.tutorial-code>h3{letter-spacing:-.015em;margin:28px 0 12px;font-size:18px}.tutorial-code pre{border:1px solid var(--line);background:var(--bg-2);max-width:100%;font:12px/1.9 var(--mono);border-radius:8px;margin:20px 0;padding:18px;overflow-x:auto}.tutorial-code p code{font:12px var(--mono);background:var(--bg-2);border-radius:4px;padding:3px 5px}@media (width<=900px){.tutorial-layout{grid-template-columns:minmax(0,1fr);gap:36px}.tutorial-toc{border-bottom:1px solid var(--line);flex-flow:wrap;gap:8px 20px;padding-bottom:24px;position:static}.tutorial-toc p{width:100%}.tutorial-content{max-width:none}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-card{padding:18px}}@media (width<=640px){.motion-resource{padding-block:40px 56px}.resource-intro{margin-bottom:36px}.resource-intro>p{font-size:15px}.resource-section{margin-top:44px}.prompt-library-grid,.resource-two-col,.resource-related{grid-template-columns:minmax(0,1fr)}.prompt-library-grid,.resource-two-col{gap:24px}.prompt-brief textarea{font-size:16px}.recipe-grid,.resource-related{gap:22px}.tutorial-step{margin-top:38px;padding-top:28px}.tutorial-step-heading h2{font-size:23px}.tutorial-step-heading{gap:12px}.tutorial-content p{font-size:14px}.tutorial-sample{gap:12px}.tutorial-sample-media{height:230px;padding:6px}}@media (prefers-reduced-motion:reduce){.motion-resource{scroll-behavior:auto}}@media (width<=640px){.tutorial-step-heading{min-width:0}.tutorial-step-heading h2{overflow-wrap:anywhere;min-width:0}.tutorial-content code,.resource-note{overflow-wrap:anywhere}.tutorial-code pre code{overflow-wrap:normal}.prompt-brief-label{flex-wrap:wrap}.prompt-brief-actions .resource-button{flex:130px;min-height:44px}.prompt-filters button{min-height:44px}.tutorial-sample-media{height:clamp(160px,52vw,230px)}}