:root{--bg:#eff0ed;--surface:#fff;--ink:#252d2a;--muted:#737c76;--line:#dde1da;--soft:#f4f5f1;--accent:#7d8b70;--shadow:0 12px 40px #1d2a2110;--header-h:72px;--nav-h:76px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 14px)}body.dark{--bg:#181e1b;--surface:#242c27;--ink:#eff2eb;--muted:#a9b3aa;--line:#3b463d;--soft:#2d362e;--accent:#b4c2a4;--shadow:0 12px 40px #0002;color-scheme:dark}button,input,select,textarea{font:inherit}button{cursor:pointer}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);border-radius:11px;color:var(--ink);background:var(--surface);min-height:44px;padding:10px 15px;font-weight:650}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:inherit}svg{width:22px;height:22px;flex:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.7px}h1{font-size:34px;margin:7px 0 8px;letter-spacing:-1.4px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:27px;margin:5px 0 20px}h3{font-size:17px;margin:20px 0 10px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:800;color:var(--muted)}.app-header{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.header-inner{max-width:1100px;min-height:var(--header-h);margin:auto;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:-.6px}.brand-mark{font-size:18px;color:#fff;background:#252d2a;letter-spacing:-1px;width:48px;height:47px;display:grid;place-items:center;border-radius:12px}.brand small{font-size:7px;display:block;letter-spacing:1.3px;font-weight:600;color:var(--muted);margin-top:4px}.header-actions{display:flex;gap:8px}.header-button{font-size:12px;background:var(--soft)}.app-main{max-width:780px;margin:0 auto;padding:20px 24px 0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4px;margin:0 0 12px;min-height:18px}.project-indicator{font-size:10px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.step-card{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:29px 34px;box-shadow:var(--shadow)}.step-title{margin-bottom:21px}.step-title>p{font-size:12px;color:var(--muted);margin-bottom:0}.step-title h1 br{display:none}.step-title h1 em:before{content:' '}.source-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--soft);margin:0 0 20px}.source-switch button{min-height:35px;padding:6px;font-size:12px;background:transparent;border-color:transparent;border-radius:7px;color:var(--muted)}.source-switch button.chosen{background:var(--surface);color:var(--ink);box-shadow:0 1px 5px #0000000b;border-color:var(--line)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}label{display:block;font-size:11px;font-weight:650}input,textarea,select{width:100%;display:block;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);padding:11px 12px;min-height:43px;margin-top:6px;min-width:0}textarea{resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.9}.form-meta{display:flex;justify-content:space-between;align-items:center;margin:10px 0 17px}.text-button{background:transparent;border-color:transparent;font-size:11px;color:var(--muted);padding:6px 0;font-weight:600;min-height:38px}.primary{background:var(--ink);color:var(--surface);border-color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;font-size:13px}.primary svg{width:19px;height:19px}.secondary{background:var(--soft);font-size:12px}.full-width{width:100%}.hint{border-radius:50%;padding:0;width:31px;min-width:31px;height:31px;min-height:31px;font-size:12px;color:var(--muted);font-weight:600;background:transparent}.device-note{font-size:9px;color:var(--muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 0}.device-note button{font-size:9px;border:0;background:transparent;min-height:25px;padding:0 4px;color:var(--muted)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:35;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -5px 25px #18251d05}.nav-inner{max-width:780px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:5px 24px 7px;gap:8px}.nav-inner button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:61px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;padding:6px}.nav-inner button.active{background:var(--soft);color:var(--ink)}.nav-symbol{font-size:16px;font-weight:750;letter-spacing:-.5px;line-height:23px}.tools-symbol{height:23px;display:flex;align-items:center}.nav-inner button.active:after{content:'';position:absolute;top:-6px;width:24px;height:3px;border-radius:0 0 5px 5px;background:var(--ink)}.nav-dot{position:absolute;top:8px;left:calc(50% + 14px);height:5px;width:5px;border-radius:50%;background:var(--accent)}[hidden]{display:none!important}.step-actions,.sheet-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px}.step-actions .primary{flex:1;max-width:65%}.photo-stage{position:relative;background:var(--soft);border:1px solid var(--line);border-radius:12px;overflow:hidden}.photo-main{padding:0;line-height:0;display:block;width:100%;border:0;border-radius:0;min-height:0;background:transparent;position:relative;overflow:hidden}.photo-main img{display:block;width:100%;height:228px;object-fit:cover}.image-label{position:absolute;left:0;right:0;bottom:0;padding:20px 13px 11px;background:linear-gradient(transparent,#18201ab8);color:#fff;line-height:1.3;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;text-align:left}.image-label>span{font-size:17px;line-height:1}.photo-count{position:absolute;top:9px;right:9px;background:#1b231ecb;color:#fff;padding:4px 8px;font-size:9px;border-radius:5px;pointer-events:none}.photo-empty{height:195px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted);padding:20px;text-align:center}.photo-empty svg{width:35px;height:35px;margin-bottom:4px}.photo-empty strong{font-size:14px;color:var(--ink)}.photo-empty span{font-size:11px}.photo-thumbnails{display:flex;align-items:center;gap:7px;min-height:39px;margin:9px 0}.thumb{padding:2px;min-height:35px;width:45px;height:36px;border-radius:6px;flex:none;overflow:hidden;background:var(--soft)}.thumb img{display:block;object-fit:cover;width:100%;height:100%;border-radius:3px}.thumb.chosen{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.remove-photo{margin-left:auto;padding:4px 0;font-size:9px;min-height:35px;border:0;background:transparent;color:var(--muted)}.photo-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:center}.file-button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--soft);border:1px solid var(--line);border-radius:9px;min-height:43px;cursor:pointer;font-size:11px}.file-button svg{width:17px;height:17px}.file-button input{position:absolute;opacity:0;display:block;width:1px;height:1px;min-height:0;padding:0;border:0;margin:0}.file-button:focus-within{outline:3px solid var(--accent);outline-offset:2px}.micro{font-size:10px;color:var(--muted);line-height:1.65}.status-line{margin:5px 0;min-height:8px;font-size:9px}.analysis-row{display:flex;align-items:center;width:100%;gap:12px;background:var(--soft);text-align:left;padding:12px 14px;margin-top:10px}.analysis-row svg{width:24px;height:24px;color:var(--accent)}.analysis-row span{flex:1}.analysis-row strong{display:block;font-size:12px}.analysis-row small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.analysis-row b{font-size:13px;color:var(--muted)}.proposal-visual{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--soft)}.proposal-visual .photo-main img{height:190px}.proposal-visual .photo-empty{height:160px}.proposal-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:8px 0 13px;gap:12px}.result-links{margin-bottom:18px}.result-links>button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:11px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:64px;background:transparent}.result-links>button svg{color:var(--muted);width:22px;height:22px}.result-links>button span{flex:1}.result-links strong,.tool-card strong{font-size:13px;display:block}.result-links small,.tool-card small{font-size:10px;display:block;font-weight:400;color:var(--muted);margin-top:2px}.result-links b{font-size:12px;color:var(--muted);min-width:28px;text-align:center}.centred{text-align:center;margin:9px 0 0}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.tool-card{display:flex;align-items:center;gap:12px;text-align:left;padding:18px 14px;min-height:91px;min-width:0;background:var(--soft)}.tool-card svg{width:22px;height:22px;color:var(--muted)}.tool-card span{flex:1;min-width:0}.tool-card b{font-size:12px;color:var(--muted)}.tools-foot{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:var(--muted);margin:21px 0 0;flex-wrap:wrap}.connection-dot{width:5px;height:5px;background:var(--muted);border-radius:50%;display:inline-block}.connection-dot.ready{background:var(--accent)}.toast{position:fixed;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 9px);left:50%;transform:translateX(-50%);z-index:60;background:var(--ink);color:var(--surface);padding:12px 18px;border-radius:9px;box-shadow:var(--shadow);font-size:12px;width:max-content;max-width:calc(100% - 34px);text-align:center;pointer-events:none;margin:0}.toast:empty{display:none}dialog{border:1px solid var(--line);padding:0 25px 25px;width:calc(100% - 28px);max-width:650px;max-height:calc(100dvh - 34px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;border-radius:17px;background:var(--surface);color:var(--ink);box-shadow:0 20px 90px #0003;overscroll-behavior:contain}dialog::backdrop{background:#111b16a3;backdrop-filter:blur(5px)}dialog.image-dialog{max-width:1000px}.dialog-top{position:sticky;top:0;background:var(--surface);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:65px;border-bottom:1px solid var(--line);margin-bottom:22px}.dialog-top>.eyebrow{margin-right:auto;font-size:8px}.close{width:39px;min-height:39px;padding:0;font-size:24px;background:var(--soft);border-radius:50%;line-height:1}.sheet-back{min-height:36px;padding:6px 9px;font-size:11px;margin-right:4px}.dialog-image{width:100%;display:block;border-radius:10px;height:auto}dialog p,dialog li{font-size:12px;color:var(--muted);line-height:1.7}dialog ul{padding-left:18px}dialog label{margin:15px 0}dialog h3{font-size:16px;letter-spacing:-.3px}.sheet-action{margin-top:12px}.sheet-summary{display:flex;align-items:center;justify-content:space-between;background:var(--soft);padding:12px 14px;border-radius:9px;font-size:11px;gap:12px}.sheet-summary span{color:var(--muted)}.task-item{display:flex;align-items:flex-start;gap:11px;padding:16px 0;border-bottom:1px solid var(--line)}.task-item>input{width:19px;height:19px;min-height:19px;flex:none;margin:5px 0 0;accent-color:var(--accent)}.task-item>div{flex:1;min-width:0}.tag{font-size:9px;padding:3px 6px;border-radius:4px;color:var(--muted);background:var(--soft)}.task-title{font-size:13px;font-weight:600;margin-top:7px;padding:8px 10px;resize:vertical;min-height:54px}.task-item p{font-size:10px;margin:7px 0 0}.delete-task{border:0;font-size:20px;color:var(--muted);padding:0;min-height:30px;width:26px;flex:none;background:transparent}.custom-task{display:flex;align-items:flex-end;gap:9px;margin-top:17px}.custom-task input{margin:0}.sheet-actions{margin-top:20px}.sheet-actions .primary{font-size:12px}.concept-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.concept-tabs button{font-size:12px;background:var(--soft)}.concept-tabs button.chosen{background:var(--ink);color:var(--surface);border-color:var(--ink)}.compare{position:relative;aspect-ratio:3/2;border-radius:11px;overflow:hidden;background:var(--soft)}.compare>img,.compare-before>img{display:block;width:100%;height:100%;object-fit:cover}.compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:10px;padding:5px 8px;background:#17211aba;border-radius:4px;font-size:8px;letter-spacing:1px;color:#fff}.before-label{left:10px}.after-label{right:10px}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;transform:translateX(-50%);pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#fff;color:#252d2a;display:grid;place-items:center;border-radius:50%;box-shadow:0 2px 15px #0002}.slider-label{text-align:center;font-size:10px;color:var(--muted);font-weight:400}.slider-label input{padding:0;min-height:30px;border:0;background:transparent;accent-color:var(--accent)}.section-line{display:flex;justify-content:space-between;align-items:center;gap:14px}.section-line h3{margin:12px 0}.summary-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.summary-list span{color:var(--muted)}.summary-list strong{max-width:70%;text-align:right;overflow-wrap:anywhere}.review-title{padding:17px;background:var(--soft);border-radius:10px}.review-title h3{margin:9px 0;font-size:20px}.review-title p{margin:0}.review-pictures{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.review-pictures figure{margin:0}.review-pictures img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:7px;display:block}.review-pictures figcaption{font-size:9px;color:var(--muted);margin-top:5px}.review-tasks{padding-left:22px}.review-tasks li{padding:10px 0 10px 4px;border-bottom:1px solid var(--line)}.review-tasks strong{color:var(--ink);font-size:12px;display:block}.review-tasks small{font-size:10px;display:block;margin-top:4px}.note{padding:15px;background:var(--soft);border-radius:9px;font-size:11px;color:var(--muted);line-height:1.7;margin:18px 0}.review-confirm,.analysis-consent{display:flex;align-items:flex-start;gap:11px;font-size:12px!important;font-weight:500}.review-confirm input,.analysis-consent input{width:20px;height:20px;min-height:20px;flex:none;margin:2px 0 0;accent-color:var(--accent)}.review-confirm small{display:block;font-weight:400;font-size:10px;color:var(--muted);margin-top:4px}.analysis-consent{line-height:1.7;font-size:11px!important}.about-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.about-flow>div{border-radius:9px;background:var(--soft);padding:15px}.about-flow b{font-size:12px}.about-flow p{font-size:11px;margin:7px 0 0}.analysis-result{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}details{padding:12px;background:var(--soft);border-radius:8px}summary{font-size:11px;cursor:pointer}code{overflow-wrap:anywhere;font-size:11px;background:var(--soft);padding:2px 4px;border-radius:4px}.diagnostic{overflow-wrap:anywhere}.analysis-result ol{padding-left:20px}.analysis-result li{margin-bottom:7px}
@media(min-width:900px) and (min-height:800px){.app-main{padding-top:35px}.step-card{padding:32px 38px}.workspace-heading{margin-bottom:15px}.step-title{margin-bottom:24px}.fields{gap:18px}.photo-main img{height:255px}.proposal-visual .photo-main img{height:210px}}
@media(max-width:600px){:root{--header-h:62px;--nav-h:72px}.header-inner{padding:10px 16px;gap:9px}.brand{font-size:18px;gap:9px}.brand-mark{width:39px;height:39px;font-size:15px;border-radius:10px}.brand small{font-size:6px;letter-spacing:.7px;margin-top:3px}.header-actions{gap:6px}.header-button{min-height:36px;font-size:10px;padding:8px 10px;border-radius:8px}.app-main{padding:12px 14px 0;max-width:500px}.workspace-heading{margin-bottom:9px}.workspace-heading .eyebrow{font-size:8px}.project-indicator{font-size:9px}.step-card{padding:19px 17px;border-radius:14px}.step-title{margin-bottom:15px}.step-title>.eyebrow{font-size:8px}h1{font-size:27px;letter-spacing:-1px;margin:6px 0 7px;line-height:1.13}.step-title h1 br{display:initial}.step-title h1 em:before{content:none}.step-title>p{font-size:10px;line-height:1.6}.source-switch{margin-bottom:14px}.source-switch button{font-size:11px;min-height:32px}.fields{gap:12px 10px}label{font-size:10px}input,select,textarea{font-size:16px;min-height:42px;padding:9px 10px;margin-top:5px}textarea{font-size:14px;min-height:56px;line-height:1.4}.form-meta{margin:6px 0 12px}.text-button{font-size:10px;min-height:34px}.hint{width:30px;min-width:30px;min-height:30px;height:30px}.primary{min-height:44px;font-size:12px}.photo-main img{height:172px}.photo-empty{height:165px}.photo-stage{border-radius:10px}.photo-thumbnails{margin:7px 0;gap:5px;min-height:34px}.thumb{width:36px;height:31px;min-height:31px}.remove-photo{font-size:8px}.file-button{min-height:40px;font-size:10px;gap:6px}.photo-actions{gap:6px}.file-button svg{width:15px;height:15px}.analysis-row{padding:10px 11px;margin-top:6px;gap:9px}.analysis-row strong{font-size:11px}.analysis-row small{font-size:9px}.analysis-row svg{width:21px;height:21px}.step-actions{margin-top:13px}.step-actions .secondary{min-height:44px;font-size:11px;padding:9px 11px}.step-actions .primary{font-size:11px;gap:8px}.proposal-visual .photo-main img{height:143px}.proposal-visual .photo-empty{height:120px}.proposal-meta{font-size:8px;margin:7px 0 9px}.result-links{margin-bottom:13px}.result-links>button{min-height:57px;padding:9px 0;gap:11px}.result-links strong{font-size:12px}.result-links small{font-size:9px}.result-links>button svg{width:20px;height:20px}.centred{font-size:9px;margin-top:7px}.tools-grid{gap:9px}.tool-card{min-height:82px;align-items:flex-start;gap:9px;padding:13px 11px}.tool-card svg{width:19px;height:19px;margin-top:2px}.tool-card b{display:none}.tool-card strong{font-size:11px}.tool-card small{font-size:9px;line-height:1.5;margin-top:4px}.tools-foot{font-size:8px;margin-top:15px}.device-note{font-size:8px;margin-top:8px;gap:5px}.device-note button{font-size:8px}.nav-inner{padding:5px 14px 6px;gap:6px}.nav-inner button{min-height:59px;font-size:10px;gap:2px}.nav-symbol{font-size:15px}.nav-inner button.active:after{top:-5px}.toast{font-size:11px;padding:11px 14px}dialog{padding:0 18px 20px;width:calc(100% - 22px);max-height:calc(100dvh - 22px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:14px}.dialog-top{min-height:61px;margin-bottom:18px}.dialog-top>.eyebrow{font-size:7px;letter-spacing:1.1px}.close{width:37px;min-height:37px;font-size:23px}h2{font-size:24px;margin-bottom:17px}dialog p,dialog li{font-size:11px}.task-title{font-size:16px;padding:8px;min-height:60px}.task-item{gap:9px}.task-item p{font-size:9px}.delete-task{width:24px}.custom-task input{font-size:16px}.concept-tabs button{font-size:11px;padding:9px 6px;min-height:39px}.sheet-actions .primary{font-size:11px;padding:10px 12px}.about-flow{grid-template-columns:1fr}.review-title h3{font-size:18px}.review-tasks strong{font-size:11px}}
@media(max-width:360px){.header-inner{padding:9px 12px}.brand{font-size:16px}.brand small{font-size:5px}.header-actions{gap:4px}.header-button{padding:7px 8px;font-size:9px}.app-main{padding:10px 10px 0}.step-card{padding:16px 14px}h1{font-size:25px}.tools-grid{gap:7px}.tool-card{padding:12px 8px;gap:7px}.tool-card svg{width:17px;height:17px}.tool-card strong{font-size:10px}.device-note{font-size:7px}.photo-thumbnails{gap:4px}.thumb{width:33px}.remove-photo{font-size:7px}}
@media(max-height:700px) and (max-width:600px){.app-main{padding-top:8px}.workspace-heading{margin-bottom:7px}.step-card{padding-top:15px;padding-bottom:15px}.step-title{margin-bottom:11px}.step-title>p{font-size:9px}.step-title>.eyebrow{display:none}h1{font-size:25px;margin-top:0}.photo-main img{height:137px}.proposal-visual .photo-main img{height:115px}.result-links>button{min-height:51px}.source-switch{margin-bottom:11px}.fields{gap:9px}.tools-grid{gap:7px}.tool-card{min-height:72px}.device-note{margin-top:5px}}
@media(max-width:600px){.proposal-visual .photo-main img{height:125px}.result-links>button{min-height:52px}.result-links{margin-bottom:10px}.centred{display:none}body{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 4px)}}
@media(max-height:700px) and (max-width:600px){.proposal-visual .photo-main img{height:105px}.result-links>button{min-height:48px}}
/* V0.6: use the available screen height without clipping longer content. */
.app-main{padding-top:8px}.step-card{display:flex;flex-direction:column;min-height:calc(var(--frame-vh,100dvh) - var(--frame-header,var(--header-h)) - var(--frame-nav,var(--nav-h)) - 16px)}
.step-card>*{flex-shrink:0}.device-note{margin-top:20px;margin-bottom:8px}
.step-card[data-page="0"] .fields{flex:1 0 auto;grid-template-rows:auto auto minmax(110px,1fr)}
.step-card[data-page="0"] .fields>.full{display:flex;flex-direction:column;min-height:0}
.step-card[data-page="0"] textarea[data-field="notes"]{flex:1;min-height:90px;height:auto}
.step-card[data-page="0"]>#next{margin-top:auto}
.step-card[data-page="1"] .photo-stage{flex:1 0 180px;min-height:180px}
.step-card[data-page="1"] .photo-stage>.photo-main{position:absolute;inset:0}
.step-card[data-page="1"] .photo-stage .photo-main img{height:100%;min-height:180px}
.step-card[data-page="1"] .photo-stage .photo-empty{height:100%;min-height:180px}
.step-card[data-page="2"] .proposal-visual{position:relative;flex:1 0 140px;min-height:140px}
.step-card[data-page="2"] .proposal-visual>.photo-main{position:absolute;inset:0}
.step-card[data-page="2"] .proposal-visual .photo-main img{height:100%;min-height:140px}
.step-card[data-page="2"] .proposal-visual .photo-empty{height:100%;min-height:140px}
.step-card[data-page="3"] .tools-grid{flex:1;grid-auto-rows:minmax(82px,1fr)}
@media(min-width:900px) and (min-height:800px){.app-main{padding-top:8px}}
@media(max-width:600px){.app-main{padding-top:8px}.device-note{margin-top:20px}.step-card[data-page="0"] .fields{grid-template-rows:auto auto minmax(110px,1fr)}.step-card{padding-bottom:17px}}
@media(max-height:700px) and (max-width:600px){.app-main{padding-top:8px}.step-card[data-page="1"] .photo-stage{flex-basis:140px;min-height:140px}.step-card[data-page="1"] .photo-stage .photo-main img,.step-card[data-page="1"] .photo-stage .photo-empty{min-height:140px}.step-card[data-page="2"] .proposal-visual{flex-basis:110px;min-height:110px}.step-card[data-page="2"] .proposal-visual .photo-main img,.step-card[data-page="2"] .proposal-visual .photo-empty{min-height:110px}}
.header-inner{max-width:1100px}.header-actions{gap:5px}.brand small{font-size:8px}.header-button{padding:9px 10px;font-size:11px}.brand-mark{font-size:17px}.step-intro{margin-bottom:16px}.step-intro h1{margin:10px 0;font-size:clamp(27px,4vw,42px);line-height:1.08;letter-spacing:-1px}.step-intro p{font-size:12px;color:var(--muted);line-height:1.5}.demo-note{padding:13px;margin-bottom:18px}.brief-label{display:flex;flex-direction:column;flex:1}.brief-label textarea{min-height:130px;flex:1}.step-card[data-page="0"] .fields{grid-template-rows:auto minmax(130px,1fr)}.step-card[data-page="0"] .micro{margin:14px 0}.photo-stage .photo-main img,.proposal-visual .photo-main img{object-position:center 55%;object-fit:contain;background:#e8e5df}.photo-stage{position:relative}.proposal-visual{position:relative}.tool-button{padding:22px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:left;color:inherit}.task-item input{flex-shrink:0}.task-item p{font-size:12px;line-height:1.6}.bottom-nav button.active{background:var(--soft);color:var(--ink)}.dialog-image{max-height:75vh;object-fit:contain}.step-card[data-page="2"] .proposal-visual{min-height:220px}.step-card[data-page="1"] .photo-stage{min-height:260px}@media(max-width:600px){.brand>span:last-child{font-size:15px}.header-inner{gap:8px}.header-button{padding:8px 7px}.brand-mark{width:32px;height:36px}.brand small{font-size:6px;letter-spacing:.7px}.step-card[data-page="2"] .proposal-visual{min-height:240px}.step-card[data-page="1"] .photo-stage{min-height:270px}.step-intro h1{font-size:28px}.result-links button{padding:11px 0}.result-links small{font-size:10px}}html[data-theme="dark"]{color-scheme:dark}
@media(max-width:600px){.step-intro{margin-bottom:12px}.step-intro h1{font-size:27px;margin:7px 0}.step-intro p{margin-bottom:0}.step-card[data-page="2"] .proposal-visual{min-height:180px;flex-basis:180px}.step-card[data-page="2"] .result-links button{padding:8px 0}.step-card[data-page="2"] .result-links{margin:6px 0}.step-card[data-page="2"] .proposal-meta{margin:7px 0}.step-card[data-page="1"] .photo-stage{min-height:230px;flex-basis:230px}.step-card[data-page="2"] .photo-main img{object-fit:contain}}
.stair-hero{display:grid;grid-template-columns:1.1fr 1fr;border-radius:17px;overflow:hidden;background:#202b25;color:#fff;margin-bottom:18px}.hero-copy{padding:30px}.hero-eyebrow{font-size:8px;letter-spacing:1.4px;color:#ced4c6;font-weight:750}.hero-copy h1{font-size:36px;line-height:1.06;letter-spacing:-1.2px;margin:18px 0 12px}.hero-copy h1 em{color:#c8d1b9}.hero-copy p{font-size:12px;line-height:1.6;color:#d4dbd0;max-width:370px;margin-bottom:18px}.hero-pair{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:0;gap:2px;border:0;border-radius:0;overflow:hidden;background:#78806f}.hero-pair>div{position:relative;min-width:0}.hero-pair img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 54%}.hero-pair>div>span{position:absolute;bottom:12px;left:9px;font-size:8px;letter-spacing:1.3px;background:#202726c9;color:white;padding:5px 8px;border-radius:5px}.hero-arrow{position:absolute;right:10px;top:10px;border-radius:50%;background:#fff;color:#202726;width:28px;height:28px;display:grid;place-items:center}.brief-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 12px}.brief-heading strong,.brief-label>.field-title{font-size:15px}.brief-heading span{font-size:10px;color:var(--muted)}.hero-footnote{text-align:center;font-size:9px;color:var(--muted);margin:9px 0 0}.brand-icon{object-fit:cover;border-radius:9px}.step-card[data-page="0"] .fields{grid-template-rows:auto minmax(80px,1fr);gap:12px}.step-card[data-page="0"] .brief-label textarea{min-height:65px}.step-card[data-page="0"] #next{margin-top:14px}@media(max-width:600px){.stair-hero{grid-template-columns:1fr;margin-bottom:15px}.hero-copy{padding:19px 18px 16px}.hero-copy h1{font-size:29px;margin:10px 0 10px}.hero-copy p{font-size:11px;margin-bottom:12px;line-height:1.5}.hero-pair{height:135px}.hero-pair img{object-position:56% 62%}.brief-heading{align-items:flex-start;flex-direction:column;gap:1px;margin-bottom:10px}.brief-heading strong,.brief-label>.field-title{font-size:13px}.brief-heading span{font-size:9px}.step-card[data-page="0"]{padding:14px}.step-card[data-page="0"] .fields{gap:9px;grid-template-rows:auto minmax(65px,1fr)}.step-card[data-page="0"] .fields input{min-height:38px;height:38px;padding:8px 10px}.step-card[data-page="0"] .fields label{font-size:10px}.step-card[data-page="0"] .brief-label textarea{height:62px;min-height:62px}.step-card[data-page="0"] #next{margin-top:11px}.hero-footnote{font-size:8px;margin-top:7px}}@media(min-width:900px){.stair-hero{min-height:280px}.hero-pair{max-height:320px}}
.hero-pair>div{min-height:0;height:100%;overflow:hidden}.hero-pair img{position:absolute;inset:0}.hero-pair>div>span{z-index:2}@media(max-width:600px){.hero-copy{padding-top:16px;padding-bottom:13px}.hero-pair{height:125px}.hero-footnote{margin-top:5px}}
/* Portrait photography keeps its own frame, without letterboxed side panels. */
.step-card[data-page="1"] .photo-stage,.step-card[data-page="2"] .proposal-visual{align-self:center;flex:0 0 auto;width:256px;height:320px;min-height:0;aspect-ratio:4/5;border-radius:13px;overflow:hidden;margin:0 auto 12px;background:transparent}
.step-card[data-page="1"] .photo-stage>.photo-main,.step-card[data-page="2"] .proposal-visual>.photo-main{position:absolute;inset:0;width:100%;height:100%;padding:0}
.step-card[data-page="1"] .photo-stage .photo-main img,.step-card[data-page="2"] .proposal-visual .photo-main img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
@media(max-width:600px){.step-card[data-page="1"] .photo-stage{width:208px;height:260px;min-height:0;flex-basis:auto}.step-card[data-page="2"] .proposal-visual{width:184px;height:230px;min-height:0;flex-basis:auto}}
@media(max-width:600px) and (max-height:700px){.step-card[data-page="1"] .photo-stage{width:176px;height:220px}.step-card[data-page="2"] .proposal-visual{width:152px;height:190px}}
@media(max-width:600px){.step-card[data-page="2"] .proposal-visual{width:164px;height:205px}.step-card[data-page="2"] .result-links button{padding:7px 0}}
.photo-story{display:grid;grid-template-columns:minmax(0,1fr) 208px;gap:24px;align-items:center;max-width:650px;width:100%;margin:0 auto 12px;flex-shrink:0}.photo-story-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.photo-story-copy>strong{font-size:24px;line-height:1.15;letter-spacing:-.5px}.photo-story-copy>p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.photo-story-copy>small{font-size:10px;color:var(--muted)}.step-card[data-page="1"] .photo-story .photo-stage,.step-card[data-page="2"] .photo-story .proposal-visual{width:208px;height:260px;min-height:0;flex-basis:auto;margin:0}.photo-story .photo-main{cursor:zoom-in}.photo-story .photo-main:hover img{filter:brightness(1.04)}
@media(max-width:600px){.photo-story{grid-template-columns:minmax(0,1fr) 164px;gap:13px;margin-bottom:13px}.photo-story-copy{gap:10px}.photo-story-copy .eyebrow{font-size:7px;letter-spacing:.9px}.photo-story-copy>strong{font-size:17px;line-height:1.2}.photo-story-copy>p{font-size:10px;line-height:1.5}.photo-story-copy>small{font-size:8px;line-height:1.4}.step-card[data-page="1"] .photo-story .photo-stage,.step-card[data-page="2"] .photo-story .proposal-visual{width:164px;height:205px;min-height:0;margin:0}}
@media(max-width:350px){.photo-story{grid-template-columns:minmax(0,1fr) 140px;gap:10px}.step-card[data-page="1"] .photo-story .photo-stage,.step-card[data-page="2"] .photo-story .proposal-visual{width:140px;height:175px}.photo-story-copy>strong{font-size:15px}}.step-card[data-page="1"] .step-actions{margin-top:0}@media(max-width:600px){}@media(max-width:600px) and (max-height:700px){}
/* Desktop workspace only. Mobile rules above are preserved verbatim. */
@media (min-width:1000px) and (hover:hover) and (pointer:fine){
 body{padding-bottom:0}.app-header{height:76px}.header-inner{max-width:1440px;height:76px;padding:12px 32px}.brand>span:last-child{font-size:20px}.brand small{font-size:7px}.header-button{font-size:12px;padding:10px 13px}
 .bottom-nav{top:9px;bottom:auto;left:50%;right:auto;width:480px;transform:translateX(-50%);border:0;background:transparent;box-shadow:none;padding:0}.nav-inner{padding:0;gap:6px;max-width:none}.nav-inner button{min-height:56px;flex-direction:row;gap:9px;padding:10px;font-size:12px}.nav-inner button.active:after{top:auto;bottom:1px;width:22px;height:2px;border-radius:3px}.nav-symbol{font-size:14px}
 .app-main{max-width:1360px;padding:20px 28px 0}.step-card{min-height:0;height:calc(100dvh - 122px);padding:26px 30px;display:grid;gap:16px 30px;overflow:auto;align-content:stretch}.device-note{margin:5px 0 0;font-size:8px;min-height:20px}.step-intro{margin:0}.step-intro h1{font-size:34px;margin:9px 0}.step-intro p{font-size:12px;margin:0}.step-card>*{min-width:0;min-height:0}
 .step-card[data-page="0"]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto 1fr auto auto;grid-template-areas:"hero heading" "hero fields" "hero next" "hero foot"}.stair-hero{grid-area:hero;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(140px,1fr);min-height:0;margin:0}.hero-copy{padding:25px 28px 20px}.hero-copy h1{font-size:38px;margin:15px 0}.hero-copy p{max-width:440px;font-size:13px;margin-bottom:16px}.hero-pair{max-height:none;min-height:0;height:100%}.hero-pair img{object-position:55% 53%}.brief-heading{grid-area:heading;flex-direction:column;gap:4px;margin:12px 0 0}.brief-heading strong,.brief-label>.field-title{font-size:22px;letter-spacing:-.5px}.brief-heading span{font-size:12px}.step-card[data-page="0"] .fields{grid-area:fields;grid-template-rows:auto minmax(80px,1fr);flex:none;gap:20px 14px;align-content:stretch}.step-card[data-page="0"] .brief-label textarea{min-height:80px;resize:none}.step-card[data-page="0"] #next{grid-area:next;margin:0}.hero-footnote{grid-area:foot;margin:0;font-size:10px}
 .step-card[data-page="1"],.step-card[data-page="2"]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto 1fr auto auto;grid-template-areas:"intro intro" "photo controls" "photo note" "photo actions"}.step-card[data-page="1"]>.step-intro,.step-card[data-page="2"]>.step-intro{grid-area:intro;border-bottom:1px solid var(--line);padding-bottom:15px}.step-card[data-page="1"]>.photo-story,.step-card[data-page="2"]>.photo-story{grid-area:photo;grid-template-columns:minmax(150px,1fr) auto;max-width:none;gap:20px;align-self:stretch;align-items:center;margin:0;padding:20px;border-radius:14px;background:var(--soft)}.photo-story-copy>strong{font-size:24px}.photo-story-copy>p{font-size:12px}.photo-story-copy>small{font-size:10px}
 .step-card[data-page="1"] .photo-story .photo-stage,.step-card[data-page="2"] .photo-story .proposal-visual{width:min(240px,18vw);height:auto;aspect-ratio:4/5;max-height:100%;margin:0}.step-card[data-page="1"]>.photo-actions{grid-area:controls;align-self:start;margin-top:8px}.step-card[data-page="1"]>p.micro{grid-column:2;grid-row:2;align-self:start;margin:66px 0 0;font-size:11px}.step-card:is([data-page="1"],[data-page="2"])>.step-actions{grid-area:actions;margin:0}
 .step-card[data-page="2"]{grid-template-areas:"intro intro" "photo controls" "photo note" "photo actions"}.step-card[data-page="2"]>.result-links{grid-area:controls;margin:0;align-self:center}.step-card[data-page="2"]>.result-links button{padding:18px 3px}.result-links strong{font-size:16px}.result-links small{font-size:12px}.step-card[data-page="2"]>.proposal-meta{grid-area:note;align-self:end;margin:0;font-size:11px}.step-card[data-page="2"]>.step-actions{grid-area:actions}.step-card[data-page="2"]>p.micro{grid-column:2;grid-row:3;font-size:10px}.step-card[data-page="3"]{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:24px}.step-card[data-page="3"] .tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(80px,1fr));grid-auto-rows:auto;gap:16px;flex:none}.tool-button{padding:25px;font-size:16px;border-radius:15px}.step-card[data-page="3"]>.micro{margin:0;font-size:11px}
 dialog{max-width:850px;max-height:calc(100dvh - 60px)}
}
@media (min-width:1000px) and (max-height:780px) and (hover:hover) and (pointer:fine){.step-card{padding:20px 24px;gap:12px 25px}.hero-copy{padding:19px 23px 16px}.hero-copy h1{font-size:32px;margin:10px 0}.hero-copy p{font-size:12px;margin-bottom:12px}.step-intro h1{font-size:29px;margin:5px 0}.step-card[data-page="1"]>.step-intro,.step-card[data-page="2"]>.step-intro{padding-bottom:10px}.photo-story-copy>strong{font-size:20px}.photo-story-copy{gap:10px}.step-card[data-page="1"] .photo-story .photo-stage,.step-card[data-page="2"] .photo-story .proposal-visual{width:188px;height:235px}.step-card[data-page="2"]>.result-links button{padding:13px 3px}}
@media (min-width:1000px) and (hover:hover) and (pointer:fine){.step-card{height:calc(100dvh - 132px)}.step-card[data-page="1"]>.step-intro h1 br,.step-card[data-page="2"]>.step-intro h1 br{display:none}.step-card[data-page="1"]>.step-intro h1 em:before,.step-card[data-page="2"]>.step-intro h1 em:before{content:' '}}
.gallery-grid{display:grid;grid-template-columns:1fr;gap:20px}.gallery-project{padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:13px}.gallery-project h3{margin:0 0 12px;font-size:16px}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery-image{position:relative;padding:0;overflow:hidden;border-radius:10px;cursor:zoom-in;background:var(--surface)}.gallery-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.gallery-image span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#18201ae0);color:white;padding:24px 10px 11px;font-size:9px;letter-spacing:.8px;text-align:left}.review-form-panel,.review-admin{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.review-form-panel summary,.review-admin summary{cursor:pointer;font-weight:700}.review-form-panel label{margin-top:12px}.review-consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.6}.review-consent input{width:18px;min-width:18px;min-height:18px;margin:2px 0 0}.review-hp{display:none}.review-card{border:1px solid var(--line);background:var(--soft);padding:16px;border-radius:12px;margin:12px 0}.review-card p{white-space:pre-wrap;font-size:13px;margin:12px 0}.review-card small{display:block;color:var(--muted);font-size:10px}.review-stars{display:block;color:var(--accent);font-size:18px;letter-spacing:2px;margin-top:5px}.moderation-actions{display:flex;gap:8px}.review-admin>button{margin:12px 0}@media(min-width:1000px) and (hover:hover) and (pointer:fine){.gallery-grid{grid-template-columns:1fr 1fr}.gallery-project h3{font-size:14px}}
.inquiry-upload{margin-top:17px}.inquiry-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.inquiry-photos img{width:100%;height:85px;object-fit:cover;border-radius:7px}.inquiry-photos button{font-size:9px;padding:4px;min-height:28px;width:100%}#inquiryForm .review-consent{margin:15px 0}#inquiryForm textarea{resize:vertical}@media(max-width:600px){.inquiry-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}
#inquiryForm .fields{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;grid-auto-rows:auto;align-content:start;align-items:start;gap:14px;flex:none;height:auto;min-height:0}#inquiryForm .fields>label{display:block;height:auto;min-height:0}#inquiryForm textarea{height:96px;min-height:80px}
/* In-app print preview: always-visible close and action controls. */
dialog.pdf-preview{height:calc(100dvh - 34px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:980px;overflow:hidden;padding-bottom:0}dialog.pdf-preview[open]{display:flex;flex-direction:column}dialog.pdf-preview .dialog-top{flex:none;margin-bottom:12px}dialog.pdf-preview #dialogContent{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}dialog.pdf-preview h2{font-size:22px;margin:0 0 9px;flex:none}.pdf-intro{flex:none;margin:0 0 12px}.plan-frame{display:block;width:100%;min-height:100px;flex:1;border:1px solid var(--line);border-radius:10px;background:white}.pdf-actions{display:flex;gap:10px;flex:none;padding:12px 0 8px;background:var(--surface)}.pdf-actions .secondary{flex:1}.pdf-actions .primary{flex:2}.pdf-status{flex:none;margin:0;padding:0 0 12px;font-size:9px!important}.pdf-preview .close{width:44px;height:44px;min-height:44px;flex:none}html:has(dialog[open]){overflow:hidden}@media(max-width:600px){dialog.pdf-preview{width:calc(100% - 20px);padding:0 14px;height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}dialog.pdf-preview .dialog-top{min-height:58px;margin-bottom:10px}dialog.pdf-preview h2{font-size:21px}.pdf-intro{font-size:11px!important;line-height:1.5!important;margin-bottom:10px}.pdf-actions{padding:10px 0 6px}.pdf-status{padding-bottom:max(10px,env(safe-area-inset-bottom));font-size:8px!important}}

.review-owner-reply{margin:14px 0 8px;padding:12px 16px;border-left:3px solid currentColor;background:rgba(128,128,128,.08);border-radius:6px}.review-owner-reply p{white-space:pre-wrap}.review-card textarea{width:100%;box-sizing:border-box}.review-card>p{white-space:pre-wrap}

#version{appearance:none;background:none;border:0;border-radius:0;box-shadow:none;padding:4px 3px;min-height:24px;font:inherit;color:inherit;cursor:pointer;vertical-align:baseline}#version:hover{text-decoration:underline;text-underline-offset:3px}#version:focus-visible{outline:2px solid var(--accent);outline-offset:3px}


/* Reserve space for actions; keep their baseline above the visible navigation. */
.step-card[data-page="0"] .brief-label textarea{min-height:100px;height:auto}
@media(max-width:999px),(hover:none),(pointer:coarse){
.step-card[data-page="0"],.step-card[data-page="1"],.step-card[data-page="2"]{padding-bottom:88px}
.step-card[data-page="0"]>#next,.step-card:is([data-page="1"],[data-page="2"])>.step-actions,.step-card[data-page="2"]>.step-actions{
position:fixed;left:var(--action-left,29px);width:var(--action-width,calc(100% - 58px));bottom:var(--action-bottom,calc(var(--frame-nav,var(--nav-h)) + 10px));z-index:34;margin:0;min-height:46px;box-shadow:0 0 0 8px var(--surface),0 -12px 20px var(--surface)
}
.step-card:is([data-page="1"],[data-page="2"])>.step-actions{background:var(--surface);border-radius:11px}
.step-card:is([data-page="1"],[data-page="2"])>.step-actions>button{min-height:46px}
.step-card[data-page="0"]>#next,.step-card[data-page="2"]>.step-actions{min-height:46px}
}
@media(min-width:1000px) and (hover:hover) and (pointer:fine){
.step-card[data-page="0"]{grid-template-rows:auto 1fr auto;grid-template-areas:"hero heading" "hero fields" "hero next"}
.step-card[data-page="0"]>#next,.step-card:is([data-page="1"],[data-page="2"])>.step-actions,.step-card[data-page="2"]>.step-actions{margin:0;align-self:end}
}

