.carousel-app main{padding:30px 0 60px}.tool-nav{display:flex;gap:25px;align-items:center;padding:20px 0 0;font-size:14px}.tool-nav a{color:#586960;text-decoration:none}.tool-nav [aria-current]{font-weight:700;color:#235a46;border-bottom:2px solid #235a46;padding-bottom:8px}.carousel-app h1{font-family:Space Grotesk,Arial,sans-serif;font-weight:600;font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;margin:0 0 28px}.carousel-workspace{display:grid;grid-template-columns:265px minmax(0,1fr);gap:40px;align-items:start}.carousel-controls{position:sticky;top:20px}.photo-picker{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;gap:7px;min-height:87px;background:#235a46;color:#fff;border:1px solid #235a46;cursor:pointer;overflow:hidden}.photo-picker strong{font-size:16px}.photo-picker span{font-size:12px;color:#dce9e0}.photo-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-picker:focus-within{outline:3px solid #3a68a8;outline-offset:3px}.tab-note{font-size:12px;line-height:1.5;color:#68726c;margin:10px 0 24px}.carousel-controls fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}.carousel-controls legend,.control-label,.inset-label{font-size:13px;font-weight:700;color:#354e41}.carousel-controls legend{margin-bottom:10px}.ratio-options{display:flex;gap:6px}.ratio-options label{position:relative;flex:1;cursor:pointer}.ratio-options input{position:absolute;opacity:0}.ratio-options span{display:block;text-align:center;background:#f6f4ee;border:1px solid #b7bab0;padding:13px 0;font-size:18px;font-weight:500}.ratio-options small{display:block;color:#68726c;font-size:9px;font-weight:400;margin-top:4px;white-space:nowrap}.ratio-options input:checked+span{background:#e2ebe2;border-color:#235a46;box-shadow:inset 0 0 0 1px #235a46}.ratio-options input:focus-visible+span{outline:3px solid #3a68a8;outline-offset:3px}.control-label{display:block;margin:22px 0 9px}.carousel-controls select{width:100%;font:inherit;font-size:14px;background:#f6f4ee;color:#222d29;border:1px solid #b7bab0;padding:11px 10px;border-radius:0}.inset-label{display:flex;align-items:center;justify-content:space-between;margin:22px 0 9px}.inset-label output{font-weight:400;font-variant-numeric:tabular-nums}#inset{width:100%;accent-color:#235a46}.carousel-controls .export-primary{width:100%;min-height:47px;font:700 14px DM Sans,Arial,sans-serif}.carousel-app button:disabled{opacity:.45;cursor:default}.carousel-app #status{font-size:13px;line-height:1.5;min-height:20px;color:#235a46;margin:12px 0}.file-errors{font-size:12px;line-height:1.5;color:#973a25;padding-left:17px;margin:8px 0;overflow-wrap:anywhere}.sheet-heading{display:flex;align-items:center;justify-content:space-between;min-height:30px;margin:0 0 14px}.sheet-heading h2{font-size:14px;font-weight:500;margin:0;color:#5b6a60}.quiet-button{font:inherit;font-size:12px;border:0;border-bottom:1px solid #8d9c8f;background:transparent;color:#235a46;padding:5px 0}.drop-zone{min-height:440px;border:1px dashed #9caea2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#e2e5db}.drop-zone p{font-size:17px;margin:3px 0 0}.drop-zone.is-over,.photo-workspace.is-over{outline:3px solid #235a46;outline-offset:4px}.drop-shapes{display:flex;align-items:center;gap:9px;height:100px}.drop-shapes i{width:70px;height:70px;background:#f6f4ee;border:1px solid #9caea2}.drop-shapes i:first-child{width:90px;height:58px;transform:rotate(-7deg)}.drop-shapes i:last-child{width:58px;height:88px;transform:rotate(7deg)}.photo-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.photo-item{min-width:0}.slide-preview{background:#d7dbd0;padding:13px;display:flex;justify-content:center;align-items:center}.slide-preview canvas{display:block;width:100%;height:auto;box-shadow:0 3px 10px #203d3319}.slide-caption{display:flex;align-items:center;gap:9px;margin:11px 0 4px;min-width:0}.slide-number{font-family:Space Grotesk,Arial,sans-serif;font-size:22px;color:#235a46;font-variant-numeric:tabular-nums}.slide-name{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.slide-controls{display:flex;align-items:center;gap:8px}.slide-controls button{font-size:12px;border:1px solid #b7bab0;background:#f6f4ee;color:#354e41;min-height:32px;min-width:32px;padding:5px 8px}.slide-controls .save-one{margin-left:auto}.slide-controls .remove{color:#973a25}.photo-item:focus{outline:3px solid #3a68a8;outline-offset:5px}.carousel-app [hidden]{display:none!important}.carousel-app .footer-links{display:flex;gap:18px}.carousel-app select:focus-visible{outline:3px solid #3a68a8;outline-offset:3px}.photo-workspace{min-width:0}@media(min-width:1450px){.photo-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.carousel-workspace{grid-template-columns:240px minmax(0,1fr);gap:28px}.photo-list{grid-template-columns:repeat(2,minmax(0,1fr))}.carousel-app .brand{font-size:22px}}@media(max-width:760px){.carousel-app main{padding:24px 0 40px}.carousel-app h1{margin-bottom:22px}.carousel-workspace{grid-template-columns:1fr;gap:22px}.carousel-controls{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.photo-picker,.tab-note,.carousel-controls fieldset,.carousel-controls #download-zip,.carousel-controls #status,.file-errors{grid-column:1/-1}.photo-picker{min-height:75px}.tab-note{margin-bottom:18px}.carousel-controls fieldset{display:grid;grid-template-columns:1.3fr 1fr;gap:0 18px;margin-bottom:18px}.carousel-controls legend{margin-bottom:8px}.ratio-options{grid-column:1;grid-row:1/4}.control-label{margin:0 0 5px;grid-column:2;grid-row:1}.carousel-controls select{grid-column:2;grid-row:2;padding:8px}.inset-label{grid-column:1/-1;margin:16px 0 4px}#inset{grid-column:1/-1}.carousel-app #status{margin:8px 0 0;min-height:0}.photo-list{gap:24px 14px}.slide-preview{padding:9px}.drop-zone{min-height:290px}.carousel-app .footer{gap:15px;flex-wrap:wrap}.carousel-app .brand{font-size:20px;letter-spacing:-.05em}.carousel-app .brand-mark{flex-shrink:0}.carousel-app .language{padding:8px 10px}.carousel-app .topbar{gap:15px}.slide-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.slide-controls button{min-width:0;min-height:44px}.slide-controls .save-one{margin-left:0}.slide-name{font-size:11px}.slide-number{font-size:19px}}@media(max-width:370px){.photo-list{grid-template-columns:1fr}.carousel-app .brand{font-size:17px}.carousel-controls fieldset{gap:0 12px}}
