:root{--ink:#17201c;--muted:#67716c;--paper:#f3f1e9;--card:#fffef9;--line:#d9d7cd;--accent:#d95d39;--green:#274f3d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}header{height:68px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.brand{font:bold 21px Georgia,serif}.sub,.muted{color:var(--muted)}main{max-width:1180px;margin:auto;padding:28px 24px 80px}nav{display:flex;gap:8px;margin-bottom:24px}nav button{border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:18px}nav button.active{background:var(--green);color:white}.screen{display:none}.screen.active{display:block}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:18px;box-shadow:0 4px 24px #20362a0a}.hero{padding:36px}.hero h1{font:48px/1.02 Georgia,serif;max-width:650px;margin:8px 0 14px}.eyebrow{letter-spacing:.13em;color:var(--accent);font-size:12px;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:7px;font-weight:650}.wide{grid-column:1/-1}input,select,button,.button{font:inherit;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:white}button,.button{cursor:pointer;font-weight:700;text-align:center}.primary{background:var(--accent);border-color:var(--accent);color:white}.hidden{display:none!important}.center{text-align:center;padding:70px 20px}.spinner{width:42px;height:42px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:8px;background:#e5e2d9;max-width:500px;margin:24px auto;border-radius:8px;overflow:hidden}.progress i{height:100%;display:block;width:0;background:var(--accent);transition:.3s}.story-summary{display:flex;justify-content:space-between;align-items:end}.chapter-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.chapter-title{display:flex;align-items:center;gap:12px}.chapter-title input{font:bold 22px Georgia,serif;max-width:250px}.pill{padding:4px 9px;border-radius:20px;background:#e5ece7;color:var(--green);font-size:12px;font-weight:800}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:12px;margin-top:18px}.photo{position:relative;background:#e4e1d7;border-radius:11px;overflow:hidden;aspect-ratio:4/3;border:3px solid transparent}.photo.selected{border-color:var(--green)}.photo img{width:100%;height:100%;object-fit:cover}.photo select{position:absolute;left:5px;right:5px;bottom:5px;padding:6px;font-size:11px;background:#fffd}.chapter-actions{display:flex;gap:8px}.sticky{position:sticky;bottom:12px;text-align:right}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#toast{position:fixed;right:24px;bottom:24px;background:#222;color:white;padding:12px 18px;border-radius:8px;display:none}@media(max-width:700px){main{padding:16px 12px 70px}.hero h1{font-size:36px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.chapter-head,.story-summary{align-items:flex-start;flex-direction:column}.thumbs{grid-template-columns:repeat(2,1fr)}nav{overflow:auto}nav button{white-space:nowrap}}


#render-progress{flex-basis:100%}#render-progress-bar{width:100%;height:18px;accent-color:var(--accent)}button:disabled{opacity:.55;cursor:wait}

#project-list{display:flex;gap:10px;flex-wrap:wrap}#render-state{font-size:1.3rem;font-weight:700}#render-progress-bar{height:24px}
.photo-card{border:3px solid transparent;border-radius:12px;background:#eeece4;overflow:hidden;min-width:0}.photo-card.selected{border-color:var(--green)}.photo-open{padding:0;border:0;border-radius:0;width:100%;display:block;aspect-ratio:4/3}.photo-open img{width:100%;height:100%;object-fit:cover}.photo-controls{display:grid;gap:8px;padding:10px}.photo-controls input,.photo-controls select{width:100%;min-width:0}.photo-controls label{font-size:12px}.photo-controls small{color:var(--muted)}.photo-controls button{font-size:12px;padding:9px}.caption-description{font-size:13px;margin:0}.thumbs{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.notice{padding:10px;background:#fff0d4;border-radius:8px;font-size:14px}.check{display:flex;align-items:center;gap:12px;margin:12px 0}.check input{width:20px;height:20px}.actions{margin:12px 0}#video-preview{width:100%;max-height:70vh;margin-top:18px}dialog{max-width:min(900px,95vw);max-height:95vh;border:1px solid var(--line);border-radius:16px}dialog::backdrop{background:#0009}#photo-large{display:block;max-width:100%;max-height:70vh;margin:12px auto}#photo-dialog button{position:sticky;top:0}button:disabled,input:disabled,select:disabled{opacity:.6;cursor:not-allowed}#render-progress{min-width:0}#render-heartbeat{overflow-wrap:anywhere}#music-library{width:100%}@media(max-width:700px){.thumbs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.photo-controls input,.photo-controls select{font-size:16px}.chapter-title{flex-wrap:wrap}.panel{padding:16px}.chapter-title input{max-width:100%}}

.project-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.project-row>button:first-child{flex:1;text-align:left}.delete-project{color:#9b3021}.place-label{font-size:12px;color:var(--green);margin:0}#trash-panel{margin-top:22px}#music-player{width:100%;margin-top:12px}#service-status{overflow-wrap:anywhere}
.chapter-actions{flex-wrap:wrap;align-items:end;margin:12px 0}.chapter-actions label{min-width:0;max-width:100%}.chapter-actions input,.chapter-actions select{max-width:100%}.chapter-head{flex-wrap:wrap}.chapter-title{min-width:0;flex-wrap:wrap}.chapter-title input{max-width:100%}
#photo-dialog{width:min(1100px,98vw);max-height:98dvh}#photo-large{max-height:55dvh;touch-action:pan-y pinch-zoom}#review-states button{min-height:48px;min-width:130px}#photo-dialog .actions{justify-content:center}#music-plan-sections{display:grid;gap:12px}.chapter-actions button{min-height:44px}

.photo-card{content-visibility:auto;contain-intrinsic-size:auto 560px}#travel-map{border-radius:12px;border:1px solid var(--line)}.map-legend{display:flex;gap:12px;flex-wrap:wrap}.map-stop{background:white;color:#17201c;border:2px solid #274f3d;border-radius:20px;padding:4px 8px;font-size:12px;max-width:180px;text-align:center}

.quick-selection{display:flex;gap:6px;flex-wrap:wrap}.quick-selection button{min-height:44px;flex:1}.quick-toggle.included,.quick-important[aria-pressed="true"]{background:var(--green);color:white}.selection-save{position:sticky;top:0;z-index:5;padding:10px;background:var(--paper);border-bottom:1px solid var(--line)}
.music-drop-zone{border:2px dashed var(--muted,#718096);border-radius:12px;padding:16px;margin:12px 0}.music-drop-zone.drag-over{border-color:#4fa58a;background:rgba(79,165,138,.12)}