:root{--ink:#18201d;--muted:#6b746f;--paper:#eef1ec;--surface:#fbfcf9;--line:#cfd6d0;--teal:#167f78;--amber:#c8872f;--danger:#a04f47;--shadow:0 12px 34px rgba(36,48,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.app-shell{width:min(1240px,100%);margin:auto;padding:18px 24px 64px}.topbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.wordmark{color:var(--ink);font-size:13px;font-weight:800;letter-spacing:.08em;text-decoration:none;white-space:nowrap}.wordmark span:last-child{color:var(--muted);font-weight:500}.wordmark-mark{display:inline-block;width:9px;height:9px;margin-right:8px;background:var(--teal);border-radius:50%}.topbar-actions,.auth-form{display:flex;align-items:center;gap:8px}.auth-form input{width:180px;border:1px solid var(--line);background:var(--surface);padding:8px 10px;color:var(--ink);font-size:11px}.auth-form button,.quiet-button{border:1px solid var(--line);background:transparent;padding:8px 11px;color:var(--ink);font-size:11px;font-weight:700;cursor:pointer}.auth-form button:hover,.quiet-button:hover{border-color:var(--ink)}.icon-link{width:32px;height:32px;display:grid;place-items:center;color:var(--muted);text-decoration:none;border:1px solid var(--line);font-size:14px}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:18px;margin-top:22px;align-items:stretch}.path-overview,.momo-panel,.plan-editor,.visual-preview{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.path-overview{padding:26px;min-width:0}.overview-head,.section-heading,.momo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow{margin:0;color:var(--muted);font:500 9px "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.overview-head h1{font-size:30px;line-height:1.15;margin:9px 0 0;letter-spacing:0}.status-tag,.mood-tag{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid var(--line);color:var(--muted);font:500 9px "DM Mono",monospace;text-transform:uppercase;white-space:nowrap}.status-tag{color:var(--teal);border-color:#9dc8c0;background:#edf7f4}.path-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0 28px}.path-metrics div{padding:15px 14px 14px 0;min-width:0}.path-metrics div+div{border-left:1px solid var(--line);padding-left:16px}.path-metrics span,.next-action span,.momo-summary span{display:block;color:var(--muted);font:500 9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.path-metrics strong{display:block;font-size:13px;margin-top:7px;overflow-wrap:anywhere}.path-metrics small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.stage-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:18px}.track-line{position:absolute;top:4px;left:5%;right:5%;height:2px;background:#dfe4df}.track-line span{display:block;width:4%;height:100%;background:var(--teal);transition:width .35s ease}.track-stop{position:relative;padding-top:4px}.track-stop:before{content:"";position:absolute;top:-19px;left:0;width:10px;height:10px;border:3px solid var(--surface);border-radius:50%;background:var(--line);box-shadow:0 0 0 1px var(--line)}.track-stop.active:before{background:var(--teal);box-shadow:0 0 0 1px var(--teal)}.track-stop span{display:block;color:var(--muted);font:9px "DM Mono",monospace;text-transform:uppercase}.track-stop strong{display:block;font-size:11px;margin-top:5px}.next-action{display:grid;grid-template-columns:34px 1fr 36px;align-items:center;gap:13px;background:var(--ink);color:#f6f8f4;padding:17px 18px;margin-top:25px}.action-check{width:30px;height:30px;display:grid;place-items:center;border:1px solid #52605a;color:#9fd7ca}.next-action h2{font-size:14px;line-height:1.35;margin:6px 0 4px}.next-action p{font-size:10px;color:#aeb9b3;margin:0;line-height:1.5}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:17px}.next-action .icon-button{border-color:#52605a;color:#9fd7ca}.report-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.primary-action{border:0;background:var(--teal);color:white;padding:12px 15px;font-size:11px;font-weight:800;cursor:pointer}.primary-action:disabled{background:#9da9a4;cursor:not-allowed}.text-button{border:0;background:transparent;padding:9px 0;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.action-status{flex-basis:100%;min-height:16px;color:var(--muted);font-size:10px}.disclaimer{color:var(--muted);font-size:9px;line-height:1.55;margin:12px 0 0}.plan-editor,.visual-preview{padding:25px;margin-top:18px}.section-heading h2{font-size:20px;margin:8px 0 0;letter-spacing:0}.plan-editor form{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr auto;gap:14px;align-items:end;margin-top:22px}.plan-editor fieldset{border:0;padding:0;margin:0;min-width:0}.plan-editor legend{font-size:10px;font-weight:700;margin-bottom:9px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.segment{min-height:38px;border:1px solid var(--line);display:grid;place-items:center;padding:7px 8px;text-align:center;font-size:9px;cursor:pointer}.segment.selected{background:var(--ink);border-color:var(--ink);color:white}.segment input{position:absolute;opacity:0}.range-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.range-row output{font:500 12px "DM Mono",monospace}.range-row span{color:var(--muted);font-size:9px}input[type=range]{width:100%;height:2px;appearance:none;background:var(--line);accent-color:var(--teal)}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:3px solid var(--surface);border-radius:50%;background:var(--teal);box-shadow:0 0 0 1px var(--teal)}.date-input{width:100%;height:38px;border:1px solid var(--line);background:transparent;padding:8px;color:var(--ink);font:10px "DM Mono",monospace}.build-button{height:38px;border:0;background:var(--ink);color:white;display:flex;align-items:center;gap:14px;padding:0 14px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.build-button b{color:#9fd7ca;font-size:15px}.privacy-note{color:var(--muted);font-size:9px;margin:14px 0 0}.privacy-note span{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:6px}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.preview-grid article{min-width:0}.preview-image{aspect-ratio:4/3;background-size:cover;background-position:center;position:relative;overflow:hidden;filter:saturate(.65)}.preview-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,22,19,.45),transparent 55%)}.preview-image span{position:absolute;z-index:1;left:10px;bottom:9px;color:white;font:9px "DM Mono",monospace;text-transform:uppercase}.current-image,.stage-one{background-image:url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&w=700&q=82')}.stage-two{background-image:url('https://images.unsplash.com/photo-1583454110551-21f2fa2afe61?auto=format&fit=crop&w=700&q=82')}.stage-three{background-image:url('https://images.unsplash.com/photo-1599058917212-d750089bc07e?auto=format&fit=crop&w=700&q=82')}.preview-grid h3{font-size:12px;margin:10px 0 4px}.preview-grid p{font-size:10px;line-height:1.5;color:var(--muted);margin:0}.is-loading{opacity:.62;pointer-events:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(max-width:960px){.workspace{grid-template-columns:1fr}.plan-editor form{grid-template-columns:repeat(2,1fr)}.build-button{justify-content:space-between}.preview-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.app-shell{padding:12px 12px 40px}.topbar{min-height:46px}.topbar-actions{gap:5px}.auth-form input{width:116px;padding:7px 8px}.auth-form button,.quiet-button{padding:7px 8px}.icon-link{width:30px;height:30px}.workspace{margin-top:12px;gap:12px}.path-overview{padding:18px}.overview-head h1{font-size:23px}.path-metrics{grid-template-columns:1fr 1fr;margin:17px 0 24px}.path-metrics div{padding:12px 8px 12px 0}.path-metrics div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:12px 0}.stage-track{gap:4px}.track-stop strong{font-size:9px}.track-stop span{font-size:8px}.next-action{grid-template-columns:30px 1fr 34px;padding:14px 12px;gap:9px;margin-top:20px}.next-action h2{font-size:12px}.report-actions{gap:10px}.primary-action{flex:1}.plan-editor,.visual-preview{padding:18px;margin-top:12px}.plan-editor form{grid-template-columns:1fr}.build-button{width:100%}.preview-grid{grid-template-columns:1fr 1fr;gap:10px}.preview-image{aspect-ratio:1}.preview-grid p{display:none}}
.photo-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:25px;margin-top:18px}.photo-form{margin-top:20px}.upload-drop{min-height:136px;border:1px dashed #9fb0a8;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:20px;cursor:pointer;background:#f4f7f3}.upload-drop:hover{border-color:var(--teal);background:#eef7f4}.upload-drop input{position:absolute;opacity:0;pointer-events:none}.upload-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--teal);color:var(--teal);font-size:18px}.upload-drop strong{font-size:13px;overflow-wrap:anywhere}.upload-drop small{color:var(--muted);font-size:9px}.photo-preview{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-top:14px}.photo-preview img{width:100%;max-height:220px;object-fit:contain;background:#e5ebe6;grid-column:1/-1}.photo-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}.generated-result{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.generated-result img{display:block;width:100%;max-height:520px;object-fit:contain;background:#e5ebe6;margin-top:14px}.generated-result p{font-size:9px;color:var(--muted);line-height:1.5}.photo-panel .section-heading h2{max-width:22ch}@media(max-width:600px){.photo-panel{padding:18px;margin-top:12px}.photo-preview{grid-template-columns:1fr 1fr}.photo-preview .quiet-button{grid-column:1}.photo-preview .text-button{grid-column:2}.generated-result img{max-height:380px}}
.content-confirmation{display:flex;align-items:flex-start;gap:8px;margin-top:13px;color:var(--muted);font-size:9px;line-height:1.5;cursor:pointer}.content-confirmation input{margin:2px 0 0;accent-color:var(--teal);flex:0 0 auto}.content-confirmation:has(input:disabled){opacity:.58;cursor:not-allowed}