.editor-film{margin-top:26px;background:#173b31;scroll-margin-top:110px}
.editor-film-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-right:28px}
.editor-film-heading>a{display:flex;gap:8px;align-items:center;color:#d5f99c;font-size:12px;white-space:nowrap}
.editor-film .film-intro{padding-bottom:24px}
.editor-stage{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0;margin:0 24px;border:1px solid #54745d;border-radius:12px;overflow:hidden;background:#f7f9f0}
.editor-stage-canvas{display:flex;min-width:0;flex-direction:column;justify-content:space-between;background:#f8faf3}
.showcase-toolbar{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #dde6d6;color:#365344;font-size:9px;letter-spacing:.7px;flex-wrap:wrap}
.showcase-toolbar>span:first-child{display:flex;align-items:center;gap:7px;margin-right:auto}.showcase-toolbar .icon{width:16px;height:16px}
.showcase-tool{font-size:10px;letter-spacing:0}.showcase-tool b{font-size:8px;background:#dceacb;padding:3px 4px;color:#315935;border-radius:3px;margin-left:3px}
.showcase-plan{display:block;width:100%;min-height:260px;flex:1;font-family:inherit}
.showcase-status{display:flex;align-items:center;gap:7px;border-top:1px solid #dde6d6;padding:13px 18px;color:#405f49;font-size:10px;min-height:51px}
.showcase-synthetic{margin-left:auto;font-size:8px;letter-spacing:.7px;white-space:nowrap;color:#687c63}
.showcase-inspector{background:#254a3d;padding:24px;color:#e9f2dc;border-left:1px solid #54745d}
.showcase-inspector-header{display:flex;gap:8px;align-items:center;color:#b2c9a9;font-size:9px;letter-spacing:1px;padding-bottom:20px;border-bottom:1px solid #52715b;margin-bottom:22px}
.showcase-inspector-header .icon{width:16px;height:16px}.showcase-kicker{font-size:9px;letter-spacing:1.7px;color:#cae6a7}
.showcase-scene h4{font-size:23px;line-height:1.15;letter-spacing:-.5px;margin:11px 0 15px;font-weight:600;color:#f1f8e8}
.showcase-scene p{font-size:12px;line-height:1.75;color:#cfddc7;margin:0 0 18px}
.showcase-scene>small{display:block;font-size:10px;line-height:1.6;color:#bacbb1;margin-top:17px}
.showcase-decision{display:block;color:#e4f1c7;border:1px solid #6c8c5b;padding:10px;font-size:11px;border-radius:5px}.showcase-decision>span{color:#a7bea2;padding:0 7px;font-size:10px}
.gap-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.gap-comparison small{font-size:8px;letter-spacing:.7px;color:#c6d7bb}.gap-comparison svg{display:block;width:100%;margin-top:6px;background:#193d32;border-radius:5px}
.showcase-check{display:flex;align-items:center;gap:9px;color:#d4efb2;font-size:12px;padding:12px 0;border-bottom:1px solid #507157}.showcase-check .icon{width:17px;height:17px}
.showcase-measures{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0;padding:15px 12px;border-radius:8px;background:#d0e5af;color:#254532}.showcase-measures span{display:block;font-size:10px}.showcase-measures small{display:block;font-size:10px;color:#5b7051;margin-top:8px}.showcase-measures strong{display:block;font-size:27px;font-weight:600;line-height:1.4}
.showcase-field{margin:13px 0}.showcase-field>span{display:block;font-size:10px;color:#bfd1b6;margin-bottom:6px}.showcase-field>strong{display:block;background:#f5f8ef;border:1px solid #b8cca6;border-radius:5px;color:#284d38;padding:10px;font-size:12px;font-weight:500}.showcase-field strong span{float:right}
.scene-export pre{margin:16px 0;padding:14px 10px;border:1px solid #4b7058;border-radius:7px;background:#16382b;overflow:auto;font:11px/1.9 Consolas,monospace;color:#d7edbf}
.editor-film .film-steps{grid-template-columns:repeat(5,minmax(0,1fr))}
.showcase-scene,.scene-note,.repair-focus,.snap-guides,.snap-node,.shared-handles,.shared-direction,.showcase-room-labels{display:none}
.editor-film[data-step="0"] .scene-repair,.editor-film[data-step="0"] .note-repair,.editor-film[data-step="0"] .repair-focus,
.editor-film[data-step="1"] .scene-snap,.editor-film[data-step="1"] .note-snap,.editor-film[data-step="1"] .snap-guides,.editor-film[data-step="1"] .snap-node,
.editor-film[data-step="2"] .scene-shared,.editor-film[data-step="2"] .note-shared,.editor-film[data-step="2"] .shared-handles,.editor-film[data-step="2"] .shared-direction,
.editor-film[data-step="3"] .scene-rooms,.editor-film[data-step="3"] .note-rooms,.editor-film[data-step="3"] .showcase-room-labels,
.editor-film[data-step="4"] .scene-export,.editor-film[data-step="4"] .note-export,.editor-film[data-step="4"] .showcase-room-labels{display:block}
.editor-film[data-step="0"] .repair-bridge{animation:repair-join 4.4s ease both}.editor-film[data-step="0"] .repair-focus circle{animation:repair-pulse 2.2s ease-in-out infinite}
.editor-film[data-step="1"] .snap-node{animation:room-snap 3.2s cubic-bezier(.2,.7,.2,1) both}
.room-a-fill{transform-origin:60px 80px}.room-b-fill{transform-origin:540px 80px}
.editor-film:is([data-step="2"],[data-step="3"],[data-step="4"]) .room-a-fill{transform:scaleX(.9166666667)}
.editor-film:is([data-step="2"],[data-step="3"],[data-step="4"]) .room-b-fill{transform:scaleX(1.0833333333)}
.editor-film:is([data-step="2"],[data-step="3"],[data-step="4"]) .shared-wall,.editor-film[data-step="2"] .shared-handles{transform:translateX(-20px)}
.editor-film[data-step="2"] .shared-wall,.editor-film[data-step="2"] .shared-handles{animation:room-wall 3.3s ease both;stroke:#bd8325}
.editor-film[data-step="2"] .room-a-fill{animation:room-a-resize 3.3s ease both}.editor-film[data-step="2"] .room-b-fill{animation:room-b-resize 3.3s ease both}
.editor-film[data-step="3"] .showcase-room-labels{animation:badge-arrival .8s ease both}.editor-film[data-step="4"] .scene-export pre{animation:badge-arrival .8s ease both}
.editor-film[data-step="3"] .room-furniture,.editor-film[data-step="4"] .room-furniture{opacity:.25}
.editor-film[data-step="2"] .showcase-measures strong{animation:measure-arrival 3.3s ease both}
@keyframes repair-join{0%,28%{opacity:0}70%,100%{opacity:1}}
@keyframes repair-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes room-snap{0%,18%{transform:translate(23px,16px)}65%,100%{transform:translate(0,0)}}
@keyframes room-wall{0%,15%{transform:translateX(0)}75%,100%{transform:translateX(-20px)}}
@keyframes room-a-resize{0%,15%{transform:scaleX(1)}75%,100%{transform:scaleX(.9166666667)}}
@keyframes room-b-resize{0%,15%{transform:scaleX(1)}75%,100%{transform:scaleX(1.0833333333)}}
@keyframes measure-arrival{0%,60%{opacity:.3}80%,100%{opacity:1}}
.new-feature-link{display:inline-flex;align-items:center;gap:7px;color:#245d40!important;font-size:12px!important;margin-top:12px}.feature .feature-new{display:block;color:#4b783d;font-size:9px;letter-spacing:1.3px;font-weight:700;margin-bottom:12px}
.preview-room-details{padding:15px 12px;border-left:1px solid var(--line);background:#f1f5e9;display:flex;flex-direction:column;justify-content:center;gap:12px;color:#294b39;min-width:0}.preview-room-details>span{font-size:9px;letter-spacing:1px}.preview-room-details>strong{font-size:15px;font-weight:650}.preview-room-details>small{font-size:10px;color:#607556}.preview-room-metric{padding-top:12px;border-top:1px solid #ccd9c0}.preview-room-metric span{display:block;font-size:10px;color:#607556}.preview-room-metric b{display:block;font-size:23px;font-weight:550;margin-top:5px}.preview-workspace.room-preview{grid-template-columns:minmax(0,1fr) 27%}
.feature-guide-link{padding:14px 18px;background:#edf3e5;border-top:1px solid #d8e2d0;font-size:12px;color:#3e613e;display:flex;justify-content:space-between;gap:15px}.feature-guide-link a{text-decoration:underline;text-underline-offset:3px;font-weight:600}
@media(max-width:950px){.editor-stage{grid-template-columns:minmax(0,1fr) 280px}.showcase-inspector{padding:20px}.showcase-toolbar{padding:12px;gap:8px}.showcase-synthetic{display:none}.editor-film-heading>a{display:none}}
@media(max-width:700px){.editor-stage{grid-template-columns:1fr;margin:0 14px}.showcase-inspector{border-left:0;border-top:1px solid #54745d;min-height:340px}.showcase-inspector-header{padding-bottom:12px;margin-bottom:16px}.showcase-scene h4{font-size:23px}.showcase-scene p{font-size:13px}.showcase-plan{min-height:210px}.showcase-toolbar>span:first-child{width:100%}.showcase-status{padding:11px 12px;font-size:10px}.editor-film .film-steps{padding:0 12px;gap:3px}.editor-film .film-steps button{flex-direction:column;font-size:10px;line-height:1.4;min-height:78px}.editor-film .film-steps .icon{flex-shrink:0}.editor-film .film-preview{font-size:8px;letter-spacing:.4px}.editor-film-heading{padding-right:0}.editor-film .film-intro{font-size:13px}.feature-guide-link{flex-direction:column;gap:6px}.preview-room-details{padding:12px 8px}.preview-room-details>strong{font-size:12px}.preview-room-metric b{font-size:18px}.preview-room-details>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.editor-film *{animation:none!important;transition:none!important}}
@media(max-width:700px){.editor-film{display:flex;flex-direction:column}.editor-film>.film-heading{order:0}.editor-film>.editor-film-heading{order:1}.editor-film>.film-steps{order:2;margin-bottom:16px}.editor-film>.editor-stage{order:3}.editor-film>.film-caption{order:4}.editor-film>.film-controls{order:5}.editor-film>.sr-only{order:6}.preview-workspace.room-preview{grid-template-columns:1fr}.preview-room-details{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:14px;border-left:0;border-top:1px solid var(--line)}.preview-room-details>span,.preview-room-details>strong,.preview-room-details>small{grid-column:1/-1}.preview-room-details>span{font-size:9px}.preview-room-details>strong{font-size:14px}.preview-room-metric{padding-top:9px}.preview-room-details>small:last-child br{display:none}}