.design-instructions{margin-top:12px;padding:17px 18px 12px;border:1px solid #b9ce9b40;background:#11180fdd;border-radius:5px;backdrop-filter:blur(12px)}
.instructions-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.instructions-heading label{font-size:14px;font-weight:500;color:#e8eddf;letter-spacing:-.02em}
.instructions-heading>span{color:#b0bc9f;font-size:8px;letter-spacing:.12em;white-space:nowrap}
#design-instructions{display:block;width:100%;min-height:72px;max-height:240px;resize:vertical;padding:0;border:0;background:transparent;color:#f0f3e8;font:400 13px/1.75 Manrope,sans-serif;outline:none}
#design-instructions::placeholder{color:#859277;opacity:1}
.design-instructions:focus-within{border-color:#c5ec8c;box-shadow:0 0 0 2px #c5ec8c12}
.instructions-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:9px;border-top:1px solid #b9ce9b1c;color:#9aaa89;font-size:9px;line-height:1.6}
.instructions-footer p{margin:0}
#instructions-count{white-space:nowrap;font-variant-numeric:tabular-nums;color:#9ba88d}
.free-trial-banner{display:flex;align-items:center;gap:12px;margin-top:16px;color:#e2edcf}
.free-trial-icon{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;border:1px solid #abd27a66;border-radius:50%;color:#d2f88a;font-size:12px}
.free-trial-banner strong{font-size:12px;font-weight:500}
.free-trial-banner p{font-size:10px;color:#b4c1a2;margin:3px 0 0;line-height:1.6}
.free-trial-banner>.text-link{margin-left:auto;white-space:nowrap;font-size:11px;color:#d2f88a}
.free-trial-banner[data-status="used"] .free-trial-icon{background:#c9ec9020}
.hero .form-meta{margin-top:12px;font-size:10px;color:#b6c4a3}
#design-instructions:disabled{opacity:.65;resize:none}
#generate-button:disabled{cursor:default}
#free-trial-banner[data-status="used"]+#form-note{display:none}
.hero{height:auto;min-height:100svh;display:flex;flex-direction:column;padding-bottom:0}
.hero-content{padding-bottom:80px}
.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:0 3.8%;margin-top:auto;min-height:79px;height:auto;flex-shrink:0}
.video-controls{z-index:3}
.hero .url-field{background:#fff;border-color:#fff;backdrop-filter:none}
.hero .url-field>svg{stroke:#68795a}
.hero .url-field input{color:#20291a}
.hero .url-field input::placeholder{color:#6b7661}
@media(min-width:761px){
  .hero{padding-top:100px}
  .hero-content{flex:1;width:calc(100% - 12%);max-width:1120px;margin:0 auto;padding:36px 0 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
  .hero-content>.eyebrow{justify-content:center;margin-bottom:19px;font-size:9px}
  .hero h1{font-size:clamp(46px,4.5vw,76px);line-height:1.12;letter-spacing:-.055em}
  .hero h1 br,.hero-description .desktop-break{display:none}
  .hero .title-spark{font-size:.54em;margin-left:18px;transform:translateY(-2px)}
  .hero-description{font-size:16px;line-height:1.7;margin-top:17px;max-width:640px;color:#d4ddc9}
  .hero form{width:760px;max-width:100%;margin-top:25px;padding:24px;text-align:left;background:rgb(23 32 18 / 50%);border:1px solid #cce9a65c;border-radius:16px;box-shadow:0 26px 90px #0008,0 0 70px #b2e56a0a;backdrop-filter:blur(24px)}
  .hero .url-field{gap:14px;padding:8px 8px 8px 19px;border-radius:9px;box-shadow:0 4px 26px #0002}
  .hero .url-field:focus-within{outline:2px solid var(--lime);outline-offset:4px}
  .hero .url-field>svg{width:23px;height:23px}
  .hero .url-field input{height:54px;font-size:17px}
  .hero .url-field .button{min-height:54px;padding:0 24px;font-size:14px;gap:30px}
  .hero .design-instructions{margin-top:15px;background:#10170ed9;border-radius:8px}
  .hero #design-instructions{min-height:64px;height:64px}
  .hero .free-trial-banner{margin-top:16px}
  .hero .free-trial-banner strong{font-size:13px}
  .hero .free-trial-banner p{font-size:11px}
  .hero .data-note{font-size:10px;line-height:1.7;margin-top:8px}
  .hero-preview-actions{justify-content:center}
  .hero .hero-example{margin-top:20px}
  .hero-film video{left:0;top:0;width:100%;height:100%;opacity:.64;object-position:center}
  .hero-shade{background:radial-gradient(ellipse at 50% 42%,#121610b8 0%,#12161050 52%,#12161018 80%),linear-gradient(0deg,#121610 0%,#12161030 30%,#12161040 75%,#121610d9 100%)}
  .machine-label{right:5%;top:45%;opacity:.7}
  .video-controls{top:120px;bottom:auto}
}
@media(min-width:761px) and (max-width:1500px){.machine-label{display:none}}
@media(min-width:761px) and (max-height:820px){
  .hero-content{padding-top:25px;padding-bottom:24px}
  .hero-content>.eyebrow{margin-bottom:12px;font-size:8px}
  .hero h1{font-size:clamp(42px,3.8vw,60px)}
  .hero-description{margin-top:12px;font-size:14px}
  .hero form{margin-top:20px;padding:20px}
  .hero .hero-example{margin-top:15px}
  .hero-bottom{min-height:64px}
}
@media(max-width:760px){.design-instructions{padding:15px 14px 11px}.instructions-heading label{font-size:13px}.instructions-heading>span{font-size:7px}#design-instructions{font-size:12px;min-height:86px}.instructions-footer{font-size:8px;gap:12px}.free-trial-banner{gap:9px;flex-wrap:wrap}.free-trial-banner strong{font-size:11px}.free-trial-banner p{font-size:9px}.free-trial-banner>.text-link{margin-left:37px}.hero .form-meta{font-size:9px}.hero-bottom{margin-left:6%;margin-right:6%;min-height:70px}.hero-preview-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){.design-instructions{backdrop-filter:none}}