:root{--studio-login-wallpaper:radial-gradient(ellipse at 95% 0%, color-mix(in oklch, var(--brand-blue) 66%, transparent), transparent 58%), radial-gradient(ellipse at 0% 100%, color-mix(in oklch, var(--brand-violet) 65%, transparent), transparent 57%), var(--navy)}.studio-login{background:var(--secondary);place-items:center;min-height:100dvh;padding:28px;display:grid}.studio-login-panel{background:var(--studio-login-wallpaper);width:min(100%,450px);color:var(--navy-foreground);box-shadow:var(--shadow-soft);border-radius:20px;padding:48px}.studio-login-brand{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.studio-login-brand img{object-fit:contain;width:28px;height:28px}.studio-login-brand em{font-family:var(--font-serif);font-size:18px;font-weight:400}.studio-login-panel h1{letter-spacing:0;margin:52px 0 16px;font-size:38px;font-weight:600;line-height:1.12}.studio-login-panel h1 em{font-family:var(--font-serif);font-weight:400}.studio-login-panel p{color:var(--navy-muted);font-size:14px;line-height:1.6}.studio-login-panel .studio-google{background:var(--card);color:var(--card-foreground);border-radius:999px;height:38px;margin-top:34px;padding:0 20px;font-size:12px}.studio-login-panel .studio-google:hover{background:var(--secondary)}.studio-login-panel .studio-login-error{color:var(--navy-foreground);margin-top:22px}.studio-google img{object-fit:contain;width:16px;height:16px}@media (width<=480px){.studio-login-panel{padding:36px 28px}}.invoicing-page{background:var(--background);min-height:100vh;color:var(--foreground);letter-spacing:0}.invoicing-page *{letter-spacing:0}.invoice-inner{width:min(1100px,100% - 64px);margin-inline:auto}.invoice-cover{background:var(--navy);color:var(--navy-foreground);position:relative;overflow:hidden}.invoice-cover .cover-wallpaper{opacity:.75}.invoice-nav{z-index:1;border-bottom:1px solid color-mix(in oklab, var(--navy-foreground) 15%, transparent);justify-content:space-between;align-items:center;padding-block:30px;display:flex;position:relative}.invoice-brand{align-items:center;gap:10px;font-size:25px;font-weight:700;display:flex}.invoice-brand img{object-fit:contain;width:36px;height:36px}.invoice-nav>span{color:var(--navy-muted);font-family:var(--font-serif);font-size:21px;font-style:italic}.invoice-heading{z-index:1;justify-content:space-between;align-items:end;gap:30px;padding-block:46px 52px;display:flex;position:relative}.invoice-heading h1{margin:0 0 13px;font-size:68px;font-weight:600;line-height:1}.invoice-heading .invoice-tagline{font-family:var(--font-serif);margin:0 0 17px;font-size:39px;font-style:italic}.invoice-heading p{color:var(--navy-foreground);opacity:.8;max-width:510px;font-size:16px;line-height:1.6}.invoice-download{background:var(--background);height:48px;color:var(--foreground);border:1px solid var(--border);box-shadow:var(--shadow-soft);flex-shrink:0;padding-inline:25px}.invoice-download:hover{background:var(--accent)}.invoice-download small{opacity:.55;margin-left:6px;font-size:11px}.invoice-section{border-bottom:1px solid var(--border);padding-block:40px}.invoice-section-head{align-items:center;gap:13px;margin-bottom:24px;display:flex}.invoice-number{font-family:var(--font-serif);color:var(--primary);font-size:31px;font-style:italic}.invoice-section h2{font-size:27px;font-weight:600;line-height:1.2}.invoice-section-head .invoice-copy{margin-left:auto}.invoice-details{grid-template-columns:1fr 1fr 1.6fr;gap:26px;display:grid}.invoice-details dt{color:var(--muted-foreground);margin-bottom:8px;font-size:12px}.invoice-details dd{font-size:16px;line-height:1.5}.invoice-details .invoice-company{margin-bottom:6px;font-size:22px;font-weight:600}.invoice-details .invoice-company-caption{color:var(--muted-foreground);font-size:13px}.invoice-checklist{grid-template-columns:1fr 1fr;column-gap:60px;margin:0;padding:0;list-style:none;display:grid}.invoice-checklist li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding-block:12px;font-size:15px;display:flex}.invoice-checklist svg{width:18px;height:18px;color:var(--primary);flex-shrink:0}.invoice-submit{grid-template-columns:1fr 1fr;gap:55px;display:grid}.invoice-label{color:var(--muted-foreground);margin-bottom:9px;font-size:12px}.invoice-email{color:var(--foreground);overflow-wrap:anywhere;font-size:24px;font-weight:600;text-decoration:none}.invoice-email:hover{color:var(--primary)}.invoice-email-row{align-items:center;gap:12px;display:flex}.invoice-subject{background:var(--muted);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex}.invoice-example{color:var(--muted-foreground);margin-top:10px;font-size:12px}.invoice-note{color:var(--muted-foreground);align-items:flex-start;gap:11px;margin-top:21px;font-size:14px;line-height:1.6;display:flex}.invoice-note svg{width:18px;color:var(--primary);flex-shrink:0;margin-top:3px}.invoice-note strong{color:var(--foreground);font-weight:500}.invoice-footer{justify-content:space-between;align-items:center;gap:20px;padding-block:35px;display:flex}.invoice-footer p{font-family:var(--font-serif);font-size:28px;font-style:italic}.invoice-footer span{color:var(--muted-foreground);font-size:13px}.invoice-feedback{background:var(--foreground);color:var(--background);box-shadow:var(--shadow-soft);z-index:5;border-radius:6px;padding:12px 22px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=700px){.invoice-inner{width:calc(100% - 40px)}.invoice-nav{padding-block:22px}.invoice-nav>span{font-size:17px}.invoice-heading{flex-direction:column;align-items:flex-start;gap:20px;padding-block:35px}.invoice-heading h1{font-size:48px}.invoice-heading .invoice-tagline{font-size:32px}.invoice-details{grid-template-columns:1fr 1fr;gap:25px}.invoice-details>div:last-child{grid-column:1/-1}.invoice-checklist{grid-template-columns:1fr}.invoice-submit{grid-template-columns:1fr;gap:25px}.invoice-section{padding-block:30px}.invoice-section h2{font-size:23px}.invoice-footer{flex-direction:column;align-items:flex-start;gap:10px}}@media (prefers-reduced-motion:reduce){.invoicing-page .cover-bloom{animation:none;transform:none!important}}