.spine-editor,.spine-customer-grid{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.spine-editor-controls{border:0;min-width:0;margin:0;padding:0}.spine-editor-controls section,.spine-editor-preview,.spine-customer aside{background:#fff;border:1px solid #dddcd3;border-radius:14px;margin-bottom:16px;padding:22px}.spine-editor label,.spine-customer label,.spine-choices label{color:#33483b;gap:7px;margin:12px 0;font-size:13px;display:grid}.spine-editor input,.spine-editor select,.spine-editor textarea,.spine-customer input,.spine-customer select,.spine-customer textarea{color:#243a30;width:100%;font:inherit;background:#fff;border:1px solid #c9cec5;border-radius:6px;min-width:0;padding:9px 10px}.spine-editor input[type=color]{height:38px;padding:3px}.spine-number-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.spine-check{align-items:center;gap:8px!important;display:flex!important}.spine-check input{width:auto}.spine-editor p,.spine-editor small,.spine-customer p{color:#68746b;font-size:13px;line-height:1.6}.spine-editor h2{margin:0 0 16px;font-size:19px}.spine-editor-preview{min-width:0;position:sticky;top:20px}.spine-preview-heading{letter-spacing:1px;color:#657266;justify-content:space-between;margin-bottom:20px;font-size:11px;display:flex}.spine-paper{background:#fff;width:100%;overflow:hidden;box-shadow:0 6px 24px #172b231c}.spine-paper svg{width:100%;height:100%;display:block}.spine-draggable{touch-action:none;-webkit-user-select:none;user-select:none}.spine-draggable [data-spine-style]{cursor:move}.spine-draggable .spine-selected>rect{stroke:#678b77;stroke-width:.8px;stroke-dasharray:3 3}.spine-draggable text:hover{fill:#aa402e}.spine-actions,.spine-age-options{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.spine-actions button,.spine-age-options button,.spine-customer button:not(.primary){color:#294b3b;cursor:pointer;background:#fafbf7;border:1px solid #cbd2c8;border-radius:6px;padding:9px 12px}.spine-age-options button[aria-pressed=true]{color:#fff;background:#294b3b}.spine-choices fieldset{border:0;margin:16px 0;padding:0}.spine-choices legend{font-size:13px;font-weight:600}.spine-song-list{max-height:240px;padding-left:24px;overflow:auto}.spine-song-list li{padding:7px 0;font-size:12px;line-height:1.5}.spine-song-list span{color:#69766b;display:block}.spine-warning{background:#fff3df;border-radius:6px;padding:12px;color:#77511b!important}.spine-customer{max-width:1400px;margin:auto;padding:30px}.spine-customer header{justify-content:space-between;margin-bottom:60px;display:flex}.spine-customer h1{font-size:clamp(28px,4vw,46px);font-weight:500}.spine-eyebrow{letter-spacing:3px;font-size:11px!important}.spine-customer-grid{grid-template-columns:minmax(0,1fr) 340px;margin-top:35px}.spine-customer-grid>.spine-preview{--spine-preview-height:calc(100dvh - 150px);background:var(--cream,#fff);border-radius:8px;align-self:start;min-width:0;padding:12px;position:sticky;top:24px}.spine-customer-grid>.spine-preview .spine-paper{margin-inline:auto}.spine-review-backdrop{z-index:1000;background:#172b2380;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.spine-review{background:#fff;border-radius:15px;width:100%;max-width:1000px;max-height:94vh;padding:35px;position:relative;overflow:auto}.spine-close{position:absolute;top:15px;right:15px}.spine-confirmed{text-align:center;padding:100px 25px}@media (max-width:1000px){.spine-editor{grid-template-columns:310px minmax(0,1fr);gap:14px}.spine-editor-preview{padding:15px}}@media (max-width:760px){.spine-editor,.spine-customer-grid{grid-template-columns:1fr}.spine-editor-preview{grid-row:1;position:static}.spine-customer-grid{display:block}.spine-customer-grid>.spine-preview{--spine-preview-height:38dvh;z-index:5;border-bottom:1px solid var(--line,#ddd);margin-bottom:16px;padding:10px 0;position:sticky;top:0}.spine-customer-grid>.spine-preview .spine-actions{margin:6px 0}.spine-customer-grid>.spine-preview p{font-size:11px}.spine-customer{padding:18px}.spine-customer header{margin-bottom:30px}}.spine-font-pool{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.spine-font-pool label{font-size:13px}.spine-band-fields{border:1px solid #d9dfd5;border-radius:8px;margin:18px 0;padding:14px}.spine-band-fields legend{color:#294b3b;padding:0 5px;font-weight:600}.spine-background-options{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.spine-background-options button{color:#294b3b;cursor:pointer;background:#fff;border:1px solid #cbd2c8;border-radius:6px;align-items:center;gap:7px;padding:8px;display:flex}.spine-background-options button[aria-pressed=true]{outline-offset:1px;outline:2px solid #294b3b}.spine-background-options span{border:1px solid #0002;border-radius:50%;flex-shrink:0;width:22px;height:22px;display:block}.spine-paper{outline-offset:0;outline:1px solid #bbb}.spine-background-options button,.spine-customer .spine-background-options button:not(.primary){background:#fff;border-radius:50%;justify-content:center;min-width:44px;min-height:44px;padding:5px}.spine-background-options span{width:30px;height:30px}.spine-choices,.spine-customer-grid>aside,.spine-choices>label{min-width:0;max-width:100%}.spine-birth-date input[type=date]{appearance:none;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;display:block}.spine-birth-date input::-webkit-date-and-time-value{text-align:left;min-width:0}.spine-choices textarea{height:auto;min-height:0;margin-top:0;line-height:1.5}.spine-age-options sup{text-transform:uppercase;vertical-align:super;margin-left:1px;font-size:.65em;line-height:0}.spine-jaggedness{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 8px;font-size:13px;display:flex}.spine-jaggedness>span{margin-right:auto}.spine-jaggedness button{min-width:52px;min-height:44px}.spine-jaggedness output{color:#68746b;font-variant-numeric:tabular-nums;min-width:3ch;font-size:12px}@media (max-width:760px){.spine-birth-date input[type=date]{font-size:16px}}.spine-palette-row{grid-template-columns:minmax(0,1fr) 75px auto;align-items:center;gap:10px;display:grid}.spine-palette-row button{border:1px solid #cbd2c8;border-radius:6px;padding:8px;font-size:12px}.spine-palette-row label{min-width:0}.spine-palette-row input[type=color]{width:100%}.spine-customer-grid>.spine-preview[data-format=square],.spine-customer-grid>.spine-preview[data-format=portrait]{--spine-preview-height:calc(100dvh - 110px)}@media (max-width:760px){.spine-customer-grid>.spine-preview[data-format=square]{--spine-preview-height:44dvh}.spine-customer-grid>.spine-preview[data-format=portrait]{--spine-preview-height:58dvh}}@media (max-width:760px),(hover:none) and (pointer:coarse){.spine-choices input,.spine-choices textarea,.spine-choices select,.spine-customer input,.spine-customer textarea,.spine-customer select{font-size:16px}}.spine-custom-age{color:#33483b;margin:12px 0;font-size:13px}.spine-age-stepper{background:#fff;border:1px solid #c9cec5;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;margin-top:7px;padding:6px 8px 6px 14px;display:flex}.spine-age-stepper output{font-variant-numeric:tabular-nums;font-size:20px}.spine-age-arrows{gap:6px;display:flex}.spine-age-stepper .spine-age-arrows button{color:#294b3b;cursor:pointer;touch-action:manipulation;background:#fafbf7;border:1px solid #cbd2c8;border-radius:6px;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font-size:11px}.spine-age-arrows button:disabled{opacity:.4;cursor:default}.spine-review-backdrop{z-index:1000}.spine-review .review-canvas{max-width:600px;margin-inline:auto}.spine-review .review-canvas svg{width:100%;height:100%;max-height:65dvh}.spine-review .shopping-shot-grid{max-height:none}.spine-review .shopping-shot{width:100%}.spine-review .flow-preview[hidden],.spine-review.stepped-review .spine-keep-editing{display:none}.spine-review.review-formats .shopping-shot-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width:600px){.spine-review.review-formats .shopping-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}