*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-cream);color:#1f1f1f;-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;font-family:Glacial Indifference,sans-serif;font-size:18px;line-height:1.4}button,input,textarea{font:inherit;color:inherit}.page{max-width:34rem;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));flex-direction:column;gap:1.25rem;margin:0 auto;display:flex}.app-title{letter-spacing:-.03em;text-transform:uppercase;color:var(--color-blue);margin:0;font-family:Montserrat Alternates,sans-serif;font-weight:700}.header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.header .app-title{font-size:1.4rem}.muted{color:var(--color-grey);font-size:.9rem}.field{flex-direction:column;gap:.35rem;display:flex}.field label,.field legend{font-weight:700}.field input[type=text],.field textarea,.field select{border:2px solid var(--color-grey);background:#fff;border-radius:.6rem;width:100%;padding:.7rem .8rem;font-size:max(16px,1rem)}.field textarea{resize:vertical;min-height:5.5rem}.field input[type=text]:focus,.field textarea:focus,.field select:focus{outline:3px solid var(--color-blue);outline-offset:1px}fieldset.field{border:0;margin:0;padding:0}.swatches{flex-wrap:wrap;gap:.6rem;display:flex}.swatch{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem .35rem .35rem;display:inline-flex;position:relative}.swatch:has(input:checked){border-color:#1f1f1f}.swatch:has(input:focus-visible){outline:3px solid var(--color-blue)}.swatch input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.swatch-dot{border-radius:50%;width:1.6rem;height:1.6rem}.button{background:var(--color-blue);min-height:3rem;color:var(--color-cream);cursor:pointer;border:0;border-radius:.7rem;justify-content:center;align-items:center;padding:.7rem 1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button-secondary{color:var(--color-blue);border:2px solid var(--color-blue);background:0 0}.button-small{min-height:2.4rem;padding:.4rem .8rem;font-size:.9rem}.shuffle{align-self:flex-start;margin-top:.3rem}.actions{flex-direction:column;gap:.6rem;display:flex}.issues{border-left:5px solid var(--color-orange);background:#fff;border-radius:.6rem;margin:0;padding:.8rem 1rem .8rem 2rem;font-size:.95rem}.message{border-left:5px solid var(--color-orange);background:#fff;border-radius:.6rem;margin:0;padding:.8rem 1rem}.slide-preview-stack{width:100%;position:relative}.slide-preview-stack-story{width:min(100%,22rem);margin-inline:auto}.slide-preview-overlay{border-radius:.4rem;position:absolute;inset:0;overflow:hidden}.photo-crop-area{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline-style:none;outline-color:var(--color-cream)}.photo-crop-area-active,.photo-crop-area:focus-visible{cursor:grabbing;outline-style:dashed}.field-label{font-weight:700}.photo-buttons{flex-wrap:wrap;gap:.6rem;display:flex}.file-button{position:relative}.file-button input{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.file-button:has(input:focus-visible){outline:3px solid var(--color-blue);outline-offset:1px}.photo-toggle,.photo-auto{align-self:flex-start}.photo-zoom{font-weight:400}.slide-preview{border-radius:.4rem;width:100%;overflow:hidden;box-shadow:0 .3rem 1.2rem #00000026}.slide-preview-story,.rendered-image.rendered-image-story{width:min(100%,22rem);margin-inline:auto}.rendered-image{border-radius:.4rem;width:100%;height:auto;display:block}.sign-in{text-align:center;justify-content:center;min-height:100dvh}.sign-in .app-title{font-size:2.4rem}.describe{border-bottom:2px solid #0000001a;flex-direction:column;gap:.9rem;padding-bottom:1.25rem;display:flex}.section-title{margin:0;font-size:1.1rem}.progress{border-left:5px solid var(--color-blue);background:#fff;border-radius:.6rem;flex-direction:column;gap:.3rem;padding:.8rem 1rem;display:flex}.progress p{margin:0}.progress progress{width:100%;accent-color:var(--color-blue)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.photo-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.photo-list li{position:relative}.photo-list img{object-fit:cover;border-radius:.4rem;width:4.5rem;height:4.5rem;display:block}.photo-list-remove{border:2px solid var(--color-cream);width:2rem;height:2rem;color:var(--color-cream);cursor:pointer;background:#1f1f1f;border-radius:50%;font-weight:700;line-height:1;position:absolute;top:-.5rem;right:-.5rem}.logo-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.logo-list li{align-items:center;gap:.6rem;display:flex}.logo-list img{object-fit:contain;background:#8a8a8a;border-radius:.4rem;width:6rem;height:3rem;padding:.25rem;display:block}.logo-list-name{overflow-wrap:anywhere;flex:1;min-width:0}.logo-list .photo-list-remove{flex:none;position:static}.slides,.slide-panel{flex-direction:column;gap:.9rem;display:flex}.slides{border-bottom:2px solid #0000001a;padding-bottom:1.25rem}.slide-strip{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:.6rem;margin:0;padding:.3rem .2rem .6rem;list-style:none;display:flex;overflow-x:auto}.slide-strip li{scroll-snap-align:center;flex:none}.slide-thumb{cursor:pointer;box-sizing:content-box;background:0 0;border:3px solid #0000;border-radius:.55rem;padding:0;display:block;position:relative}.slide-thumb[aria-current=true]{border-color:#1f1f1f}.slide-thumb:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}.slide-thumb .slide-preview{box-shadow:none}.slide-thumb-number{min-width:1.4rem;color:var(--color-cream);text-align:center;background:#1f1f1f;border-radius:999px;padding:0 .3rem;font-size:.8rem;font-weight:700;position:absolute;bottom:.2rem;left:.2rem}.slide-thumb-flag{color:var(--color-cream);text-align:center;background:#1f1f1f;border-radius:999px;font-size:.65rem;font-weight:700;line-height:1.4;position:absolute;top:.2rem;left:.2rem;right:.2rem}.slide-thumb-check{background:var(--color-orange);color:#fff;text-align:center;border-radius:999px;min-width:1.4rem;font-size:.8rem;font-weight:700;position:absolute;bottom:.2rem;right:.2rem}.check-warnings p{margin:0 0 .3rem -1rem;font-weight:700}.check-warnings ul{margin:0;padding-left:1rem}.slide-actions,.slide-add{flex-wrap:wrap;gap:.6rem;display:flex}.slide-add select{border:2px solid var(--color-grey);background:#fff;border-radius:.6rem;flex:1;min-width:0;padding:.5rem .7rem;font-size:max(16px,1rem)}.cream-toggle,.story-toggle{align-self:flex-start}.photo-choice{gap:.5rem;padding:.2rem .2rem .4rem;display:flex;overflow-x:auto}.photo-choice-item{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:.55rem;flex:none;padding:0;position:relative}.photo-choice-item[aria-pressed=true]{border-color:#1f1f1f}.photo-choice-item img{object-fit:cover;border-radius:.35rem;width:3.5rem;height:3.5rem;display:block}.photo-choice-item img.grayscale{filter:grayscale()}.photo-choice-used{color:var(--color-cream);background:#1f1f1f;border-radius:999px;padding:0 .3rem;font-size:.7rem;font-weight:700;position:absolute;bottom:.15rem;right:.15rem}.export-set{border-top:2px solid #0000001a;flex-direction:column;gap:.6rem;padding-top:.9rem;display:flex}.export-set p{margin:0}.rendered-list{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.rendered-list li:only-child{grid-column:1/-1}.caption,.revise{flex-direction:column;gap:.9rem;display:flex}.caption-link{align-self:flex-start}.caption-error{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.caption-error p{margin:0}.caption-preview summary{cursor:pointer;color:var(--color-blue);font-weight:700}.caption-preview pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:.6rem;margin:.5rem 0 0;padding:.8rem;font-size:.95rem}.draft-bar{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.draft-confirm{border-left:5px solid var(--color-orange);background:#fff;border-radius:.6rem;flex-direction:column;gap:.6rem;padding:.8rem 1rem;display:flex}.draft-confirm p{margin:0}.draft-confirm-buttons{flex-wrap:wrap;gap:.5rem;display:flex}