.review-form-panel>summary{font-size:16px;font-weight:750;line-height:1.4;min-height:44px;padding:10px 0;color:var(--ink)}

.estimate-demo{display:inline-block;font-size:10px!important;font-weight:800;letter-spacing:1px;padding:6px 10px;border-radius:6px;background:var(--soft);color:var(--ink)!important}
.estimate-table{width:100%;border-collapse:collapse;margin:18px 0;table-layout:fixed;font-size:12px}
.estimate-table th,.estimate-table td{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.estimate-table thead th{font-size:10px;color:var(--muted)}
.estimate-table th:first-child{width:60%;padding-left:0}
.estimate-table th:nth-child(2),.estimate-table td:nth-child(2){width:12%;text-align:center}
.estimate-table th:last-child,.estimate-table td:last-child{width:28%;text-align:right;padding-right:0;white-space:nowrap}
.estimate-table tbody th{font-weight:600}
.estimate-table small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}
.estimate-table tfoot th,.estimate-table tfoot td{font-weight:800;font-size:15px;padding-top:16px;border-bottom:0}
.estimate-table tfoot th:first-child{width:auto;text-align:left}
@media(max-width:600px){.estimate-table{font-size:11px}.estimate-table th,.estimate-table td{padding-top:10px;padding-bottom:10px}}
/* Native pinch zoom enlarges the content; copied controls retain their physical size. */
.zoom-source{visibility:hidden!important}
.zoom-control-layer{position:fixed;inset:0 auto auto 0;margin:0;padding:0;border:0;max-width:none;max-height:none;background:transparent;color:var(--ink);overflow:visible;transform-origin:0 0;pointer-events:none;z-index:1000}
.zoom-control-layer::backdrop{display:none}
.zoom-control-top{position:absolute;top:0;left:0;right:0}
.zoom-control-bottom{position:absolute;bottom:0;left:0;right:0}
.zoom-control-layer .zoom-copy{visibility:visible!important;pointer-events:auto}
.zoom-control-layer .app-header,.zoom-control-layer .bottom-nav,.zoom-control-layer .dialog-top,.zoom-control-layer .step-actions,.zoom-control-layer .primary{position:static!important;inset:auto!important;transform:none!important;width:100%!important;margin:0!important}
.zoom-control-layer .header-inner{max-width:none}
.zoom-control-layer .dialog-top{padding:8px 14px;min-height:60px;background:var(--surface);border-bottom:1px solid var(--line)}
.zoom-control-layer .dialog-top>span{font-size:10px;letter-spacing:1px}
.zoom-control-layer .pdf-actions{margin:0;padding:10px 14px max(10px,env(safe-area-inset-bottom));background:var(--surface)}
.zoom-control-layer .pdf-actions button{pointer-events:auto}
.zoom-control-action{padding:10px 20px;background:var(--surface);pointer-events:auto;border-top:1px solid var(--line)}
.zoom-control-action .step-actions{display:flex;gap:10px}
.zoom-control-action .step-actions .primary{width:auto!important;max-width:none;flex:1}
.zoom-control-layer .nav-inner{max-width:none}

