:root{--ink:#253d37;--muted:#76827d;--green:#34584c;--line:#dce1d9;--paper:#fafbf8;--orange:#b3673c}*{box-sizing:border-box}body{margin:0;background:#f3f4ef;color:var(--ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,'Hiragino Sans','Yu Gothic',sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 13px;cursor:pointer;transition:background .15s}button:hover{background:#edf2eb}button:disabled{opacity:.4;cursor:default}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#254438}.primary span{margin-left:18px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a07547;outline-offset:3px}input,select,textarea{border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:5px;min-width:0;width:100%}textarea{resize:vertical;min-height:82px}input[type=checkbox]{width:auto;accent-color:var(--green)}input[type=range]{padding:0;accent-color:var(--green)}[hidden]{display:none!important}.app-header{height:88px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;font-size:20px;letter-spacing:.1em;font-weight:650;white-space:nowrap}.brand i{font-weight:300;color:#9ba69d}.brand small{display:block;font-size:10px;letter-spacing:.07em;font-weight:400;margin-top:1px;color:var(--muted)}.brand-mark{font:44px/1 Georgia;border:1px solid #b6c1b6;border-radius:12px;width:48px;height:48px;text-align:center;background:#f4f6f0}.header-actions{display:flex;gap:9px;align-items:center}.header-actions>span{font-size:11px;color:var(--muted);margin-right:12px}.workflow{height:49px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;font-size:11px;letter-spacing:.035em;color:#737e73}.workflow b{font:11px ui-monospace,monospace;color:var(--green);margin-right:5px}.workflow span{margin:0 16px;color:#bdc5b9}.text-button{border:0;background:transparent;padding:4px}.workspace{display:grid;grid-template-columns:76px minmax(0,1fr) 318px;min-height:550px;height:calc(100dvh - 137px);border-top:1px solid var(--line)}.tool-rail{background:#fff;display:flex;flex-direction:column;gap:5px;padding:16px 9px;border-right:1px solid var(--line)}.tool-rail button{border:0;background:transparent;padding:7px 1px;font-size:10px;line-height:1.4;min-height:57px}.tool-rail button>span{display:block;font-size:24px;line-height:1.3;margin-bottom:2px}.tool-rail button.active{background:#e7eee3;color:#2b503f}.rail-line{height:1px;background:var(--line);margin:6px}.drawing-area{display:flex;min-width:0;flex-direction:column;position:relative;background:#fafbf8}.canvas-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:10px 23px;gap:10px}.canvas-top>input{max-width:300px;border:0;background:transparent;font-weight:550;font-size:14px;padding-left:0}.canvas-top>div{display:flex;gap:5px}.canvas-top button{padding:4px 10px;font-size:12px;background:#fafbf8}#canvasWrap{position:relative;flex:1;min-height:300px;overflow:hidden}#canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;user-select:none;background:#fafbf8;cursor:default}.welcome{position:absolute;left:11%;top:17%;pointer-events:none}.welcome>*{pointer-events:auto}.welcome-kicker{font:10px ui-monospace,monospace;letter-spacing:.19em;color:#818e7a}.welcome h1{font-size:clamp(30px,3vw,46px);font-weight:500;letter-spacing:.05em;line-height:1.55;margin:18px 0}.welcome p{color:var(--muted);font-size:14px;margin:0 0 26px}.welcome>div:last-of-type{display:flex;gap:8px;flex-wrap:wrap}.welcome small{display:block;font-size:10px;color:#8a9487;margin-top:14px}.canvas-bottom{min-height:47px;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:9px 20px;border-top:1px solid var(--line);background:#fff;font-size:10px}.canvas-bottom>div{display:flex;align-items:center;gap:7px;white-space:nowrap}.canvas-bottom button{padding:2px 7px;font-size:12px}.snap{display:flex;align-items:center;gap:3px;margin-right:10px}#hint{color:#6d7b70;line-height:1.4;max-width:500px}#liveReadout{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);background:#253d37;color:white;border-radius:6px;padding:8px 16px;box-shadow:0 3px 15px #253d3718;font:13px/1.6 ui-monospace,monospace;pointer-events:none;white-space:nowrap}#liveReadout:empty{display:none}.sidebar{background:white;border-left:1px solid var(--line);overflow-y:auto;min-width:0}.side-tabs{display:flex;gap:5px;padding:13px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.side-tabs button{flex:1;font-size:11px;padding:7px;border:0;color:var(--muted)}.side-tabs button.active{background:#eaf0e6;color:var(--ink)}.side-content{padding:18px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;gap:8px}.section-heading h2{font-size:12px;font-weight:650;margin:0}.section-heading>span{font-size:11px;color:var(--muted)}.section-heading button{font-size:10px;padding:3px 7px}.field{display:block;font-size:11px;color:#6d7b70;margin:0 0 13px}.field>input,.field>select,.field>textarea{display:block;margin-top:5px;font-size:12px;color:var(--ink)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.muted{color:var(--muted);font-size:11px;line-height:1.8}.note{background:#f2f5ed;border-left:2px solid #a4b498;padding:11px 12px;font-size:10px;color:#6c7a67;margin:10px 0}.wide{width:100%;font-size:11px;margin-bottom:10px}.small-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.small-buttons button{font-size:10px;padding:5px 8px}#spacePanel{padding-bottom:18px;margin-bottom:19px;border-bottom:1px solid var(--line)}#selectionPanel:not(:empty){padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid var(--line)}.object-row{display:flex;width:100%;align-items:center;gap:10px;text-align:left;padding:10px 8px;border:1px solid transparent;background:transparent;border-radius:5px}.object-row.active{border-color:#bcccb7;background:#f0f4eb}.object-row .number{background:#e6ece1;color:#49613f;border-radius:4px;font:12px ui-monospace,monospace;padding:6px 8px}.object-row .row-label{flex:1;min-width:0;overflow:hidden}.object-row b{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-row small{font-size:10px;color:var(--muted)}.object-row .photo-dot{font-size:10px;color:#87997b}.photo-preview{width:100%;height:120px;object-fit:contain;border:1px solid var(--line);background:#f6f7f4;margin:4px 0 8px}.empty-list{font-size:11px;color:#889080;padding:12px 0 20px}.danger{color:#a04935}.distance-row{font-size:11px;display:flex;align-items:center;gap:5px;margin:7px 0;color:#8a653b}.distance-row span{flex:1}.distance-row button{font-size:11px;padding:0 6px;border:0;background:transparent}#distancePanel:not(:empty){margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.restore-gaps{font-size:10px;border:0;background:transparent;padding:0;text-decoration:underline}dialog{border:1px solid var(--line);border-radius:14px;padding:32px;width:min(580px,calc(100vw - 32px));max-height:90dvh;color:var(--ink);box-shadow:0 25px 80px #20362b2b}dialog::backdrop{background:#253d3759;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:12px;right:13px;border:0;background:transparent;font-size:23px;padding:0 6px}dialog h2{font-size:24px;font-weight:500;margin:0 0 8px}dialog p{font-size:12px;color:#6d7b70}dialog .actions{display:flex;gap:10px;margin-top:22px;justify-content:flex-end}.dialog-large{width:min(1000px,calc(100vw - 32px))}.export-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.export-grid textarea{height:340px;font-size:11px;line-height:1.7}.export-preview{width:100%;background:#fafbf8;border:1px solid var(--line);border-radius:7px}.export-list{font-size:11px;color:#76816f;padding-left:17px}.export-grid .primary{width:100%;margin:8px 0}.export-grid h3{font-size:12px;font-weight:600}.export-grid button{font-size:12px}.check-item{font-size:11px;margin:4px 0;color:#879175}.check-item.missing{color:#a9683d}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:90vw;background:#253d37;color:#fff;box-shadow:0 4px 20px #0002;padding:11px 20px;border-radius:8px;font-size:12px;z-index:10;pointer-events:none;opacity:0;transition:opacity .2s}#toast.show{opacity:1}.tag{font:9px ui-monospace,monospace;letter-spacing:.14em;color:#889576;display:block;margin-bottom:5px}.instructions{padding-left:22px;font-size:13px}.instructions li{margin:12px 0}.help-key{font-size:11px;background:#f3f5ef;padding:12px;border-radius:6px}.measure-list{font-size:11px;color:#808a7c}.form-error{font-size:12px;color:#a43a2b;min-height:20px}.no-print{display:block}
@media(min-width:1650px){.workspace{grid-template-columns:86px minmax(0,1fr) 350px}.app-header{padding-inline:40px}.side-content{padding:22px}}
@media(max-width:1000px){.workspace{grid-template-columns:64px minmax(0,1fr) 275px}.header-actions>span{display:none}.app-header{padding:0 18px}.brand{font-size:17px}.canvas-bottom{flex-wrap:wrap}.welcome{left:7%;top:12%}.welcome h1{font-size:29px}.welcome>div:last-of-type{flex-direction:column;align-items:flex-start}.canvas-top{padding:10px}.canvas-top input{max-width:180px}}
@media(max-width:760px){.app-header{height:auto;min-height:78px;padding:12px;flex-wrap:wrap;gap:12px}.brand small{font-size:9px}.brand-mark{width:35px;height:35px;font-size:32px;border-radius:9px}.header-actions{margin-left:auto}.header-actions button{font-size:11px;padding:6px 9px}.workflow{padding:0 12px;height:42px}.workflow>div{font-size:9px}.workflow span{margin:0 3px}.workflow .text-button{font-size:10px}.workspace{grid-template-columns:52px minmax(0,1fr);height:auto;min-height:0}.drawing-area{height:62dvh;min-height:430px}.tool-rail{padding:10px 3px}.tool-rail button{font-size:9px;min-height:49px}.tool-rail button>span{font-size:21px}.sidebar{grid-column:1/-1;border-top:1px solid var(--line);border-left:0;overflow:visible}.side-content{max-width:580px;margin:auto}.canvas-top>input{max-width:110px;font-size:12px}.canvas-top button{font-size:10px;padding:3px 6px}.welcome{top:8%;left:8%}.welcome h1{font-size:27px;margin:12px 0}.welcome p{font-size:12px;margin-bottom:17px}.welcome-kicker{font-size:8px}.welcome button{font-size:11px}.welcome small{font-size:9px;max-width:230px}.canvas-bottom{padding:7px 9px;gap:6px}.canvas-bottom>span{width:100%;font-size:9px}.snap{margin-right:4px}.export-grid{grid-template-columns:1fr}dialog{padding:25px 20px}.workflow b{font-size:9px}}
.ratio-lock{display:flex;align-items:center;gap:6px;font-size:11px;color:#6d7b70;margin:0 0 18px}
.rotation-handle{cursor:grab}.rotation-handle:active{cursor:grabbing}.dimension-label,.dimension-line{cursor:pointer}.selection-handles>line{pointer-events:none}.dimension-label:hover rect{stroke:#2563a0}.transform-hint{font-size:11px;background:#eef5fa;padding:10px 12px;border-radius:5px;color:#3f647d}.dimension-choice{padding:12px;background:#eef5fa;border-radius:6px}.dimension-choice b,.dimension-choice strong,.dimension-choice small{display:block}.dimension-choice b{font-size:12px}.dimension-choice strong{font-size:22px;margin:8px 0}.dimension-choice small{font-size:10px;margin-top:9px;color:#678091}#canvas:focus{outline:none}

.scene-references{border:1px solid var(--line);border-radius:9px;padding:13px;margin:18px 0 22px;background:#fafbf8}.scene-references .section-heading{margin-bottom:5px}.scene-references .wide{margin-bottom:4px}#scenePhotoStatus:empty{display:none}.scene-photo{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin:12px 0}.scene-photo img{display:block;width:100%;height:135px;object-fit:contain;background:#eef1eb}.scene-photo-body{padding:10px}.scene-photo-heading{display:flex;gap:8px;align-items:center;margin-bottom:8px}.scene-photo-heading span{font-size:10px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-photo-heading button{font-size:10px;padding:3px 7px}.scene-photo .field{margin:0}.scene-photo textarea{min-height:62px}#exhibitionHint{margin-top:-3px;margin-bottom:16px}
.workflow nav,.workflow-actions,.stage-actions{display:flex;align-items:center;gap:6px}.workflow nav button{background:transparent;border-color:transparent;font-size:12px;padding:5px 8px}.workflow nav button.active{background:#e4ece1;color:#244e39}.workflow nav button:disabled{color:#888f87}.workflow nav span{margin:0 3px}.tool-group,.shape-tabs{display:flex;flex-direction:column}.tool-group h2,.tool-group small{font-size:10px;text-align:center;color:#69796b}.tool-rail{overflow:auto}.tool-group h2{margin:4px 0}.stage-guide{padding:9px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f2f6ef}.stage-guide strong{font-size:13px}.stage-guide p{margin:0;font-size:11px;color:#506555}.stage-actions{flex-shrink:0}.stage-actions button{font-size:11px}.name-hint{display:block;margin:-5px 0 12px;color:#516951}#canvas [data-name-object]{cursor:move}.tool-group small{font-size:9px}
@media(min-width:761px){.workspace{grid-template-columns:104px minmax(0,1fr) clamp(275px,21vw,350px)}}
@media(max-width:760px){.workflow{height:auto;min-height:50px;gap:3px;flex-wrap:wrap}.workflow nav button{font-size:10px;padding:3px}.workflow nav span{margin:0}.workflow nav{gap:1px}.workflow-actions{margin-left:auto}.stage-guide{flex-wrap:wrap;padding:5px 8px;gap:3px}.tool-group small{display:none}.tool-rail{max-height:max(62dvh,430px)}}

#drawExample{margin:0 0 18px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fafbf8}
#drawExample figcaption{font-size:13px;font-weight:600}
#drawExample small{margin-left:.5em;color:var(--muted);font-weight:400}
#drawExample svg{display:block;width:min(100%,235px);margin:10px auto 0}
#drawExample p{font-size:12px;color:#506555;margin:6px 0 0}
.welcome{right:6%}
@media(max-width:760px){.welcome h1{font-size:22px}.welcome p{margin-bottom:10px}.welcome small{margin-top:8px}.stage-actions{flex-wrap:wrap}}

#gridCaption{position:absolute;bottom:8px;left:10px;z-index:1;pointer-events:none;background:#fff;color:#3d5849;border:1px solid #d5ded3;border-radius:5px;padding:4px 8px;font-size:12px;font-variant-numeric:tabular-nums}
#zoomValue{white-space:nowrap;width:auto;font-size:12px}
.tour-choices{margin:20px 0}
.tour-choices dt{font-weight:700;color:#304c3c;margin-top:14px}
.tour-choices dd{margin:4px 0 0;line-height:1.65}
.start-tour h2:focus{outline:none}
.start-tour p,.start-tour dd{font-size:14px}
.tour-footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;border-top:1px solid #dce2da;padding:15px 0 9px;margin-top:20px}
.tour-footer div{display:flex;gap:6px}
.start-tour small{display:block;color:#5d6c62}

.workspace.is-starting{grid-template-columns:minmax(0,1fr)}
.workspace.is-starting :is(.tool-rail,.sidebar,.canvas-top,.canvas-bottom,#gridCaption){display:none}
.workspace.is-starting .drawing-area{display:flex;flex-direction:column;height:auto;min-height:0}
.workspace.is-starting #canvasWrap{flex:1;min-height:0}
#welcome{inset:0;display:grid;place-items:safe center;overflow:auto;padding:clamp(16px,4vw,48px);pointer-events:auto;background:#f2f4ef}
.start-card{box-sizing:border-box;width:min(100%,520px);padding:clamp(20px,4vw,40px);background:#fff;border:1px solid var(--line);border-radius:14px}
.start-card h1{font-size:clamp(24px,3vw,34px);line-height:1.3;margin:12px 0}
.start-card p{margin:0 0 4px;line-height:1.7}
#quickSpace{margin:20px 0 14px}
.size-pair{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px}
.size-pair label{flex:1;min-width:0;font-size:13px}
.size-pair input{display:block;width:100%;margin-top:5px;font:inherit;font-size:18px}
.size-pair span{align-self:center;color:var(--muted)}
.alt-start{display:flex;flex-wrap:wrap;gap:8px}
#resumeBox{display:grid;gap:6px;justify-items:start;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}
#resumeName{font-size:13px}
#resumeBox small{max-width:none;margin:0}
#openSavedProject{margin-top:20px}
@media(max-width:760px){.workspace.is-starting{height:calc(100dvh - 110px);min-height:360px}.workspace.is-starting .drawing-area{min-height:0}#welcome{padding:12px}.start-card button{font-size:13px}}

.unit-input{display:flex;align-items:baseline;gap:.45em;min-width:0;width:100%}
.unit-input input{flex:1;min-width:0;width:0}
.unit-symbol{flex:none;font-size:.9rem;font-weight:600;color:var(--ink)}

#cameraSettings { margin: 1.2rem 0; }
.camera-row { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .65rem 0; border-bottom: 1px solid #dce2dc; }
.camera-row label { margin-left: auto; }
.camera-row input { width: 4.5rem; }
.camera-row div { flex-basis: 100%; }

.alignment-tools{display:grid;gap:8px;margin:12px 0;padding:12px;border:1px solid #cdd6cd;border-radius:8px;background:#f5f8f4}
.alignment-tools label{display:grid;gap:4px}
.alignment-tools>div{display:flex;gap:5px;flex-wrap:wrap}
.alignment-tools small{color:#526257;line-height:1.5}

#distanceHelp:not([hidden]){display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding:6px 16px;background:#f4f7f3;color:#334f45;font-size:13px;border-bottom:1px solid #d9e0d8}
#distanceHelp button{padding:4px 10px;font-size:12px}

#spaceStartCard[hidden],#introCard[hidden]{display:none}
.intro-card{width:min(100%,680px)}
.intro-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.intro-footer .provider-credit{margin-left:auto;color:#53635d;font-size:12px;white-space:nowrap}
.intro-by{display:block;letter-spacing:.12em;color:var(--muted)}
#introCopy{margin:20px 0}
#introCopy p{max-width:none;color:var(--ink)}
#introCopy h3{font-size:15px;margin:14px 0 2px}
#introCopy .intro-lead{font-weight:700;margin-bottom:8px}
#quickSpace>label{display:grid;gap:4px;margin-bottom:12px}
.brief-export > h2 { margin: 3px 0 18px; font-size: clamp(21px, 3vw, 28px); font-weight: 700; }
.brief-handoff { padding: 18px clamp(14px, 3vw, 24px); border-radius: 10px; background: #23473c; color: #fff; }
.brief-handoff h3 { margin: 0 0 10px; color: #d1e7cb; font-size: 14px; }
.handoff-steps { margin: 0; padding: 0; list-style: none; counter-reset: handoff; }
.handoff-steps li { counter-increment: handoff; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px 12px; padding: 6px 0; line-height: 1.55; font-size: 16px; }
.handoff-steps li + li { border-top: 1px solid #527266; margin-top: 7px; padding-top: 13px; grid-template-columns: auto 1fr; }
.handoff-steps li::before { content: counter(handoff); display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #a1bbae; border-radius: 50%; font: 600 14px system-ui, sans-serif; }
.handoff-steps strong span { color: #fbe494; }
.brief-handoff button { background: #f5f8ed; border-color: transparent; color: #18382f; font-size: 14px; font-weight: 700; padding: 10px 15px; }
.brief-handoff button:hover { background: #e1edcc; }
.brief-handoff button:focus-visible { outline: 3px solid #ffdb73; outline-offset: 3px; }
.brief-export .export-grid { margin-top: 22px; }
.brief-export .export-grid > section { min-width: 0; }
.brief-export .export-grid h3 { margin: 0 0 8px; font-size: 16px; color: #243e33; }
.brief-export .export-caption { margin: 0 0 8px; }
.export-footnote { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--line); color: #49594f; font-size: 13px; }
.export-footnote p { margin: 3px 0; color: inherit; line-height: 1.6; }
@media (max-width: 650px) {
  .brief-export > h2 { margin-bottom: 12px; }
  .handoff-steps li { grid-template-columns: auto 1fr; align-items: start; font-size: 15px; }
  .brief-handoff button { grid-column: 2; justify-self: start; max-width: 100%; }
}
.brief-notes { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line); }
.brief-notes h3 { margin: 0 0 14px; color: var(--ink); font-size: 16px; font-weight: 700; line-height: 1.5; }

/* Keep the steps legible and give help a separate place from starting over. */
.workflow {
  min-height: 76px;
  height: auto;
  box-sizing: border-box;
  padding: 10px clamp(14px, 2vw, 32px);
  gap: 18px;
}
.workflow nav { gap: 8px; }
.workflow nav button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 6px 13px;
  border: 1px solid #acb8ad;
  border-radius: 9px;
  background: #fff;
  color: #344a40;
  font-size: clamp(15px, 1.15vw, 18px);
  font-weight: 650;
  line-height: 1.3;
}
.workflow nav b {
  display: inline-grid;
  place-items: center;
  flex: none;
  min-width: 27px;
  height: 27px;
  margin: 0;
  border-radius: 50%;
  background: #e6ece5;
  color: #365349;
  font: 600 13px/1 ui-monospace, monospace;
}
.workflow nav button:disabled { opacity: 1; color: #58645b; background: #f2f4ef; border-color: #d7ded5; }
.workflow nav button.active { background: #294f42; border-color: #294f42; color: #fff; }
.workflow nav button.active b { background: #fff; color: #294f42; }
.workflow nav > span { margin: 0; color: #65776c; font-size: 17px; }
.workflow-actions { gap: 12px; }
.workflow-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  padding: 6px 11px;
  font-size: 15px;
  white-space: nowrap;
}
.workflow-actions #helpBtn { border: 1px solid #95a89b; border-radius: 8px; background: #fff; color: #284c3f; font-weight: 700; }
.workflow-actions #helpBtn i { display: inline-grid; place-items: center; width: 18px; height: 18px; border: 1px solid currentColor; border-radius: 50%; font: 700 13px/1 sans-serif; }
.workflow-actions #resetProject { color: #566159; }
.workflow button:focus-visible { outline: 3px solid #267155; outline-offset: 2px; }
@media (min-width: 761px) { .workspace { height: calc(100dvh - 164px); } }
@media (max-width: 1050px) {
  .workflow { padding-inline: 12px; gap: 8px; }
  .workflow nav { gap: 4px; }
  .workflow nav button { gap: 6px; padding-inline: 8px; }
  .workflow-actions { gap: 3px; }
}
@media (max-width: 760px) {
  .workflow { flex-direction: column; align-items: stretch; min-height: 0; padding: 7px 10px; gap: 3px; }
  .workflow nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
  .workflow nav > span { display: none; }
  .workflow nav button { flex-direction: column; gap: 3px; padding: 5px 2px; font-size: 13px; }
  .workflow nav b { min-width: 22px; height: 22px; font-size: 11px; }
  .workflow-actions { justify-content: flex-end; gap: 10px; }
  .workflow-actions button { font-size: 14px; }
  .workspace.is-starting { height: auto; min-height: calc(100dvh - 185px); }
}

/* Approved horizontal lockup and main message. */
.brand {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}
.brand img.brand-lockup {display:block;width:200px;height:auto;max-height:none}
.brand .brand-copy {font-size:12px;line-height:1.35;font-weight:700;letter-spacing:.025em}
#introTitle .brand-lockup,.about-brand .brand-lockup {width:min(270px,85%);height:auto;display:block}
#introCopy .intro-lead,.dialog .intro-lead,.modal .intro-lead {font-weight:750}

#selectionTools {border:1px solid var(--line);padding:12px;border-radius:8px;margin:0 0 16px;background:#f5f8f3}
#selectionTools h3 {font-size:15px;margin:0}
#selectionTools small {color:#41614e;white-space:nowrap}
#selectionTools p {font-size:12px;margin:5px 0 10px}
#selectionTools .small-buttons {margin:0;flex-wrap:wrap}
#boundaryChoices button {display:grid;place-items:center;width:100%;margin:2px 0;padding:3px;color:var(--ink)}
#boundaryChoices button>* {grid-area:1/1;pointer-events:none}
#boundaryChoices svg {display:block;width:100%;max-width:62px;height:auto;fill:none;stroke:currentColor}
#boundaryChoices .edge-outline {stroke-width:1.4;stroke-dasharray:3 2.5}
#boundaryChoices .edge-emphasis {stroke-width:4.4;stroke-linecap:square}
#boundaryChoices button b {font-size:12px;font-weight:700}
#boundaryChoices button:hover {background:#e7eee3}
#boundaryChoices button[aria-pressed="true"] {background:#315648;color:white}
#startFromPlan {margin-top:12px}
#startFromPlanHint {display:block;margin:6px 0 0;max-width:none;font-size:12px;line-height:1.65;color:#53675c}
#traceBackground {padding:12px;border:1px solid var(--line);border-radius:8px;margin-bottom:12px}
#traceBackground p {margin:4px 0 9px;font-size:12px}
.scene-drop-zone {display:grid;justify-items:center;gap:3px;text-align:center;border:2px dashed #8a9e8e;border-radius:8px;background:#f2f6f1;padding:18px 7px;margin:12px 0 8px}
.scene-drop-zone strong {font-size:15px;color:#294c3f}
.scene-drop-zone span {font-size:12px;color:#53675c}
.scene-drop-zone button {margin-top:6px;padding:5px 12px}
.scene-references.drop-active .scene-drop-zone, .product-photo-drop.drop-active {background:#deeddf;border-color:#2f654b;border-style:solid}

.canvas-top>input {min-width:0}
#saveLayoutPng {white-space:nowrap;color:var(--green);font-weight:600}

.stage-guide {align-items:flex-start}
.stage-actions {margin-inline-start:auto;justify-content:flex-end}
.stage-next {min-width:15em;font-weight:650}
@media (max-width:760px) {
  .stage-guide .stage-actions {order:-1;width:100%}
}

@media (max-width:760px) {
  .canvas-top {flex:none;height:44px}
}

.project-file-actions{display:flex;flex-direction:column;align-items:flex-end;gap:3px;max-width:235px}.project-file-actions>div{display:flex;gap:7px}#projectSharingHint{font-size:9px;line-height:1.4;color:#59675d;text-align:right}.project-sharing-note{background:#f1f4ee;padding:12px 14px;border-radius:7px;font-size:12px;line-height:1.8}
.language-switch{display:inline-flex;gap:0;padding:0;flex-shrink:0;align-items:center}
.language-switch button{padding:5px 7px;min-width:30px;min-height:28px;border:0;background:transparent;color:#626a60;font-size:11px;font-weight:400;box-shadow:none}
.language-switch button+button{border-left:1px solid #d9ddd5;border-radius:0}
.language-switch button.active{background:transparent;color:#343d32;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.language-switch button:hover{background:#eef0eb}
.language-switch button:focus-visible{outline:2px solid #52694b;outline-offset:2px}
html[lang="en"] .tool-rail button{font-size:11px;line-height:1.35;overflow-wrap:break-word}
html[lang="en"] .workflow nav button{white-space:normal;line-height:1.35}
html[lang="en"] .stage-actions{flex-wrap:wrap;justify-content:flex-end}
html[lang="en"] .stage-next{white-space:normal}
html[lang="en"] .brand-copy{max-width:290px;font-size:12px}
@media(max-width:1150px){html[lang="en"] .brand-copy{display:none}}

#translateInputs{font-size:11px;padding:7px 9px}.translation-control{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}#translationLimit{font-size:9px;color:#59675d;white-space:nowrap}#translationCredit{background:#fafbf8;text-align:right;padding:3px 12px}#translationCredit[hidden]{display:none}#translationCredit img{display:inline-block;max-width:208px;height:auto}html[lang="en"] .header-actions{gap:6px}@media(max-width:760px){#translateInputs{font-size:10px}}

.front-controls{margin:16px 0;padding:14px 0;border-top:1px solid #dbe2d8;border-bottom:1px solid #dbe2d8}.front-controls h3{font-size:13px;margin:0 0 10px}.front-controls .small-buttons{display:flex;flex-wrap:wrap;gap:6px}