.story-editor{--story-ink:var(--ink,#183f4b);--story-line:var(--line,#d4ddd1);--story-muted:var(--muted,#607169);color:var(--story-ink);container-type:inline-size;min-width:0;width:100%;font:400 16px/1.6 var(--sans,'DM Sans',sans-serif)}
.story-editor *{box-sizing:border-box}.story-editor [hidden]{display:none!important}.story-editor-intro{margin:8px 0 22px}.story-editor .story-kicker{font-size:12px;line-height:1.5;letter-spacing:.13em;font-weight:600;color:var(--story-muted);margin:0 0 11px}.story-editor-intro h3{font:500 32px/1.13 var(--serif,'Cormorant Garamond',serif);letter-spacing:-.02em;margin:0 0 13px;overflow-wrap:anywhere}.story-editor-intro>p:last-child{font-size:15px;line-height:1.65;color:var(--story-muted);margin:0}.story-editor .story-field{display:grid;gap:7px;min-width:0;margin:0 0 19px;font-size:14px;line-height:1.5;font-weight:500}.story-editor .story-field>span{display:block}.story-editor .story-field :is(input,textarea,select){width:100%;min-width:0;max-width:100%;min-height:48px;padding:11px 12px;border:1px solid #bdcabc;border-radius:4px;background:var(--white,#fffdf8);color:var(--story-ink);font:400 16px/1.55 var(--sans,'DM Sans',sans-serif);box-shadow:none}.story-editor .story-field textarea{min-height:136px;resize:vertical}.story-editor .story-field small{font-size:12px;font-weight:400;color:var(--story-muted);text-align:right;line-height:1.5}.story-editor .story-field small[data-over-limit]{color:#923e28}.story-editor .story-style-field{margin-bottom:8px}.story-editor .story-style-note{font-size:14px;line-height:1.6;color:var(--story-muted);margin:0 0 24px;min-height:44px;overflow-wrap:anywhere}
.story-editor .story-memory{border:1px solid var(--story-line);border-radius:6px;background:#f3f3ec;padding:19px;margin:0 0 19px;min-width:0}.story-memory-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px;padding-bottom:13px;border-bottom:1px solid var(--story-line)}.story-editor .story-memory-heading h4{font:500 14px/1.5 var(--sans,'DM Sans',sans-serif);letter-spacing:.03em;margin:0}.story-memory-heading h4>span{font:500 27px/1 var(--serif,'Cormorant Garamond',serif);margin-left:5px}.story-memory-order{display:flex;gap:3px}.story-editor .story-memory-order button{min-height:44px;min-width:44px;padding:8px;border:0;background:none;color:var(--story-ink);font:500 14px/1.4 var(--sans,'DM Sans',sans-serif);cursor:pointer}.story-editor .story-memory-order button:disabled{cursor:default;opacity:.3}.story-editor .story-memory-order button:hover:not(:disabled){background:#e5ebdf;border-radius:4px}.story-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.story-editor .story-field-text{margin-bottom:19px}.story-editor .story-photo-box{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:16px;border-block:1px solid var(--story-line);padding:17px 0;margin-top:3px}.story-photo-preview{display:grid;place-items:center;aspect-ratio:4/3;width:105px;min-height:79px;background:#e8ede1;border:1px solid #c4d0c1;border-radius:3px;overflow:hidden}.story-photo-preview img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block}.story-photo-placeholder{display:grid;justify-items:center;gap:6px;padding:10px 7px;text-align:center;color:#6a7c65;font:italic 14px/1.2 var(--serif,'Cormorant Garamond',serif)}.story-photo-placeholder svg{width:29px;height:24px;stroke:#7d8c73;stroke-width:1.2;fill:none}.story-photo-controls{min-width:0}.story-editor .story-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 11px;border:1px solid #b8c7b5;border-radius:4px;background:var(--white,#fffdf8);font:500 14px/1.4 var(--sans,'DM Sans',sans-serif);cursor:pointer;text-align:center;max-width:100%}.story-editor .story-file-input{position:absolute!important;clip-path:inset(50%);width:1px!important;height:1px!important;min-height:0!important;padding:0!important;overflow:hidden}.story-photo-controls>p{font-size:12px;line-height:1.55;color:var(--story-muted);margin:8px 0 0}.story-editor .story-text-button{min-height:44px;padding:8px 0;border:0;background:none;color:var(--story-ink);font:400 14px/1.5 var(--sans,'DM Sans',sans-serif);text-decoration:underline;text-underline-offset:4px;cursor:pointer;text-align:left}.story-memory-footer{display:flex;justify-content:flex-end;padding-top:8px}.story-editor .story-remove{color:#834a37}.story-editor .story-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:46px;max-width:100%;padding:10px 15px;border:1px solid #b8c7b5;border-radius:4px;background:var(--white,#fffdf8);color:var(--story-ink);font:500 14px/1.5 var(--sans,'DM Sans',sans-serif);cursor:pointer;text-align:center}.story-editor .story-button:disabled{opacity:.55;cursor:default}.story-remove-confirm{background:#f8eadf;border:1px solid #dcc2aa;padding:15px;margin-top:8px}.story-remove-confirm p{font-size:15px;line-height:1.6;margin:0 0 12px}.story-remove-confirm>div{display:flex;flex-wrap:wrap;gap:10px}.story-editor .story-danger{border-color:#a66e50;color:#834a37}.story-builder-bottom{margin-top:13px}.story-editor .story-add{width:100%;border-style:dashed;background:transparent;min-height:49px}.story-builder-bottom>p,.story-editor .story-save-note{font-size:12px;line-height:1.55;color:var(--story-muted);margin:9px 0 0}.story-editor .story-save-note{margin-top:15px}.story-empty{text-align:center;padding:25px 18px 30px;border-block:1px solid var(--story-line);background:linear-gradient(140deg,#f3f4ec,#fbf7ee)}.story-empty>span{display:block;font:italic 42px/1 var(--serif,'Cormorant Garamond',serif);color:#8b9b7d;margin-bottom:15px}.story-empty>p{font-size:16px;line-height:1.7;color:var(--story-muted);margin:0}.story-editor .story-sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.story-editor :is(button,input,select,textarea):focus-visible,.story-editor .story-upload:focus-within{outline:3px solid var(--coral,#b46850);outline-offset:3px}
@container (max-width:420px){.story-editor .story-memory{padding:15px 13px}.story-detail-grid{grid-template-columns:1fr}.story-editor-intro h3{font-size:30px}.story-editor .story-photo-box{grid-template-columns:82px minmax(0,1fr);gap:11px}.story-photo-preview{width:82px;min-height:65px}.story-editor .story-upload{padding:8px;font-size:13px}.story-photo-controls>p{font-size:12px}.story-memory-order button>span{display:none}.story-remove-confirm>div>.story-button{flex:1}.story-memory-heading{margin-bottom:17px}.story-editor .story-field{margin-bottom:17px}}
@container (max-width:255px){.story-editor .story-photo-box{grid-template-columns:1fr}.story-photo-preview{width:100%;aspect-ratio:16/9;max-height:145px}.story-photo-preview img{aspect-ratio:16/9}.story-editor .story-upload{width:100%}.story-photo-controls>p{font-size:12px}.story-memory-heading{gap:5px}.story-memory-order{gap:0}.story-editor .story-memory-order button{padding:5px;min-width:42px}}
@media(prefers-reduced-motion:reduce){.story-editor *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}