.dialog-back-top{position:sticky;bottom:14px;float:right;z-index:30;width:40px;min-height:40px;padding:0;border-radius:50%;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 3px 14px #0003;font-size:23px;margin:8px 2px 0 12px}.dialog-back-top[hidden]{display:none!important}


/* A balanced introduction: half copy, half photographs on stacked cards. */
.hero-copy p{margin-bottom:0}
@media(max-width:999px){.stair-hero{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.hero-copy{padding:18px}.hero-copy h1{margin:10px 0;font-size:clamp(27px,6.7vw,36px)}.hero-copy p{margin-bottom:0;max-width:none}.hero-pair{height:auto;max-height:none;min-height:0}.hero-pair img{object-position:56% 54%}}
@media(min-width:1000px){.step-card[data-page="0"] .stair-hero{grid-template-rows:repeat(2,minmax(0,1fr))}.hero-copy{display:flex;flex-direction:column;justify-content:center}.hero-copy p{margin-bottom:0}}

.photo-enlarge-icon{position:absolute;top:10px;right:10px;z-index:3;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#202726;box-shadow:0 2px 10px #0002;pointer-events:none}.photo-enlarge-icon svg{width:25px;height:25px}.photo-story-copy>strong{font-size:24px;line-height:1.2}.photo-story-copy>p{font-size:14px;line-height:1.6}.photo-story-copy>small{font-size:11px}@media(max-width:600px){.photo-story-copy{gap:9px}.photo-story-copy>strong{font-size:20px}.photo-story-copy>p{font-size:13px;line-height:1.5}.photo-story-copy>small{font-size:10px}.photo-story{align-items:start}.photo-enlarge-icon{width:40px;height:40px;top:8px;right:8px}}@media(max-width:350px){.photo-story-copy>strong{font-size:18px}.photo-story-copy>p{font-size:12px}}

.photo-enlarge-icon{width:28px;height:28px;top:10px;right:10px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff;filter:drop-shadow(0 1px 2px #000a)}.photo-enlarge-icon svg{width:23px;height:23px}


/* Shared dialog typography and close control. */
dialog .micro{font-size:12px;line-height:1.6}dialog label{font-size:12px}.dialog-top .close{width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center}.review-state{display:block;margin:6px 0;color:var(--muted);font-size:12px}.moderation-summary{padding:12px;border-radius:10px;background:var(--soft);font-size:14px}

.capture-card{padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:16px;margin:18px 0 12px}.capture-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.capture-heading h2{font-size:23px;line-height:1.2;margin:7px 0 0;letter-spacing:-.5px}.capture-heading .hint{width:36px;height:36px;min-width:36px;min-height:36px;background:var(--surface)}.capture-intro{font-size:13px;line-height:1.6;color:var(--muted);margin:13px 0 18px}.capture-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.capture-options .capture-choice{position:relative;min-height:100px;padding:16px 10px;flex-direction:column;gap:9px;text-align:center;background:var(--surface);border-radius:12px}.capture-choice>svg{width:29px;height:29px}.capture-choice strong{display:block;font-size:14px;line-height:1.3}.capture-choice small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.capture-selected{font-size:12px;line-height:1.5;margin:15px 0;color:var(--muted)}.capture-ai{display:flex;align-items:center;gap:13px;min-height:78px;width:100%;padding:16px;background:var(--ink);color:var(--surface);border-color:var(--ink);border-radius:12px;text-align:left}.capture-ai>svg{width:29px;height:29px}.capture-ai>span{flex:1;min-width:0}.capture-ai strong{display:block;font-size:16px}.capture-ai small{display:block;font-size:11px;font-weight:400;line-height:1.5;opacity:.8;margin-top:4px}.capture-ai>b{font-size:20px}.capture-footnote{font-size:11px;color:var(--muted);line-height:1.5;margin:13px 0 0}@media(min-width:1000px) and (hover:hover) and (pointer:fine){.step-card[data-page="1"]>.capture-card{grid-column:2;grid-row:2/4;align-self:center;margin:0;padding:24px}.capture-options .capture-choice{min-height:105px}}@media(max-width:360px){.capture-card{padding:15px}.capture-options{gap:9px}.capture-choice strong{font-size:12px}.capture-heading h2{font-size:21px}}

/* Compact controls; preserve the established photo and description sizes. */
.capture-card{padding:14px;margin:16px 0 8px;border-radius:12px}.capture-heading{align-items:center;gap:8px;margin-bottom:12px}.capture-heading h2{font-size:17px;line-height:1.3;margin:0;letter-spacing:-.2px}.capture-heading .hint{width:30px;height:30px;min-width:30px;min-height:30px}.capture-options{gap:10px}.capture-options .capture-choice{min-height:44px;padding:10px 8px;gap:0;border-radius:9px}.capture-choice strong{font-size:13px;font-weight:650}.capture-ai{min-height:46px;padding:12px;margin-top:12px;gap:8px;border-radius:9px}.capture-ai strong{font-size:14px}.capture-ai>b{font-size:18px}.capture-footnote{font-size:10px;margin:10px 0 0;line-height:1.4}
@media(min-width:1000px) and (hover:hover) and (pointer:fine){.step-card[data-page="1"]>.capture-card{padding:20px}.capture-options .capture-choice{min-height:46px}}
@media(max-width:999px),(hover:none),(pointer:coarse){
.step-card[data-page="1"]>.capture-card{margin-top:auto;margin-bottom:0;flex-shrink:0}
.step-card[data-page="1"]>.photo-story{margin-bottom:20px}
}

.capture-options>.capture-choice,.capture-options>.file-button.capture-choice{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-height:45px;padding:11px 10px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;text-align:left}.capture-options>.capture-choice>svg{width:19px;height:19px;flex:none}.capture-options>.capture-choice>strong{font-size:12px;font-weight:650;line-height:1.3}.staircase-alert p{font-size:15px;line-height:1.65;margin-bottom:22px}.capture-options{gap:9px}.capture-card .capture-footnote{margin-top:10px}@media(min-width:1000px) and (hover:hover) and (pointer:fine){.capture-options>.capture-choice>strong{font-size:14px}.capture-options>.capture-choice{min-height:50px}}

.pdf-pages{width:100%;max-width:100%;min-width:0;min-height:120px;flex:1;overflow-y:auto;overflow-x:hidden;background:var(--soft);padding:6px;border:1px solid var(--line);border-radius:10px;box-sizing:border-box}.pdf-page-canvas{display:block;width:100%;max-width:100%;height:auto;margin:0 0 12px;background:white;box-shadow:0 2px 8px #0001}.pdf-page-canvas:last-child{margin-bottom:0}dialog.pdf-preview #dialogContent{min-width:0;overflow-x:hidden}.pdf-actions{flex-shrink:0}

.device-note #seoGuide{color:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:2px}

.step-card[data-page="1"] .photo-story-copy{gap:8px}.step-card[data-page="1"] .photo-story-copy>p{font-size:15px;line-height:1.5;margin:0}.step-card[data-page="1"] .photo-story-copy>strong{font-size:22px;line-height:1.2}@media(max-width:600px){.step-card[data-page="1"] .photo-story-copy>p{font-size:14px;line-height:1.45}.step-card[data-page="1"] .photo-story-copy>strong{font-size:18px}.step-card[data-page="1"] .photo-story-copy .eyebrow{font-size:7px}}@media(max-width:350px){.step-card[data-page="1"] .photo-story-copy>p{font-size:12.5px}.step-card[data-page="1"] .photo-story-copy>strong{font-size:16px}.step-card[data-page="1"] .photo-story-copy{gap:6px}}

.step-card[data-page="1"] .photo-story-copy{justify-content:flex-start;box-sizing:border-box;overflow:hidden}.step-card[data-page="1"] .photo-story-copy>p{flex:0 0 auto;line-height:1.45;margin:0}.step-card[data-page="1"] .photo-story-copy>.eyebrow,.step-card[data-page="1"] .photo-story-copy>strong{flex-shrink:0}

@media(hover:none) and (pointer:coarse){input:not([type="checkbox"]):not([type="radio"]),textarea,select{font-size:16px!important}}

html.view-transfer .app-main,html.view-transfer .app-header,html.view-transfer .bottom-nav{visibility:hidden}

/* Align only the step-two description into a neat text column. */
.step-card[data-page="1"] .photo-story-copy>p{text-align:justify;text-align-last:left;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:normal;word-break:normal}

/* Match the established description treatment on the result screen only. */
.step-card[data-page="2"] .photo-story-copy{gap:8px;justify-content:flex-start;box-sizing:border-box;overflow:hidden}.step-card[data-page="2"] .photo-story-copy>p{font-size:15px;flex:0 0 auto;line-height:1.45;margin:0;text-align:justify;text-align-last:left;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:normal;word-break:normal}.step-card[data-page="2"] .photo-story-copy>.eyebrow,.step-card[data-page="2"] .photo-story-copy>strong{flex-shrink:0}

.step-card:is([data-page="1"],[data-page="2"]) .photo-story-copy{padding-top:0;margin-top:0}.step-card:is([data-page="1"],[data-page="2"]) .photo-story-copy>strong{margin-top:0}

/* Natural spacing in narrow photo-description columns. */
.step-card:is([data-page="1"],[data-page="2"]) .photo-story-copy>p{text-align:left;text-align-last:auto;text-wrap:pretty;-webkit-hyphens:none;hyphens:none;word-spacing:normal;letter-spacing:normal;line-height:1.45}

.step-card:is([data-page="1"],[data-page="2"]) .photo-story-copy>strong{font-size:22px;line-height:1.2}.step-card:is([data-page="1"],[data-page="2"]) .photo-story-copy>p{font-size:16px;line-height:1.45}@media(max-width:600px){.step-card:is([data-page="1"],[data-page="2"]) .photo-story-copy>strong{font-size:18px}}@media(max-width:350px){.step-card:is([data-page="1"],[data-page="2"]) .photo-story-copy>strong{font-size:16px}}

.step-card[data-page="2"] .result-links strong{font-size:22px;line-height:1.2;letter-spacing:-.7px;font-weight:700}@media(max-width:600px){.step-card[data-page="2"] .result-links strong{font-size:18px}}@media(max-width:350px){.step-card[data-page="2"] .result-links strong{font-size:16px}}

/* Proposal title follows the photo-story heading at every viewport. */
.step-card[data-page="2"]>.proposal-heading{justify-content:flex-start;margin:18px 0 12px;color:var(--text);font-size:inherit}
.proposal-heading>strong{display:block}
.proposal-summary{margin-top:0}

/* Subtle camera and AI emphasis in both themes. */
.capture-options>.capture-camera{background:#e7edf0;border-color:#cbd7dd;color:#293e49}
.capture-options>#aiCreate{background:#e5ecdf;border-color:#c8d5be;color:#34452e}
body.dark .capture-options>.capture-camera{background:#303f47;border-color:#4a606b;color:#e2edf2}
body.dark .capture-options>#aiCreate{background:#35432f;border-color:#536749;color:#e6efdf}
#skipAI{margin-top:12px}

/* Make the camera action the clear starting point. */
.capture-options>.file-button.capture-camera,body.dark .capture-options>.file-button.capture-camera{background:#365847;color:#fff;border:2px solid #365847;box-shadow:0 3px 10px #20392c24;min-height:60px;gap:10px}
.capture-options>.file-button.capture-camera>svg{width:25px;height:25px}
.capture-camera-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.capture-camera-copy>strong{font-size:14px;font-weight:750;line-height:1.25}
.capture-camera-copy>small{font-size:11px;color:#edf4ee;margin:0;line-height:1.25;font-weight:500}
.capture-options>.file-button.capture-camera:hover{background:#294638;border-color:#294638}
.capture-options>.file-button.capture-camera:focus-within{outline:3px solid var(--accent);outline-offset:3px}

/* Compact the mobile proposal without changing photograph dimensions. */
@media(max-width:999px),(hover:none),(pointer:coarse){
.step-card[data-page="2"]>.step-intro{margin-bottom:10px}
.step-card[data-page="2"]>.photo-story{margin-bottom:6px}
.step-card[data-page="2"]>.proposal-heading{margin:8px 0 8px}
.step-card[data-page="2"]>.proposal-summary{padding:10px 14px;margin:0 0 8px;line-height:1.45}
.step-card[data-page="2"]>.result-links{margin:0}
.step-card[data-page="2"]>.result-links>button{min-height:44px;padding:4px 0}
}

/* V67: numbered instructions use the same scale as the main heading. */

.brief-heading .journey-title,.step-card:is([data-page="1"],[data-page="2"]) .photo-story-copy>.journey-title{font-size:clamp(27px,4vw,42px);line-height:1.08;letter-spacing:-1px;font-weight:750;margin:0;overflow-wrap:normal}
.journey-title>span{display:block;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:var(--accent);margin:0 0 5px}
.brief-heading{align-items:flex-start;gap:8px;margin:12px 0}
.brief-heading>span{font-size:12px;line-height:1.45}
@media(max-width:600px){.brief-heading .journey-title,.step-card:is([data-page="1"],[data-page="2"]) .photo-story-copy>.journey-title{font-size:27px}.step-card>.step-actions .secondary{padding-left:8px;padding-right:8px}.step-card>.step-actions .primary{max-width:none;font-size:11px;gap:5px}}

@media(max-width:350px){.brief-heading .journey-title,.step-card:is([data-page="1"],[data-page="2"]) .photo-story-copy>.journey-title{font-size:24px;overflow-wrap:anywhere}}

/* V67: one accessible idea field; preserve all existing photo dimensions. */
.step-card[data-page="0"]>.idea-only{display:flex;flex-direction:column;gap:0;grid-template-rows:none;min-height:90px;flex:1 0 90px}
.step-card[data-page="0"]>.idea-only>.brief-label{display:flex;flex:1;margin:0}
.step-card[data-page="0"]>.idea-only textarea{margin-top:0;min-height:90px;height:100px;flex:1}
.overview-photos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 18px}
.overview-photos figure{margin:0;min-width:0}
.overview-photos img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:var(--soft);border:1px solid var(--line);border-radius:10px}
.overview-photos figcaption{font-size:10px;font-weight:700;letter-spacing:.5px;margin-top:7px;color:var(--muted)}
dialog .overview-summary{font-size:15px;line-height:1.55}
.overview-checks{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}
.overview-checks summary{cursor:pointer;font-size:13px;font-weight:650}
@media(min-width:1000px) and (hover:hover) and (pointer:fine){.step-card[data-page="0"]>.idea-only{flex:none;min-height:0}}

/* V67: use more of the first screen for the idea field. */
@media(max-width:999px),(hover:none),(pointer:coarse){.step-card[data-page="0"]{padding-bottom:64px}.step-card[data-page="0"]>.brief-heading{margin-bottom:10px}}
.about-sections details{border-top:1px solid var(--line);padding:0;margin:0}
.about-sections summary{cursor:pointer;font-size:16px;font-weight:700;line-height:1.35;padding:16px 2px;color:var(--ink)}
.about-sections details>p{font-size:14px;line-height:1.6;margin:0 0 17px}

/* First-screen actions: continue on the left and start guidance on the right. */
.step-card[data-page="0"]>.first-step-actions{margin:0;background:var(--surface);border-radius:11px}
.step-card[data-page="0"]>.first-step-actions>button{min-height:46px}
.step-card[data-page="0"]>.first-step-actions>.primary{flex:1;max-width:65%}
.step-card[data-page="0"]>.first-step-actions>.secondary{min-width:92px}
@media(max-width:999px),(hover:none),(pointer:coarse){.step-card[data-page="0"]>.first-step-actions{position:fixed;left:var(--action-left,29px);width:var(--action-width,calc(100% - 58px));bottom:var(--action-bottom,calc(var(--frame-nav,var(--nav-h)) + 10px));z-index:34;box-shadow:0 0 0 8px var(--surface),0 -12px 20px var(--surface)}}
@media(min-width:1000px) and (hover:hover) and (pointer:fine){.step-card[data-page="0"]>.first-step-actions{grid-area:next;align-self:end}}
.step-card[data-page="0"]>.first-step-actions>#next{margin:0;grid-area:auto}

/* V68: consistent three-step composition and action dimensions. */
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"])>.step-intro{margin:0 0 14px;min-height:108px}
.step-card[data-page="0"]>.idea-story{margin-bottom:16px}
.idea-story .hero-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:164px;height:205px;min-height:0;max-height:none;border-radius:12px;background:var(--soft);border:1px solid var(--line)}
.idea-story .hero-pair>div{height:100%;min-height:0}
.idea-story .hero-pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:var(--soft)}
.idea-story .hero-pair>div>span{bottom:5px;left:3px;font-size:7px;padding:3px 4px;letter-spacing:.4px}
.idea-story .hero-arrow{width:22px;height:22px;right:4px;top:4px;font-size:12px}
.step-card[data-page="0"]>.idea-only{flex:0 0 auto;min-height:0;padding:12px;margin:0;background:var(--soft)}
.step-card[data-page="0"]>.idea-only textarea{height:72px;min-height:72px;max-height:140px;background:var(--surface)}
.step-card[data-page="2"]>.result-links{padding:8px 14px;background:var(--soft);border:1px solid var(--line);border-radius:12px}
.step-card[data-page="2"]>.result-links>button{min-height:48px;padding:7px 0}
.step-card[data-page="2"]>.result-links>button:last-child{border-bottom:0}
.step-card[data-page="2"] .result-links strong{font-size:17px;letter-spacing:-.3px}
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"])>.step-actions,.zoom-control-action .step-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"])>.step-actions>button,.zoom-control-action .step-actions>button{width:100%!important;max-width:none!important;min-width:0!important;height:48px;min-height:48px;padding:8px;font-size:12px;line-height:1.2;display:flex;align-items:center;justify-content:center;margin:0;gap:5px}
@media(max-width:999px),(hover:none),(pointer:coarse){
.step-card[data-page="0"]{padding:14px 14px 76px}
.step-card[data-page="0"]>.idea-story{flex-shrink:0}
.step-card[data-page="0"]>.idea-only{margin-top:auto}
.step-card[data-page="2"]>.result-links{margin-top:auto}
}
@media(min-width:601px){.idea-story .hero-pair{width:208px;height:260px}}
@media(max-width:350px){.idea-story .hero-pair{width:140px;height:175px}.step-card .step-actions>button{font-size:11px!important}}
@media(min-width:1000px) and (hover:hover) and (pointer:fine){
.step-card[data-page="0"]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto 1fr auto auto;grid-template-areas:"intro intro" "photo controls" "photo note" "photo actions"}
.step-card[data-page="0"]>.step-intro{grid-area:intro;border-bottom:1px solid var(--line);padding-bottom:15px}
.step-card[data-page="0"]>.idea-story{grid-area:photo;max-width:none;grid-template-columns:minmax(150px,1fr) auto;gap:20px;align-items:center;align-self:stretch;margin:0;padding:20px;background:var(--soft);border-radius:14px}
.step-card[data-page="0"]>.idea-only{grid-area:controls;align-self:center;margin:0;padding:20px}
.step-card[data-page="0"]>.first-step-actions{grid-area:actions}
.idea-story .hero-pair{width:208px;height:260px}
}

/* V69: shared content tracks keep panel edges steady between steps. */
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"]){--journey-panel-height:212px}
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"])>.capture-card{height:var(--journey-panel-height);min-height:var(--journey-panel-height);margin:0;flex-shrink:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);box-sizing:border-box;overflow:auto}
.step-card[data-page="0"]>.idea-only{display:flex;flex-direction:column;gap:0;flex:0 0 var(--journey-panel-height)}
.step-card[data-page="0"]>.idea-only>.capture-heading{flex:none;margin:0 0 12px}
.step-card[data-page="0"]>.idea-only>.brief-label{flex:1;min-height:0;width:100%}
.step-card[data-page="0"]>.idea-only textarea{height:100%;min-height:0;max-height:none;resize:none;flex:1}
.idea-story .inspiration-stair{display:block;position:relative;padding:0;overflow:hidden}
.idea-story .inspiration-stair>img{position:static;display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:var(--soft)}
.idea-story .photo-story-copy>p{font-size:14px;line-height:1.45;color:var(--muted);margin:0}
.step-card[data-page="2"]>.result-links{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:0}
.step-card[data-page="2"]>.result-links>button{height:auto;min-height:0;padding:6px 0;margin:0}
.step-card[data-page="2"]>.result-links strong{font-size:17px;line-height:1.2}
.step-card[data-page="2"]>.result-links small{font-size:10px;line-height:1.3;margin-top:3px}
@media(max-width:999px),(hover:none),(pointer:coarse){
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"]){padding:14px 14px 88px}
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"])>.step-intro{height:108px;min-height:108px;margin:0 0 14px;flex-shrink:0}
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"])>.photo-story{height:260px;min-height:260px;max-height:260px;align-items:start;margin:0 auto 16px}
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"])>.capture-card{margin:0}
.step-card[data-page="2"]>p.micro{margin:8px 0 0}
}
@media(max-width:600px){.step-card:is([data-page="0"],[data-page="1"],[data-page="2"])>.photo-story{height:205px;min-height:205px;max-height:205px}}
@media(max-width:350px){.step-card:is([data-page="0"],[data-page="1"],[data-page="2"])>.photo-story{height:175px;min-height:175px;max-height:175px}.idea-story .photo-story-copy>p{font-size:12px}}
@media(min-width:1000px) and (hover:hover) and (pointer:fine){
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"])>.capture-card{grid-area:controls;align-self:center;padding:14px;margin:0}
.step-card[data-page="0"]>.step-intro h1 br{display:none}
.step-card[data-page="0"]>.step-intro h1 em:before{content:' '}
}
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"])>.step-intro>.eyebrow{display:block;height:14px;line-height:14px}

/* V71: one typography system for all three journey steps. */
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"]) .photo-story-copy{gap:8px;justify-content:flex-start;box-sizing:border-box;overflow:hidden;padding-top:0;margin-top:0}
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"]) .photo-story-copy>.journey-title{font-size:clamp(27px,4vw,42px);line-height:1.08;letter-spacing:-1px;font-weight:750;margin:0;flex-shrink:0;overflow-wrap:normal}
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"]) .photo-story-copy>p{font-size:16px;line-height:1.45;font-weight:400;letter-spacing:normal;color:var(--muted);margin:0;flex:0 0 auto;text-align:left;text-wrap:pretty}
.header-inner .brand>span:last-child{font-size:clamp(27px,4vw,34px);font-weight:750;line-height:1.08;letter-spacing:-1px;white-space:nowrap}
.header-inner .header-actions{display:grid;grid-template-columns:repeat(3,58px);gap:6px;flex:none}
.header-inner .header-actions>.header-button{width:58px;height:38px;min-height:38px;padding:6px 3px;font-size:11px;line-height:1.2;display:flex;justify-content:center;align-items:center;gap:3px;white-space:nowrap}
@media(max-width:600px){
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"]) .photo-story-copy>.journey-title{font-size:27px}
.header-inner{padding-left:12px;padding-right:12px;gap:8px}
.header-inner .header-actions{grid-template-columns:repeat(3,52px);gap:5px}
.header-inner .header-actions>.header-button{width:52px;font-size:10px}
.header-inner .brand{gap:7px}
.header-inner .brand-mark{width:30px;height:34px}
.header-inner .brand>span:last-child{font-size:27px}
}
@media(max-width:350px){
.step-card:is([data-page="0"],[data-page="1"],[data-page="2"]) .photo-story-copy>.journey-title{font-size:24px;overflow-wrap:anywhere}
.header-inner .brand>span:last-child{font-size:24px}
.header-inner .brand-mark{display:none}
.header-inner .header-actions{grid-template-columns:repeat(3,48px)}
.header-inner .header-actions>.header-button{width:48px}
}

/* V72: matching subtle emphasis for the two creation actions. */
.capture-options>.file-button.capture-camera,.capture-options>#aiCreate{background:#e1e9dc;color:#34452e;border:1px solid #c3d0ba;box-shadow:none;min-height:50px;gap:9px}
.capture-options>.file-button.capture-camera:hover,.capture-options>#aiCreate:hover{background:#d6e1cf;border-color:#aabda0}
.capture-options>.file-button.capture-camera>svg,.capture-options>#aiCreate>svg{width:19px;height:19px}
.capture-camera-copy>strong,.capture-options>#aiCreate>strong{font-size:12px;font-weight:650;line-height:1.3}
body.dark .capture-options>.file-button.capture-camera,body.dark .capture-options>#aiCreate{background:#35432f;color:#e6efdf;border:1px solid #536749;box-shadow:none}
.pdf-actions{display:flex;flex-direction:column;gap:8px;padding:10px 0 8px}
.pdf-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.pdf-action-row>button{width:100%;min-height:44px;font-size:12px;padding:9px 8px}
.pdf-actions>#quotePlanPDF{flex:none;min-height:46px;width:100%;background:#365847;border-color:#365847;color:#fff}
.inquiry-plan-attachment{display:flex;flex-direction:column;gap:4px;margin:16px 0;padding:14px;border:1px solid #c3d0ba;border-radius:10px;background:var(--soft)}
.inquiry-plan-attachment span,.inquiry-plan-attachment small{font-size:12px;color:var(--muted)}
@media(min-width:1000px) and (hover:hover) and (pointer:fine){.capture-camera-copy>strong,.capture-options>#aiCreate>strong{font-size:14px}}

/* Text-only requests keep the same visual dimensions without fabricated photos. */
.text-plan-visual{display:flex;flex-direction:column;justify-content:center;padding:16px;border:1px solid var(--line);background:var(--soft);text-align:left}
.text-plan-visual>strong{font-size:17px;line-height:1.25}
.text-plan-visual>p{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0 0}
/* V78: compact proposal cards with an always-visible enquiry action. */
dialog.journey-dialog{padding:0 16px 14px;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}
dialog.journey-dialog[open]{display:flex;flex-direction:column}
.journey-dialog .dialog-top{flex:none;min-height:52px;margin-bottom:8px}
.journey-dialog #dialogContent{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1}
.journey-dialog #dialogContent>h2{font-size:23px;line-height:1.15;margin:0 0 12px;flex:none}
.journey-card-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.journey-card-footer{flex:none;padding:12px 0 0;background:var(--surface)}
.journey-card-footer>button{min-height:46px;width:100%;font-size:13px}
.journey-dialog .card-intro{font-size:12px;line-height:1.4;color:var(--muted);margin:0 0 10px}
.journey-tasks .task-list{display:grid;gap:4px;margin:0}
.journey-tasks .task-item{display:flex;align-items:center;gap:9px;padding:7px 9px;margin:0;min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}
.journey-tasks .task-item>strong{font-size:12px;line-height:1.25;font-weight:600;letter-spacing:0}
.journey-tasks .task-item>input{width:18px;height:18px;min-height:18px;padding:0;margin:0;flex:none;accent-color:#365847}
.journey-estimate .estimate-table{font-size:11px;margin:0;width:100%;table-layout:fixed}
.journey-estimate .estimate-table th,.journey-estimate .estimate-table td{padding:7px 3px;line-height:1.25;vertical-align:middle}
.journey-estimate .estimate-table th:first-child{width:61%}
.journey-estimate .estimate-table th:nth-child(2),.journey-estimate .estimate-table td:nth-child(2){width:10%;text-align:center}
.journey-estimate .estimate-table th:last-child,.journey-estimate .estimate-table td:last-child{width:29%;font-size:10px;white-space:normal}
.journey-estimate .estimate-table tfoot th,.journey-estimate .estimate-table tfoot td{font-size:13px;padding-top:10px}
.journey-estimate .estimate-footnote{font-size:10px;margin:9px 0 0}
.journey-estimate .estimate-empty{padding:14px;background:var(--soft);border-radius:10px;font-size:13px;line-height:1.5;margin:0}
.journey-dialog .overview-photos{gap:9px;margin:0 0 12px}
.journey-dialog .overview-photos img,.journey-dialog .comparison-placeholder{width:100%;height:clamp(140px,28dvh,230px);aspect-ratio:auto;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.comparison-placeholder{display:flex;align-items:center;justify-content:center;padding:14px;text-align:center;color:var(--muted);font-size:12px}
.journey-dialog .overview-photos figcaption{font-size:9px;letter-spacing:.2px;line-height:1.35}
.journey-dialog .overview-summary{font-size:13px;line-height:1.5;margin:0 0 8px}
.card-idea{border-top:1px solid var(--line);padding-top:9px;font-size:12px;margin-top:6px}
.card-idea summary{cursor:pointer;font-weight:650}
.card-idea p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.inquiry-selected-work{padding:12px;border:1px solid var(--line);background:var(--soft);border-radius:10px;margin-bottom:16px;font-size:12px}
.inquiry-selected-work ul{margin:7px 0 0;padding-left:19px}
@media(min-width:601px){.journey-tasks .task-item>strong{font-size:13px}.journey-tasks .task-item{padding:8px 10px}.journey-estimate .estimate-table{font-size:12px}}
@media(max-height:700px){.journey-dialog .dialog-top{min-height:46px;margin-bottom:5px}.journey-dialog #dialogContent>h2{font-size:21px;margin-bottom:8px}.journey-tasks .task-item{padding:6px 8px;min-height:31px}.journey-card-footer{padding-top:9px}.journey-dialog .overview-photos img,.journey-dialog .comparison-placeholder{height:150px}}
/* V79: interactive, linked demo estimate with persistent total and action. */
.estimate-demo-note{font-size:11px;line-height:1.4;padding:9px 10px;background:var(--soft);border:1px solid var(--line);border-radius:9px;margin:0 0 11px;color:var(--muted)}
.estimate-config-list{display:grid;gap:7px}
.estimate-config-card{border:1px solid var(--line);border-radius:10px;background:var(--soft);overflow:hidden}
.estimate-config-card.is-selected{border-color:#aabca5;background:var(--surface)}
.estimate-pick{display:flex;align-items:center;gap:9px;padding:9px 10px;min-height:36px;cursor:pointer}
.estimate-pick>input{width:18px;height:18px;min-height:18px;margin:0;padding:0;flex:none;accent-color:#365847}
.estimate-pick>strong{font-size:12px;line-height:1.3;font-weight:650;flex:1}
.estimate-config-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;padding:2px 10px 10px}
.estimate-config-fields label{font-size:11px;line-height:1.35;min-width:0}
.estimate-config-fields input,.estimate-config-fields select{min-height:40px;height:40px;font-size:14px;margin-top:4px;padding:8px;width:100%}
.estimate-config-line{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding:8px 10px}
.estimate-config-line small{font-size:10px;color:var(--muted)}
.estimate-config-line strong{font-size:12px;text-align:right}
.estimate-live-total{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:10px 0 11px;border-top:1px solid var(--line)}
.estimate-live-total>span{font-size:12px;align-self:center}
.estimate-live-total>strong{font-size:20px;line-height:1.15}
.estimate-live-total>small{grid-column:1/-1;font-size:11px;color:var(--muted);line-height:1.35}
.task-selection-summary{font-size:12px;color:var(--muted);margin:10px 0 0}
#tasksToEstimate{margin-bottom:8px;min-height:42px;font-size:13px}
.estimate-free{font-size:10px;font-weight:750;padding:3px 6px;color:#365847;background:#e4eddf;border-radius:6px;white-space:nowrap}
body.dark .estimate-free{background:#35432f;color:#d8e8ce}
.estimate-free-description{grid-column:1/-1;font-size:12px;margin:0;color:var(--muted)}
.journey-tasks .task-item>strong{flex:1}
.bottom-nav .nav-inner button{font-size:12px;font-weight:700}
.bottom-nav .nav-inner button>span:last-child{font-size:12px;font-weight:700}
.bottom-nav .nav-symbol{font-size:17px;font-weight:800}
@media(min-width:601px){.estimate-pick>strong{font-size:13px}.estimate-config-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}

body.brief-editing,body.brief-restoring{overflow:hidden}
body.brief-editing .step-actions,body.brief-editing .bottom-nav,body.brief-restoring .step-actions,body.brief-restoring .bottom-nav{visibility:hidden;pointer-events:none}
dialog.brief-editor{position:fixed;inset:auto;top:var(--editor-top,10px);left:50%;transform:translateX(-50%);margin:0;width:calc(100% - 24px);max-width:700px;height:var(--editor-height,calc(100dvh - 20px));max-height:var(--editor-height,calc(100dvh - 20px));padding:0 16px 14px;overflow:hidden}
dialog.brief-editor[open]{display:flex;flex-direction:column}
.brief-editor .dialog-top{flex:none;min-height:48px;margin-bottom:8px}
.brief-editor #dialogContent{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}
.brief-editor #dialogTitle{font-size:23px;flex:none;margin:0 0 10px}
#briefEditorForm{display:flex;flex-direction:column;min-height:0;flex:1}
.brief-editor-help{font-size:12px;line-height:1.45;color:var(--muted);margin:0 0 11px;flex:none}
#briefEditorText{display:block;flex:1;min-height:60px;height:auto;width:100%;margin:0;resize:none;font-size:16px;line-height:1.55;padding:12px;overflow-y:auto;overscroll-behavior:contain}
.brief-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;flex:none;background:var(--surface)}
.brief-editor-footer>span{font-size:11px;color:var(--muted)}
.brief-editor-footer>button{min-width:150px;min-height:44px;font-size:13px}
.editor-sr-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.brief-editor.compact-editor .dialog-top{min-height:40px;margin-bottom:4px}
.brief-editor.compact-editor #dialogTitle{font-size:20px;margin-bottom:7px}
.brief-editor.compact-editor .brief-editor-help{display:none}
.brief-editor.compact-editor .brief-editor-footer{padding-top:8px}
.brief-editor.compact-editor .brief-editor-footer>button{min-height:40px}
html:has(body.brief-editing),html:has(body.brief-restoring){overflow:hidden;overscroll-behavior:none}

.brief-editor-footer{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.brief-editor-footer>span{grid-column:1/-1}.brief-editor-footer>button{width:100%;min-width:0}

:root{--bg:#f2ede7;--soft:#f6f0e8;--ink:#44362c;--muted:#887768;--line:#e1d5c8;--accent:#a67a50}
body.dark{--bg:#211c18;--surface:#302720;--soft:#3a3028;--ink:#f4ece3;--muted:#c1ad98;--line:#584738;--accent:#d6ae7c}
.capture-options>.file-button.capture-camera,.capture-options>#aiCreate{background:#eaddcb;color:#63462d;border-color:#d3bda0}
body.dark .capture-options>.file-button.capture-camera,body.dark .capture-options>#aiCreate{background:#514030;color:#f2dfc7;border-color:#80654c}
.step-actions .primary{background:#795335;color:#fff;border-color:#795335}
.nav-inner button{color:var(--ink);font-size:12px;font-weight:750;opacity:1}
.nav-inner button.active{background:#ead9c5;color:#50351f;box-shadow:inset 0 0 0 2px #9b6743}
body.dark .nav-inner button.active{background:#56412d;color:#fff0dc;box-shadow:inset 0 0 0 2px #d6ae7c}
.nav-symbol{font-size:18px;font-weight:800}.nav-symbol svg{width:20px;height:20px;vertical-align:middle}
.idea-editor-preview{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex:1;width:100%;min-height:95px;background:var(--surface);text-align:left;font-size:14px;font-weight:400;padding:12px}
.idea-editor-preview>span{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.brief-editor-footer .primary{background:#795335;color:white;border-color:#795335}
#quotePlanPDF,.pdf-actions>#quotePlanPDF{background:#795335;border-color:#795335;color:#fff}
input[type="checkbox"]{accent-color:#795335}
.capture-options>.file-button.capture-camera:hover,.capture-options>#aiCreate:hover{background:#dfceb7;border-color:#b99a77}

/* Clear photo actions: use the space released by the daily-limit note. */
.capture-card .capture-options>.capture-choice{min-height:64px;padding:10px;gap:9px;flex-direction:row;align-items:center;text-align:left}
.capture-card .capture-options>.capture-choice>svg{width:26px;height:26px;flex:0 0 26px;stroke-width:1.9}
.capture-options .capture-camera-copy{display:block;min-width:0}
.capture-card .capture-options .capture-camera-copy>strong{font-size:16px;line-height:1.2;font-weight:750}
.capture-card .capture-options .capture-camera-copy>small{font-size:10px;line-height:1.25;margin-top:3px;font-weight:450;color:var(--muted)}
@media(max-width:360px){.capture-card .capture-options>.capture-choice{padding:9px 7px;gap:6px}.capture-card .capture-options>.capture-choice>svg{width:23px;height:23px;flex-basis:23px}.capture-card .capture-options .capture-camera-copy>strong{font-size:14px}.capture-card .capture-options .capture-camera-copy>small{font-size:9px}}