.carousel-maker{color:var(--ink);min-width:0;accent-color:var(--ink)}.carousel-maker ::selection{background:var(--amber);color:var(--deep)}.carousel-topbar,.carousel-stage-heading,.carousel-section-heading,.carousel-strip-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.carousel-topbar{align-items:flex-start;margin-bottom:32px}.carousel-topbar h2{letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.carousel-topbar p,.carousel-export p{color:var(--muted);margin:0;line-height:1.6}.carousel-workspace{grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.carousel-controls,.carousel-stage{min-width:0}.carousel-controls h3,.carousel-stage h3,.carousel-export h3{margin:0;font-size:1.08rem;font-weight:700;line-height:1.4}.carousel-section-heading{margin-bottom:22px}.carousel-local{color:var(--muted);white-space:nowrap;font-size:.76rem}.carousel-field{min-width:0;margin:0 0 20px}.carousel-field>label{margin-bottom:8px;font-size:.9rem;font-weight:700;display:block}.carousel-field input,.carousel-field textarea,.carousel-field select{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;min-width:0;min-height:48px;color:var(--ink);font:inherit;caret-color:var(--ink);padding:12px 14px;font-size:1rem;line-height:1.5}.carousel-field textarea{resize:vertical}.carousel-field [aria-invalid=true]{border-color:var(--eyebrow)}.carousel-field input:disabled,.carousel-field textarea:disabled,.carousel-field select:disabled{opacity:.65}.carousel-help{color:var(--muted);margin:8px 0 0;font-size:.8rem;line-height:1.6}.carousel-photo-heading{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px;font-size:.9rem;font-weight:700;display:flex}.carousel-photo-heading [data-carousel-photo-name]{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem;font-weight:400}.carousel-photo-actions,.carousel-slide-actions,.carousel-download-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.carousel-button,.carousel-text-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;transition:background var(--motion-fast), border-color var(--motion-fast);justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:650;line-height:1.35;display:inline-flex}.carousel-button svg{flex-shrink:0}.carousel-button:hover{border-color:var(--muted);background:var(--mist)}.carousel-text-button{text-underline-offset:3px;background:0 0;border-color:#0000;padding-inline:4px;text-decoration:underline}.carousel-text-button:hover{color:var(--eyebrow)}.carousel-button:disabled,.carousel-text-button:disabled{opacity:.45;cursor:not-allowed}.carousel-button:disabled:hover{background:var(--paper);border-color:var(--line)}.carousel-text-button:disabled:hover{color:var(--ink)}.carousel-undo{flex-shrink:0}.carousel-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.carousel-primary:hover{background:var(--deep);border-color:var(--deep)}.carousel-primary:disabled:hover{background:var(--ink);border-color:var(--ink)}.carousel-file-input{opacity:0;clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.carousel-photo-actions:has(.carousel-file-input:focus-visible) .carousel-upload{outline:3px solid var(--eyebrow);outline-offset:4px}.carousel-photo-actions:has(.carousel-file-input:disabled) .carousel-upload{opacity:.45;cursor:not-allowed}.carousel-design{border-top:1px solid var(--line);margin-top:26px;padding-top:12px}.carousel-design summary{cursor:pointer;min-height:44px;padding-block:10px;font-size:1.02rem;font-weight:700}.carousel-design[open] summary{margin-bottom:16px}.carousel-style-picker{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 20px;padding:0;display:grid}.carousel-style-picker legend{margin-bottom:10px;padding:0;font-size:.9rem;font-weight:700}.carousel-style-picker label{cursor:pointer;min-width:0;display:flex;position:relative}.carousel-style-picker input{opacity:0;width:1px;height:1px;position:absolute}.carousel-style-picker span{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;min-height:70px;padding:12px 10px}.carousel-style-picker strong{font-size:.88rem;display:block}.carousel-style-picker small{color:var(--muted);margin-top:4px;font-size:.68rem;line-height:1.4;display:block}.carousel-style-picker input:checked+span{border-color:var(--ink);background:var(--mist)}.carousel-style-picker input:focus-visible+span{outline:3px solid var(--eyebrow);outline-offset:3px}.carousel-style-picker input:disabled+span{opacity:.65;cursor:not-allowed}.carousel-color-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.carousel-color-row label{cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;font-size:.8rem;display:flex}.carousel-color-row input{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);cursor:pointer;width:100%;height:44px;padding:4px}.carousel-color-row input:disabled{opacity:.65;cursor:not-allowed}.carousel-optional{color:var(--muted);margin-left:4px;font-size:.8rem;font-weight:400}.carousel-stage-heading{margin-bottom:14px}.carousel-stage-heading>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.carousel-canvas-mat{background:#ece7dd;border-radius:12px;padding:clamp(14px,2vw,24px)}.carousel-preview{width:100%;max-width:560px;height:auto;margin-inline:auto;display:block;box-shadow:0 12px 30px #10231f21}.carousel-fit-warning,.carousel-notice{border:1px solid var(--eyebrow);border-radius:var(--radius);background:var(--paper);color:#823706;margin:14px 0;padding:12px 16px;font-size:.85rem;line-height:1.6}.carousel-fit-warning[hidden]{display:none}.carousel-slide-actions{margin-top:14px}.carousel-delete{margin-left:auto}.carousel-strip-heading{margin-top:24px;margin-bottom:12px}.carousel-strip-heading p{margin:0;font-size:.86rem;font-weight:700}.carousel-thumbnails{overscroll-behavior-x:contain;scrollbar-color:var(--muted) #ece7dd;scrollbar-width:thin;gap:10px;margin-inline:-5px;padding:5px 5px 12px;display:flex;overflow-x:auto}.carousel-thumbnail{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);font:inherit;color:var(--muted);cursor:pointer;transition:background var(--motion-fast), border-color var(--motion-fast);flex-direction:column;flex:0 0 105px;align-items:center;gap:8px;padding:7px;display:flex}.carousel-thumbnail canvas{width:100%;height:auto;display:block}.carousel-thumbnail span{font-size:.76rem;font-weight:650}.carousel-thumbnail:hover{background:var(--mist);border-color:var(--muted)}.carousel-thumbnail[aria-current=true]{border-color:var(--ink);background:var(--mist);color:var(--ink)}.carousel-thumbnail-overflow span:after{content:" · Check fit";color:var(--eyebrow)}.carousel-thumbnail:disabled{opacity:.65;cursor:not-allowed}.carousel-strip-help{margin-top:0}.carousel-export{border-top:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);align-items:center;gap:clamp(24px,4vw,56px);margin-top:36px;padding-top:28px;display:grid}.carousel-export h3{margin-bottom:8px;font-size:1.25rem}.carousel-export .carousel-help{margin-top:8px;font-size:.8rem}.carousel-export-controls{min-width:0}.carousel-export-controls .carousel-field{margin-bottom:12px}.carousel-download-actions .carousel-button{white-space:nowrap;flex:1}.carousel-status{min-height:1.6em;color:var(--muted);overflow-wrap:anywhere;margin:20px 0 0;font-size:.85rem;line-height:1.6}.carousel-status-error{color:var(--eyebrow)}.carousel-maker :focus-visible{outline:3px solid var(--eyebrow);outline-offset:4px}@media (width>=1050px){.carousel-stage{top:calc(var(--nav-height) + 24px);position:sticky}}@media (width<=860px){.carousel-workspace,.carousel-export{grid-template-columns:minmax(0,1fr);gap:28px}.carousel-topbar{margin-bottom:24px}.carousel-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.carousel-design{border-top:0;margin-top:0;padding-top:0}.carousel-design summary{padding-top:0}.carousel-export{margin-top:28px}}@media (width<=600px){.carousel-controls{grid-template-columns:minmax(0,1fr);gap:0}.carousel-topbar{gap:12px}.carousel-topbar h2{font-size:1.45rem}.carousel-topbar p{font-size:.9rem}.carousel-design{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.carousel-design summary{padding-top:10px}.carousel-stage-heading{align-items:baseline;gap:8px}.carousel-stage-heading>span{font-size:.72rem}.carousel-canvas-mat{padding:12px}.carousel-slide-actions .carousel-button{flex:1;padding-inline:8px}.carousel-delete{margin-left:0}.carousel-thumbnail{flex-basis:92px}.carousel-download-actions{grid-template-columns:1fr 1fr;display:grid}.carousel-download-actions .carousel-primary{grid-column:1/-1}.carousel-local{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.carousel-button,.carousel-thumbnail{transition:none}}
