:root{color-scheme:dark;--bg:#111216;--panel:#1b1d22;--ink:#f5f5f7;--muted:#a5acb8;--gold:#d6b987;--line:#ffffff14;--green:#a7cbb6;--red:#e3ad9f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 85% 0,#d6b98708,transparent 42%),var(--bg);color:var(--ink);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:var(--gold);text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin-top:0}input,select{min-width:0}button,input,select,a{-webkit-tap-highlight-color:transparent}.page{width:min(1180px,calc(100% - 44px));margin:auto;padding:24px 0 30px}.brand-row{display:flex;align-items:center;gap:11px;margin-bottom:26px}.brand-row img{width:32px;height:32px;object-fit:cover;border-radius:50%;background:#fff}.brand-row strong{font-size:11px;letter-spacing:.14em}.back{margin-left:auto;font-size:10px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;color:var(--muted);white-space:nowrap}.back:hover{color:var(--gold);border-color:#d6b98755}.intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--gold);margin:0 0 9px;text-transform:uppercase}h1{font-size:clamp(28px,4vw,39px);font-weight:650;letter-spacing:-.04em;line-height:1.12;margin:0 0 10px}.intro p:last-child{font-size:12px;color:var(--muted);line-height:1.8;max-width:690px;margin:0}.preview-pill{margin-top:5px;font-size:9px;white-space:nowrap;color:var(--gold);border:1px solid #d6b98730;border-radius:20px;padding:5px 9px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.form-shell{border:1px solid var(--line);border-radius:17px;background:linear-gradient(140deg,#202228,#17191e);box-shadow:0 16px 35px #0002;overflow:hidden}.form-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 21px;border-bottom:1px solid var(--line)}.form-top h2{font-size:14px;font-weight:600;margin:0}.form-top span{font-size:9px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:15px 19px;border-bottom:1px solid var(--line)}.step{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 6px;border:1px solid transparent;border-radius:9px;background:#ffffff03;color:var(--muted);font-size:10px}.step>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #ffffff14;border-radius:50%;font-size:9px;flex:0 0 20px}.step[aria-selected=true]{border-color:#d6b98745;background:#d6b9870b;color:var(--gold)}.step[aria-selected=true]>span{border-color:#d6b98766}.step-content{padding:23px 24px 21px;min-height:405px}.step-content h3{font-size:19px;font-weight:600;letter-spacing:-.025em;margin:0 0 7px}.section-help{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 21px}.field{display:block;margin:0 0 18px}.field>span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.field input,.field select{display:block;width:100%;border:1px solid #ffffff18;border-radius:9px;padding:11px 12px;background:#0002;color:var(--ink);font-size:12px}.field select option{background:#1c1e24}.field input::placeholder{color:#818b9a}.field input:disabled,.field select:disabled{opacity:.6}.check-card{display:flex;align-items:flex-start;gap:11px;cursor:pointer;border:1px solid var(--line);border-radius:11px;padding:15px;margin-bottom:11px;background:#ffffff02}.check-card:has(input:checked){border-color:#d6b98742;background:#d6b98707}.check-card input{margin:3px 0 0;accent-color:var(--gold);width:15px;height:15px;flex:0 0 15px;cursor:pointer}.check-card>span{min-width:0}.check-card strong{display:block;font-size:12px;font-weight:550}.check-card small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:4px}.check-card:has(input:disabled){opacity:.55;cursor:default}.studio-choice{margin:17px 0 0;padding:15px;border:1px solid #d6b98725;border-radius:10px;background:#d6b98705}.studio-choice .field{margin:0 0 9px}.small-note{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.auto-note{font-size:10px;color:var(--green);border:1px solid #a7cbb625;background:#a7cbb606;border-radius:8px;padding:9px 11px;margin:-4px 0 15px;line-height:1.7}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.choice{display:flex;align-items:flex-start;gap:8px;border:1px solid #ffffff12;border-radius:10px;padding:13px 10px;background:#ffffff02;cursor:pointer;min-width:0}.choice:has(input:checked){border-color:#d6b98770;background:#d6b9870c}.choice input[type=radio]{appearance:none;-webkit-appearance:none;width:13px;height:13px;flex:0 0 13px;border:1px solid #737d8d;border-radius:3px;margin:3px 0 0;background:#15171c;cursor:pointer}.choice input[type=radio]:checked{background:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 3px #262525}.choice>span{min-width:0}.choice strong{display:block;font-size:11px;font-weight:550;color:#d7dce4}.choice small{display:block;font-size:9px;color:#8993a3;margin-top:4px;overflow-wrap:anywhere}.choice:has(input:checked) strong,.choice:has(input:checked) small{color:var(--gold)}.choice:has(input:disabled){cursor:default}.duration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.duration-grid .choice{padding:12px 8px;gap:7px}.duration-grid .choice strong{font-size:12px}.selection-explainer{margin-top:17px;border:1px solid #ffffff0e;border-radius:10px;padding:14px 16px;background:#0001}.selection-explainer strong{font-size:12px;font-weight:550;display:block;margin:0 0 5px;color:var(--gold)}.selection-explainer p{font-size:11px;color:#adb5c2;margin:0;line-height:1.8}.selection-explainer small{display:block;font-size:9px;color:#818c9d;margin-top:8px}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.availability{display:flex;gap:11px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:11px;background:#ffffff02;margin-top:2px}.availability .status-icon{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:50%;color:#8792a4;font-size:12px}.availability strong{font-size:12px;font-weight:600;display:block;margin:0 0 5px}.availability p{font-size:10px;color:var(--muted);margin:0;line-height:1.8;white-space:pre-line}.availability.free{border-color:#a7cbb63a;background:#a7cbb608}.availability.free strong,.availability.free .status-icon{color:var(--green)}.availability.free .status-icon{border-color:#a7cbb640}.availability.busy{border-color:#e3ad9f40;background:#e3ad9f07}.availability.busy strong,.availability.busy .status-icon{color:var(--red)}.availability.busy .status-icon{border-color:#e3ad9f40}.time-examples{margin-top:20px}.time-examples>p{font-size:9px;color:#8a95a6;line-height:1.8;margin-bottom:8px}.example-buttons{display:flex;gap:7px;flex-wrap:wrap}.example-buttons button{font-size:10px;background:#ffffff02;border:1px solid var(--line);border-radius:7px;padding:7px 10px;color:#adb5c2}.example-buttons button:hover{border-color:#d6b98755;color:var(--gold)}.form-bottom{padding:15px 21px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.button{font-size:11px;border:1px solid #d6b98760;border-radius:9px;background:var(--gold);color:#211b13;padding:10px 14px;font-weight:550;white-space:nowrap}.button.secondary{border-color:var(--line);background:#ffffff03;color:#aeb6c2}.button:disabled{opacity:.4;cursor:default}.form-status{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.form-status.error{color:var(--red)}.invoice-column{position:sticky;top:20px;min-width:0}.invoice{background:#f8f7f3;color:#262b33;border-radius:14px;padding:24px 23px;color-scheme:light;box-shadow:0 15px 35px #0003}.invoice-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:19px;border-bottom:1px solid #272c341a}.paper-brand{display:flex;gap:8px;align-items:center}.paper-brand img{width:30px;height:30px;object-fit:cover;border-radius:50%;background:#fff}.paper-brand strong{display:block;font-size:11px;font-weight:650;letter-spacing:.03em}.paper-brand small{display:block;font-size:8px;color:#8a8f98;margin-top:3px}.invoice-title{text-align:right;font-size:9px;color:#a08b68}.invoice-title strong{display:block;font-size:17px;letter-spacing:-.03em;font-weight:650;color:#363b43}.invoice-title span{display:block;font-size:8px;margin-top:3px}.invoice-service{padding:18px 0 16px}.info-label{font-size:8px;color:#9298a2;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:5px}.invoice-service h2{font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.03em;margin:0 0 7px;overflow-wrap:anywhere}.invoice-service>p{font-size:9px;line-height:1.8;color:#7b8491;margin:0}.invoice-details{border-top:1px solid #272c3414;padding-top:13px}.invoice-detail{display:flex;justify-content:space-between;gap:13px;font-size:10px;align-items:flex-start;margin:0 0 10px}.invoice-detail>span{color:#9097a2;flex-shrink:0}.invoice-detail>strong{font-size:10px;font-weight:550;text-align:right;overflow-wrap:anywhere;min-width:0}.line-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid #272c3410;font-size:10px}.line-item>div{min-width:0}.line-item strong{display:block;font-size:11px;font-weight:550;margin-bottom:4px}.line-item small{display:block;font-size:9px;color:#949ba6}.line-item>b{font-weight:550;text-align:right;max-width:48%;overflow-wrap:anywhere}.invoice-total{display:flex;align-items:center;justify-content:space-between;gap:13px;background:#eae3d6;border-radius:9px;padding:14px;margin-top:9px}.invoice-total>span{font-size:11px;color:#7e7059;flex-shrink:0}.invoice-total strong{font-size:23px;font-weight:650;letter-spacing:-.03em;color:#6c5631;text-align:right;min-width:0;overflow-wrap:anywhere}.invoice-total strong.pending{font-size:17px}.invoice-hint{font-size:9px;color:#8f97a2;line-height:1.8;margin:10px 0 0}.paper-footer{font-size:8px;color:#9a9fa8;line-height:1.9;margin:17px 0 0;padding-top:12px;border-top:1px solid #272c3411}.hypothesis{font-size:10px;color:#949dad;line-height:1.8;margin:14px 2px 0}.hypothesis strong{color:#bdc6d3;font-weight:550}.tariff-settings{margin-top:16px;border:1px solid var(--line);border-radius:11px;background:#16191e;padding:0 14px}.tariff-settings summary{padding:13px 0;cursor:pointer;color:#bdc5d2;font-size:10px;font-weight:550;line-height:1.7}.tariff-settings>p{font-size:9px;color:#8995a7;line-height:1.8;margin:0 0 13px}.tariff-settings .field{margin-bottom:13px}.tariff-settings .field span{font-size:9px}.tariff-settings .field input{font-size:11px;padding:9px 10px}.tariff-settings .field small{display:block;color:#808c9d;font-size:9px;line-height:1.7;margin:6px 0 0}.footer-choice{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding-top:20px;margin-top:23px;border-top:1px solid var(--line)}.footer-choice p{font-size:11px;color:var(--muted);line-height:1.8;margin:0;max-width:780px}.footer-choice p strong{color:#d1d8e1;font-weight:550}.review-button{font-size:10px;color:var(--gold);border:1px solid #d6b98745;border-radius:9px;background:#d6b98708;padding:10px 12px;white-space:nowrap}.review-result{font-size:11px;color:var(--gold);margin:14px 0 0;line-height:1.8}.money{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.step-content{padding:22px 19px}.steps{padding-inline:15px;gap:5px}.duration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid .choice{padding:12px 8px}.invoice{padding:23px 19px}.step{gap:6px}}
@media(max-width:800px){.layout{grid-template-columns:minmax(0,1fr)}.invoice-column{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 17px;align-items:start}.invoice{grid-row:1/3}.hypothesis{margin-top:0}.tariff-settings{margin-top:13px}.step-content{min-height:0}.option-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.duration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.intro{gap:13px}.footer-choice{flex-wrap:wrap}.form-status{max-width:350px}}
@media(max-width:550px){.page{width:calc(100% - 26px);padding-top:18px}.brand-row{margin-bottom:22px}.brand-row strong{font-size:10px}.brand-row img{width:28px;height:28px}.back{font-size:9px;padding:7px 9px}.intro{display:block;margin-bottom:18px}.intro p:last-child{font-size:11px}.preview-pill{display:inline-block;margin-top:13px}.steps{gap:5px;padding:12px}.step{flex-direction:column;gap:5px;padding:8px 3px;font-size:9px}.step-content{padding:20px 16px}.step-content h3{font-size:18px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{padding:12px!important}.duration-grid .choice{padding:11px 7px!important;gap:6px}.form-top{padding:15px 16px}.form-top h2{font-size:12px}.form-top span{font-size:8px}.form-bottom{padding:14px 16px;flex-wrap:wrap;gap:11px}.form-status{order:3;flex-basis:100%;font-size:9px}.date-fields{gap:10px}.field input,.field select{font-size:11px;padding:10px}.invoice-column{display:block}.invoice{padding:23px}.hypothesis{margin-top:14px}.invoice-total strong{font-size:25px}.section-help{font-size:10px}.check-card{padding:14px 12px}.check-card strong{font-size:11px}.check-card small{font-size:9px}.invoice-details{padding-top:15px}.invoice-service h2{font-size:20px}}
@media(max-width:350px){.duration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-fields{grid-template-columns:1fr}.invoice{padding:20px 17px}.button{padding:9px 11px;font-size:10px}.back{font-size:8px}.form-top span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.invoice{position:relative;isolation:isolate;overflow:hidden}
.invoice-watermark{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:78%;max-width:260px;aspect-ratio:1;object-fit:cover;border-radius:50%;opacity:.035;filter:grayscale(1);pointer-events:none;user-select:none;z-index:0}
.invoice>:not(.invoice-watermark){position:relative;z-index:1}
.invoice-print{display:flex;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid #272c3411}
.print-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid #b7a17b55;border-radius:8px;background:#eae3d6;color:#6c5631;font-size:10px;font-weight:550}
.print-button:hover{background:#e0d5c1;border-color:#b7a17b88}
.print-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.test-payment-seal{display:grid;gap:4px;margin-top:15px;padding:12px;border:1.5px dashed #6d856e88;border-radius:10px;color:#536d56;background:#e8eee54d;font-size:9px;line-height:1.65;overflow-wrap:anywhere}.test-payment-seal>strong{font-size:13px;letter-spacing:.12em;color:#536d56}.test-payment-seal>small{font-size:8px;color:#778174}
.facture-language{width:36px;height:31px;flex:0 0 36px;padding:0;border:1px solid var(--line);border-radius:9px;background:#ffffff03;color:var(--gold);font-size:10px;line-height:1}.facture-language:hover{border-color:#d6b98755}
@page{size:A4 portrait;margin:18mm}
@media print{
 :root{color-scheme:light}
 html,body{margin:0!important;padding:0!important;background:#fff!important;color:#262b33!important;height:auto!important}
 .page{width:100%;max-width:none;margin:0;padding:0}
 .brand-row,.intro,.form-shell,.hypothesis,.tariff-settings,.footer-choice,.review-result,.invoice-print{display:none!important}
 .layout,.invoice-column{display:block;position:static;width:100%;margin:0;padding:0}
 .invoice{width:100%;max-width:174mm;margin:0 auto;padding:8mm;box-shadow:none;border-radius:0;background:#fff;outline:none;break-inside:avoid;page-break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .invoice-watermark{width:78%;max-width:120mm;opacity:.035}
 .invoice-top{padding-bottom:6mm}
 .paper-brand{gap:3mm}.paper-brand img{width:11mm;height:11mm}
 .paper-brand strong{font-size:12pt}.paper-brand small{font-size:8pt}
 .invoice-title strong{font-size:18pt}.invoice-title span{font-size:8pt}
 .invoice-service{padding:6mm 0 5mm}.info-label{font-size:8pt}
 .invoice-service h2{font-size:21pt}.invoice-service>p{font-size:10pt}
 .invoice-details{padding-top:4mm}.invoice-detail{font-size:11pt;margin-bottom:3mm}.invoice-detail>strong{font-size:11pt}
 .line-item{padding:4mm 0}.line-item strong,.line-item>b{font-size:11pt}.line-item small{font-size:9pt}
 .invoice-total{padding:5mm;margin-top:3mm}.invoice-total>span{font-size:11pt}.invoice-total strong{font-size:20pt}.invoice-total strong.pending{font-size:16pt}
 .invoice-hint,.paper-footer{font-size:8pt}.paper-footer{margin-top:5mm;padding-top:4mm}
}

.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.step b{font-weight:inherit}
.service-path{display:flex;align-items:center;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:16px 0 0;color:var(--muted);font-size:10px}
.service-path li{display:flex;align-items:center;gap:8px}.service-path li:not(:last-child):after{content:"→";color:#77808e}.service-path li[aria-current=step]{color:var(--gold);font-weight:600}
.proposal-intro{font-size:12px;color:var(--muted);line-height:1.8;max-width:690px;margin:0}
.proposal-retain{margin-top:13px}.invoice-detail>strong{font-variant-numeric:tabular-nums}
@media(max-width:550px){.service-path{font-size:9px;gap:6px}.proposal-intro{font-size:11px}}
@media print{.service-path,.proposal-retain{display:none!important}}


.common-fields{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px}.step b{min-width:0;overflow-wrap:anywhere}
body[data-entry-service="album"] .album-track-section{margin:0 0 18px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#ffffff02;min-width:0}
body[data-entry-service="album"] .album-track-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
body[data-entry-service="album"] .album-track-heading h4{font-size:11px;font-weight:550;margin:0;color:var(--gold)}
body[data-entry-service="album"] #albumTrackCount{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
body[data-entry-service="album"] #albumTracksHelp{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 9px}
body[data-entry-service="album"] .album-track-rows{display:grid;gap:7px;min-width:0}
body[data-entry-service="album"] .album-track-row{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(130px,.8fr);align-items:center;gap:9px;padding:7px 0;border-top:1px solid var(--line);min-width:0}
body[data-entry-service="album"] .album-track-number{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}
body[data-entry-service="album"] .album-track-title{font-size:11px;font-weight:500;overflow-wrap:anywhere;min-width:0}
body[data-entry-service="album"] .album-track-row .field{margin:0;min-width:0}
body[data-entry-service="album"] .album-track-row .field>span{font-size:9px;margin-bottom:3px}
body[data-entry-service="album"] .album-track-row select{font-size:11px;padding:8px 9px}
body[data-entry-service="album"] .album-track-row[data-invalid="true"] select{border-color:var(--red)}
body[data-entry-service="album"] .invoice-album-row li .album-track-paper-genre{font-size:9px;color:#7d8794;margin-left:6px}
@media screen and (max-width:550px){body[data-entry-service="album"] .album-track-section{padding:10px}body[data-entry-service="album"] .album-track-row{grid-template-columns:20px minmax(0,1fr);gap:7px}body[data-entry-service="album"] .album-track-row .field{grid-column:2}body[data-entry-service="album"] .album-track-row select{padding:8px 9px}body[data-entry-service="album"] .album-track-heading{align-items:flex-start}}
@media print{body[data-entry-service="album"] .invoice-album-row li .album-track-paper-genre{font-size:9pt;color:#737d8a}}
.stage-card{margin:0 0 11px}.stage-card .check-card{margin-bottom:0}.stage-options{padding:13px 15px 5px 41px}.stage-options .field{margin-bottom:8px}.stage-options .field select{max-width:240px}.stage-options p{font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 8px}
.stage-rate{color:var(--gold)!important}.invoice-total{align-items:flex-start}.invoice-total>div{min-width:0;text-align:right}.invoice-total strong{display:block;font-size:18px}.total-rest{display:block;font-size:9px;line-height:1.8;color:#7e7059;margin-top:4px}.line-item small{line-height:1.7}.proposal-scope{font-size:10px;color:var(--muted);line-height:1.8;margin:16px 2px 0}.service-path [aria-current=step]{color:var(--gold)}
@media screen and (max-width:550px){.common-fields{grid-template-columns:minmax(0,1fr);gap:0}.stage-options{padding-left:28px}.invoice-total strong{font-size:17px}.step{font-size:8px}}
@media print{.proposal-scope{display:none!important}.invoice-total strong{font-size:16pt}.total-rest{font-size:9pt}.line-item small{font-size:9pt}.invoice-hint{line-height:1.7}}

.paid-option{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:var(--green);line-height:1.7;margin:11px 0 8px;cursor:pointer}.paid-option input{accent-color:var(--gold);margin:3px 0 0;flex:0 0 13px;width:13px;height:13px}.paid-note{color:#7f8f74!important;margin-top:5px}.amount-summaries{margin-top:7px;border-top:1px solid #272c3415;padding-top:9px}.amount-summary{display:flex;justify-content:space-between;gap:12px;font-size:10px;padding:7px 0;align-items:flex-start}.amount-summary>div{min-width:0}.amount-summary span{display:block;color:#747d8b}.amount-summary small{display:block;font-size:8px;line-height:1.7;color:#969da7;margin-top:3px}.amount-summary strong{flex-shrink:0;max-width:47%;text-align:right;font-size:11px;font-weight:550}.invoice-total>span{white-space:normal;flex-shrink:1;max-width:48%;line-height:1.65}
@media screen{html,body{height:100%;overflow:hidden}.page{height:100vh;height:100dvh;display:flex;flex-direction:column;padding:18px 0;min-height:0}.brand-row{margin-bottom:12px;flex-shrink:0}.intro{margin-bottom:14px;flex-shrink:0}.intro h1{font-size:clamp(24px,3.2vw,32px);margin-bottom:0}.intro .eyebrow{margin-bottom:6px}.layout{flex:1;min-height:0;align-items:stretch;overflow:hidden}.form-shell{display:flex;flex-direction:column;min-height:0}.form-top,.steps,.form-bottom{flex-shrink:0}.step-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.step-content>.proposal-intro{margin-bottom:9px;font-size:10px}.step-content>.service-path{margin:0 0 20px;font-size:9px}.invoice-column{display:flex;flex-direction:column;position:static;min-height:0;height:100%}.invoice{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.invoice-top,.invoice-print{flex-shrink:0}.invoice-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}.invoice-scroll:focus-visible{outline:1px solid #b7a17b88;outline-offset:2px}.invoice-scroll .hypothesis{color:#8f97a2;font-size:8px;margin:12px 0 0}.invoice-scroll .hypothesis strong{color:#747d8b}.invoice-print{margin-top:10px}.pane-switch{display:none}.selection-explainer .proposal-scope{font-size:9px;line-height:1.7;color:#8791a1;margin:12px 0 0}}
@media screen and (max-width:800px){.page{padding:13px 0}.brand-row{margin-bottom:8px}.intro{margin-bottom:10px}.intro h1{font-size:25px}.intro .eyebrow{font-size:8px}.preview-pill{font-size:8px}.layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.pane-switch{display:flex;gap:7px;flex-shrink:0;margin-bottom:9px}.pane-switch button{padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:#ffffff03;color:var(--muted);font-size:10px}.pane-switch button[aria-pressed=true]{color:var(--gold);border-color:#d6b98755;background:#d6b9870a}.layout[data-view=invoice]>.form-shell,.layout[data-view=form]>.invoice-column{display:none}.form-top{padding:12px 16px}.steps{padding:10px 12px}.step-content{padding:18px 16px}.invoice-column{display:flex}.invoice{padding:18px 21px}.invoice-top{padding-bottom:13px}.invoice-top .invoice-title strong{font-size:15px}.invoice-print{padding-top:10px}.form-bottom{padding:10px 16px}.form-status{font-size:9px}}
@media screen and (max-width:550px){.intro{display:flex;gap:9px}.intro h1{font-size:23px}.preview-pill{display:none}.page{padding:11px 0}.brand-row{margin-bottom:8px}.form-top h2{font-size:11px}.step{padding:6px 3px}.step>span{width:17px;height:17px;flex-basis:17px;font-size:8px}.step-content{padding:15px}.form-bottom{flex-wrap:nowrap;gap:8px}.form-status{order:0;flex-basis:auto;max-width:55%}.form-bottom .button{font-size:9px;padding:9px 10px}.invoice{padding:16px 20px}}
@media screen and (max-height:480px){.page{padding-top:8px;padding-bottom:8px}.brand-row{margin-bottom:5px}.brand-row img{width:24px;height:24px}.brand-row .back{padding:5px 8px}.intro{margin-bottom:7px}.intro h1{font-size:21px}.intro .eyebrow{display:none}.form-top{padding:8px 14px}.steps{padding:7px 12px}.step{padding:5px 3px;gap:4px}.step-content{padding:12px 15px}.invoice{padding:13px 18px}.invoice-top{padding-bottom:9px}.invoice-print{margin-top:6px;padding-top:6px}.pane-switch{margin-bottom:6px}.pane-switch button{padding:5px 9px}}
@media screen and (max-height:420px){.form-shell{display:block;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.form-shell .step-content{overflow:visible;flex:none;min-height:0}.invoice{display:block;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.invoice-scroll{overflow:visible;flex:none;min-height:0}.form-top,.steps,.form-bottom,.invoice-top,.invoice-print{position:static}}
@media print{html,body{height:auto!important;overflow:visible!important}.page{display:block!important;height:auto!important;min-height:0!important;padding:0!important}.pane-switch{display:none!important}.layout{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}.form-shell{display:none!important}.invoice-column{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}.invoice{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}.invoice-scroll{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding-right:0!important;outline:none!important}.invoice-scroll .hypothesis{display:none!important}.amount-summary{font-size:10pt;padding:3mm 0}.amount-summary strong{font-size:11pt}.amount-summary small{font-size:8pt}.invoice-total strong{font-size:16pt}.paid-note{font-size:8pt!important}.invoice-watermark{opacity:.035!important}}

/* Fields and actions used by the integrated workflow invoice. */
textarea{font:inherit;min-width:0;-webkit-tap-highlight-color:transparent}
textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.field textarea{display:block;width:100%;border:1px solid #ffffff18;border-radius:9px;padding:11px 12px;background:#0002;color:var(--ink);font-size:12px;line-height:1.7;resize:vertical;min-height:115px}
.field textarea::placeholder{color:#818b9a}
.field textarea:disabled{opacity:.6}
.field small{display:block;margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.8}
.billing-status{margin:0 0 15px;white-space:pre-line;overflow-wrap:anywhere}
.billing-status.error{color:var(--red);border-color:#e3ad9f40;background:#e3ad9f07}
.form-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0}
.form-actions .review-button{padding:10px 12px}
.print-button:disabled{opacity:.5;cursor:default}
.invoice-album-row{margin:13px 0 4px;padding:11px 0 0;border-top:1px solid #272c3414}
.invoice-album-row ol{margin:7px 0 0;padding-left:17px;font-size:9px;line-height:1.8;color:#616b79;overflow-wrap:anywhere}
.invoice-album-row li{padding-left:3px;margin-bottom:3px}
@media screen and (max-width:1050px){.form-bottom{grid-template-columns:minmax(0,1fr)}.form-status{max-width:none}.form-actions{width:100%}}
@media screen and (max-width:550px){.form-bottom{display:flex;flex-wrap:wrap;gap:8px}.form-status{order:0;flex:1 1 100%;max-width:none}.form-actions{width:100%;justify-content:stretch}.form-actions .button,.form-actions .review-button{flex:1 1 120px;white-space:normal;min-width:0;font-size:9px;padding:9px 10px}.field textarea{font-size:11px;padding:10px}}
@media print{.invoice-album-row ol{font-size:9pt}.invoice-album-row{padding-top:3mm;margin-top:4mm}.test-payment-seal{break-inside:avoid;page-break-inside:avoid}}


/* Common pricing context stays inside the scrollable form panel. */
.price-details{min-width:0;max-width:100%}
.price-details select,.price-details input{max-width:100%}
.price-details small{overflow-wrap:anywhere}
#instrumentalFields>.field{margin-bottom:18px}

/* Album pricing and programme remain within the existing form scroll area. */
body[data-entry-service=album] .album-planning-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
body[data-entry-service=album] .album-price-preview,body[data-entry-service=album] .album-program-review{padding:13px;border:1px solid var(--line);border-radius:10px;background:#ffffff03;margin:14px 0;font-size:10px;line-height:1.8;overflow-wrap:anywhere}
body[data-entry-service=album] .album-price-preview p,body[data-entry-service=album] .album-program-review p{margin:0 0 7px}
body[data-entry-service=album] .album-program-review h4{margin:0 0 8px;font-size:12px}
body[data-entry-service=album] .album-program-review ol{padding-left:20px;margin:8px 0}
body[data-entry-service=album] .album-program-review summary{cursor:pointer;color:var(--gold)}
body[data-entry-service=album] .album-program-review details>ol{max-height:190px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
body[data-entry-service=album] .album-track-fee{font-size:9px;color:var(--muted);white-space:nowrap}
body[data-entry-service=album] #nextPayment{white-space:normal;max-width:100%}
@media screen and (max-width:550px){body[data-entry-service=album] .album-planning-fields{grid-template-columns:minmax(0,1fr)}}

body[data-entry-service=album] .album-phase-purpose{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin:3px 0 8px}