.studio{display:flex;flex-direction:column;height:100dvh;background:var(--paper);color:var(--ink-900)}.studio-loading{align-items:center;justify-content:center}.studio-top{display:flex;align-items:center;gap:14px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--line);flex:none}.studio-top .wordmark{flex-shrink:0}.studio-top .brand-wordmark{display:block;width:174px;height:32px}.studio-name{padding-left:14px;border-left:1px solid var(--line);color:var(--ink-500);font-size:.875rem;font-weight:600;white-space:nowrap}.studio-top-actions{display:flex;gap:8px;margin-left:auto}.studio .btn-sm{min-height:36px;padding:7px 14px;white-space:nowrap}.studio-short{display:none}.studio-tabs{display:none;flex:none;background:var(--surface);border-bottom:1px solid var(--line)}.studio-tabs button{flex:1 1;min-height:44px;background:none;border:0;border-bottom:2px solid transparent;color:var(--ink-500);font:600 .875rem var(--font-body);cursor:pointer}.studio-tabs button[aria-selected=true]{color:var(--brand-700);border-bottom-color:var(--brand-700)}.studio-main{flex:1 1;min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr) 310px}.studio-pane{overflow-y:auto;background:var(--surface)}.studio-pane--edit{border-right:1px solid var(--line)}.studio-pane--design{border-left:1px solid var(--line)}.studio-stage{overflow:auto;padding:24px;background:var(--surface-2)}.studio-frame{width:100%;max-width:794px;margin:0 auto}.studio-frame>div{width:794px;box-shadow:var(--shadow-lg)}.studio-bottom{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface);border-top:1px solid var(--line);flex:none}.studio-total{display:flex;align-items:baseline;gap:8px;margin-right:auto;min-width:0}.studio-total span{color:var(--ink-500);font-size:.8125rem}.studio-total strong{font:700 1.125rem var(--font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-sec{border-bottom:1px solid var(--line)}.studio-sec>summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 16px;font-weight:600;font-size:.9375rem;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.studio-sec>summary::-webkit-details-marker{display:none}.studio-sec>summary:after{content:"+";color:var(--ink-500);font-size:1.125rem;font-weight:400}.studio-sec[open]>summary:after{content:"−"}.studio-sec>summary:hover{background:var(--surface-2)}.studio-sec>summary:focus-visible{outline:2px solid var(--brand-500);outline-offset:-2px}.studio-sec-body{padding:4px 16px 16px}.studio .field{margin-bottom:12px;min-width:0}.studio .field>span{font-size:.75rem;font-weight:600;color:var(--ink-700)}.studio .field>small{color:var(--ink-500);font-size:.75rem;line-height:1.4}.studio .field input[type=range]{padding:0;border:0;background:none;box-shadow:none;accent-color:var(--brand-700)}.studio .field-grid{gap:0 12px}.studio .checkbox-row{margin-bottom:10px;font-size:.875rem}.studio-note{margin:0 0 12px;color:var(--ink-500);font-size:.8125rem;line-height:1.5}.studio-seg{display:flex;border:1px solid var(--line);border-radius:var(--radius-input);overflow:hidden}.studio-seg button{flex:1 1;min-height:36px;padding:6px 8px;background:var(--surface);border:0;border-left:1px solid var(--line);color:var(--ink-700);font:500 .8125rem var(--font-body);cursor:pointer}.studio-seg button:first-child{border-left:0}.studio-seg button[aria-pressed=true]{background:var(--brand-700);color:#fff}.studio-seg button:focus-visible{outline:2px solid var(--brand-500);outline-offset:-2px}.studio-x{flex:none;width:32px;height:32px;background:none;border:0;border-radius:6px;color:var(--ink-500);font-size:1.25rem;line-height:1;cursor:pointer}.studio-x:hover{background:var(--surface-2);color:var(--danger)}.studio-upload{display:flex;align-items:center;gap:8px;margin-bottom:12px}.studio-upload img,.studio-upload-empty{flex:none;width:56px;height:56px;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--surface-2)}.studio-upload img{object-fit:contain}.studio-upload-empty{display:flex;align-items:center;justify-content:center;color:var(--ink-500);font-size:.625rem;text-align:center}.studio-upload label{cursor:pointer}.studio-custom{display:grid;grid-template-columns:1fr 1fr 32px;grid-gap:8px;gap:8px;align-items:center;margin-bottom:8px}.studio-custom input{min-width:0;padding:9px 10px;background:var(--surface);font:.875rem var(--font-body);color:var(--ink-900)}.studio-custom input,.studio-line{border:1px solid var(--line);border-radius:var(--radius-input)}.studio-line{margin-bottom:12px;padding:10px 12px 0;background:var(--surface-2)}.studio-line-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.8125rem}.studio-line-head span{margin-left:auto;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.studio-line-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:0 8px;gap:0 8px}.studio-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;color:var(--ink-500);font-size:.8125rem}.studio-chips button{min-height:30px;padding:4px 10px;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--ink-900);font:500 .8125rem var(--font-body);cursor:pointer}.studio-chips button[aria-pressed=true]{background:var(--brand-700);border-color:var(--brand-700);color:#fff}.studio-convert{display:flex;flex-wrap:wrap;gap:8px}.studio-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:14px}.studio-presets button{display:flex;flex-direction:column;gap:5px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-input);color:var(--ink-700);font:500 .6875rem var(--font-body);cursor:pointer}.studio-presets button[aria-pressed=true]{border-color:var(--brand-700);box-shadow:0 0 0 1px var(--brand-700);color:var(--brand-700)}.studio-presets i{display:block;height:46px;padding:8px 6px;border:1px solid var(--line);border-top:9px solid;border-radius:3px}.studio-presets b{display:block;width:60%;height:4px;border-radius:2px}.studio-template{padding:12px;border:1px dashed var(--brand-500);border-radius:var(--radius-input);background:var(--brand-50)}.studio-template strong{font-size:.875rem}.studio-template p{margin:4px 0 10px;color:var(--ink-700);font-size:.8125rem;line-height:1.5}.studio-color{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:.875rem;cursor:pointer}.studio-color input{flex:none;width:36px;height:32px;padding:2px;background:var(--surface);border:1px solid var(--line);border-radius:6px;cursor:pointer}.studio-color code{margin-left:auto;color:var(--ink-500);font:.75rem var(--font-mono)}.studio-order{display:flex;align-items:center;gap:6px;margin-bottom:6px}.studio-order .checkbox-row{flex:1 1;margin:0}.studio-order button{width:32px;height:32px;background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink-700);cursor:pointer}.studio-order button:disabled{opacity:.35;cursor:default}.studio-toast{position:fixed;left:50%;bottom:72px;z-index:1100;max-width:calc(100vw - 32px);padding:10px 16px;background:var(--ink-900);border-radius:var(--radius-input);color:#fff;font-size:.875rem;transform:translateX(-50%);box-shadow:var(--shadow-lg)}.studio-toast:empty{display:none}.studio-modal{width:100%;max-width:720px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:20px;border-radius:var(--radius-modal)}.studio-modal--narrow{max-width:460px}.studio-modal p{margin:0 0 12px;color:var(--ink-700);line-height:1.55}.studio-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.studio-modal-head h2{margin:0;font:700 1.25rem var(--font-display)}.studio-list{margin:0;padding:0;list-style:none}.studio-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.studio-list li>div{flex:1 1 180px;min-width:0;display:flex;flex-direction:column}.studio-list li>div span{color:var(--ink-500);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-list-amount{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.studio-create{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--ink-500);font-size:.8125rem}.studio-create a{padding:4px 0;font-weight:500}.studio-plans{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:16px}.studio-plans>div{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--surface-2)}.studio-plans span{color:var(--ink-500);font-size:.8125rem}.studio-plans em{margin-top:6px;color:var(--brand-700);font-size:.75rem;font-style:normal;font-weight:600}@media (max-width:1099px){.studio-tabs{display:flex}.studio-main{display:block}.studio-main>*{height:100%;border:0}.studio-main[data-view=design]>:not(.studio-pane--design),.studio-main[data-view=edit]>:not(.studio-pane--edit),.studio-main[data-view=preview]>:not(.studio-stage){display:none}.studio-stage{padding:12px}.studio-pane{max-width:640px;margin:0 auto}}@media (max-width:640px){.studio-top{gap:8px;padding:6px 10px}.studio-top .wordmark{font-size:1rem;min-width:0}.studio-top .brand-wordmark{width:140px;height:auto}.studio-long,.studio-name{display:none}.studio-short{display:inline}.studio .btn-sm{min-height:40px;padding:7px 10px;font-size:.8125rem}.studio-bottom{padding:8px 10px}.studio-total{flex-direction:column;align-items:flex-start;gap:0}.studio-total span{font-size:.6875rem;white-space:nowrap}.studio-total strong{max-width:100%;font-size:1rem}.studio-custom input{font-size:16px}}@media (max-width:420px){.studio-top .wordmark{font-size:0;gap:0}.studio-top .brand-wordmark{width:96px}.studio .field-grid{grid-template-columns:1fr 1fr}}.sp-page{--sp-line:color-mix(in srgb,var(--sp-text) 16%,transparent);--sp-muted:color-mix(in srgb,var(--sp-text) 62%,transparent);--sp-tint:color-mix(in srgb,var(--sp-accent) 8%,transparent);--sp-px:48px;--sp-gap:26px;--sp-cell:9px;--sp-frame:0px;position:relative;display:flex;flex-direction:column;width:794px;min-height:1123px;padding:var(--sp-frame);overflow:hidden;background:var(--sp-page);color:var(--sp-text);font-family:var(--sp-font);font-size:var(--sp-fs);line-height:1.5;overflow-wrap:anywhere;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sp-space--compact{--sp-px:38px;--sp-gap:18px;--sp-cell:6px}.sp-space--relaxed{--sp-px:58px;--sp-gap:34px;--sp-cell:12px}.sp-border--thick,.sp-border--thin{--sp-frame:16px}.sp-border--thick:after,.sp-border--thin:after{content:"";position:absolute;inset:16px;border:1px solid var(--sp-accent);pointer-events:none}.sp-border--thick:after{border:4px double var(--sp-accent)}.sp-page dd,.sp-page dl,.sp-page h3,.sp-page p{margin:0}.sp-page h3{margin-bottom:4px;color:var(--sp-muted);font-size:.78em;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.sp-ph{opacity:.4}.sp-header{justify-content:space-between;gap:28px;padding:var(--sp-px) var(--sp-px) var(--sp-gap)}.sp-brand,.sp-header{display:flex;align-items:flex-start}.sp-brand{gap:14px;min-width:0;flex:1 1}.sp-logo{flex:none;height:var(--sp-logo);width:auto;max-width:240px;object-fit:contain}.sp-biz{display:flex;flex-direction:column;min-width:0}.sp-biz strong{font-size:1.25em;line-height:1.25}.sp-biz span{font-size:.9em;opacity:.75}.sp-title{flex:none;max-width:46%;text-align:right}.sp-title .sp-h{margin-bottom:8px;font-family:var(--font-display);color:var(--sp-header);font-size:2.1em;font-weight:700;letter-spacing:.02em;line-height:1.1;text-transform:uppercase}.sp-title dl>div{display:flex;justify-content:flex-end;gap:10px;font-size:.92em}.sp-title dt{opacity:.7}.sp-title dd{min-width:84px;font-weight:600}.sp-head--plain .sp-header{margin:0 var(--sp-px);padding-left:0;padding-right:0;border-bottom:2px solid var(--sp-header)}.sp-head--band .sp-header{background:var(--sp-header);color:var(--sp-on-header);padding-top:calc(var(--sp-px) * .75)}.sp-head--band .sp-title .sp-h{color:inherit}.sp-head--stripe .sp-header{border-top:12px solid var(--sp-header);padding-top:calc(var(--sp-px) - 12px)}.sp-logo--center .sp-header{flex-direction:column;align-items:center;gap:14px;text-align:center}.sp-logo--center .sp-brand{flex-direction:column;align-items:center;flex:none}.sp-logo--center .sp-title{max-width:none;text-align:center}.sp-logo--center .sp-title dl{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 20px}.sp-logo--center .sp-title dd{min-width:0}.sp-logo--right .sp-brand,.sp-logo--right .sp-header{flex-direction:row-reverse}.sp-logo--right .sp-brand{text-align:right}.sp-logo--right .sp-title{text-align:left}.sp-logo--right .sp-title dl>div{justify-content:flex-start}.sp-logo--right .sp-title dd{min-width:0}.sp-body{flex:1 1;gap:var(--sp-gap);padding:var(--sp-gap) var(--sp-px)}.sp-billto,.sp-body{display:flex;flex-direction:column}.sp-billto{max-width:60%}.sp-billto strong{font-size:1.1em}.sp-billto span{font-size:.92em;opacity:.8}.sp-items{width:100%;border-collapse:collapse}.sp-items td,.sp-items th{padding:var(--sp-cell) 10px;text-align:left;vertical-align:top}.sp-items th{font-size:.8em;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.sp-items .sp-num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.sp-items .sp-col-n{width:30px;opacity:.6}.sp-table--lines th{border-bottom:2px solid var(--sp-accent);color:var(--sp-accent)}.sp-table--lines td{border-bottom:1px solid var(--sp-line)}.sp-table--striped th{background:var(--sp-accent);color:var(--sp-on-accent)}.sp-table--striped tbody tr:nth-child(2n) td{background:var(--sp-tint)}.sp-table--grid td,.sp-table--grid th{border:1px solid var(--sp-line)}.sp-table--grid th{background:var(--sp-tint)}.sp-table--bare th{color:var(--sp-muted)}.sp-totals{align-self:flex-end;width:46%}.sp-totals>div{display:flex;justify-content:space-between;gap:16px;padding:4px 10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sp-totals>div>span:first-child{color:var(--sp-muted)}.sp-totals>.sp-grand{margin-top:6px;padding:9px 10px;border-top:2px solid var(--sp-accent);font-size:1.2em;font-weight:700}.sp-totals>.sp-grand>span:first-child{color:inherit}.sp-table--striped .sp-grand{border-top:0;background:var(--sp-accent);color:var(--sp-on-accent)}.sp-block p{font-size:.95em}.sp-payment{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.sp-qr{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--sp-muted);font-size:.78em}.sp-qr svg{display:block;padding:4px;background:#fff;border-radius:4px}.sp-signature{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sp-signature img{max-width:180px;max-height:64px;object-fit:contain}.sp-signature span{min-width:180px;padding-top:5px;font-size:.9em}.sp-footer,.sp-signature span{border-top:1px solid var(--sp-line);text-align:center}.sp-footer{padding:12px var(--sp-px) calc(var(--sp-px) * .6);margin:0 var(--sp-px);padding-left:0;padding-right:0;color:var(--sp-muted);font-size:.85em}.sp-footer-mark{margin-top:4px!important;font-size:.85em;letter-spacing:.04em}.sp-watermark{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-watermark span{color:color-mix(in srgb,var(--sp-text) 10%,transparent);font:800 46px/1 var(--font-body);letter-spacing:.12em;transform:rotate(-32deg)}.studio-about{padding:72px 0 80px;border-top:1px solid var(--line);background:var(--surface-2)}.studio-about h1{margin-bottom:14px;font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.02em}.studio-about-lead{margin:0;color:var(--ink-700);font-size:1.0625rem;line-height:1.65}.studio-about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-gap:36px 56px;gap:36px 56px;margin-top:48px}.studio-about h2{margin-bottom:12px;font-size:1.125rem;letter-spacing:-.01em}.studio-about-grid dd,.studio-about-grid li,.studio-about-grid p{color:var(--ink-700);font-size:.9375rem;line-height:1.65}.studio-about-grid p{margin:0 0 12px}.studio-about-grid ul{margin:0;padding-left:18px}.studio-about-grid li{padding:2px 0}.studio-about-grid dd,.studio-about-grid dl{margin:0}.studio-about-grid dl>div+div{margin-top:14px}.studio-about-grid dt{margin-bottom:2px;color:var(--ink-900);font-size:.9375rem;font-weight:600}.studio-about-tools{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.studio-about-tools>div{display:flex;flex-wrap:wrap;gap:8px}.studio-about-tools a{padding:8px 14px;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--ink-900);font-size:.875rem;font-weight:500;text-decoration:none}.studio-about-tools a:hover{border-color:var(--brand-700);color:var(--brand-700)}@media (max-width:700px){.studio-about{padding:48px 0 56px}}@media print{.studio-below{display:none!important}.studio{display:block;height:auto;background:#fff}.studio .modal-overlay,.studio-bottom,.studio-pane,.studio-tabs,.studio-toast,.studio-top{display:none!important}.studio-main,.studio-stage{display:block!important;padding:0;overflow:visible;background:#fff}.studio-frame{max-width:none}.studio-frame>div{zoom:.9!important;box-shadow:none}.sp-page,.sp-page *{visibility:visible}}