.workflow-visual{aspect-ratio:1.65;isolation:isolate;color:#294735;background:#e9eee7;width:100%;height:100%;display:block;position:relative;overflow:hidden;container-type:inline-size}.workflow-cover>.workflow-visual{aspect-ratio:1.42;height:auto}.workflow-visual .workflow-visual-composition{display:block;position:absolute;inset:0}.workflow-visual[data-workflow-visual] img.workflow-visual-image{aspect-ratio:auto;object-fit:cover;width:100%;height:100%;display:block}.workflow-visual .workflow-visual-main{position:absolute;inset:0}.workflow-visual svg{flex-shrink:0}.workflow-visual :is(.workflow-visual-chip,.workflow-visual-mode){color:#314e3a;background:#ffffffed;border:1px solid #e2e8dd;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px 9px;font-size:clamp(10px,3cqi,13px);font-weight:550;line-height:1.2;display:inline-flex;box-shadow:0 3px 12px #1d342016}.workflow-visual .workflow-visual-mode{position:absolute;top:25%;right:6%}.workflow-visual .workflow-visual-plan-sheet{background:#fefefa;border:1px solid #d7e0d5;width:28%;height:43%;padding:7%;position:absolute;bottom:13%;left:6%;transform:rotate(-5deg);box-shadow:0 4px 16px #1e322025}.workflow-visual .workflow-visual-plan-outline{border:2px solid #557562;display:block;position:absolute;inset:17% 16% 27%}.workflow-visual .workflow-visual-plan-outline i{background:#cddccc;border:1px solid #6f8d78;position:absolute}.workflow-visual .workflow-visual-plan-outline i:first-child{width:47%;height:24%;top:12%;left:8%}.workflow-visual .workflow-visual-plan-outline i:nth-child(2){width:29%;height:23%;top:50%;left:30%}.workflow-visual .workflow-visual-plan-outline i:nth-child(3){width:20%;height:33%;bottom:10%;right:7%}.workflow-visual .workflow-visual-sheet-caption{text-align:center;color:#6c7c6d;font-size:clamp(9px,2.6cqi,12px);position:absolute;bottom:8%;left:8%;right:8%}.workflow-visual-floor-plan .workflow-visual-main{transform:translate(7%,-2%)scale(1.03)}.workflow-visual-house-builder .workflow-visual-main{transform:translate(-8%,8%)scale(1.5)}.workflow-visual .workflow-visual-house-focus{border:2px solid #f8fff2;border-radius:4px;width:40%;height:39%;position:absolute;top:16%;left:45%;box-shadow:0 0 0 1px #618465}.workflow-visual .workflow-visual-modules{justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;bottom:21%;left:6%;right:6%}.workflow-visual .workflow-visual-modules .workflow-visual-chip{gap:4px;padding:7px}.workflow-visual .workflow-visual-join{color:#fff;text-shadow:0 1px 3px #294735;font-weight:700}.workflow-visual-garden-layout .workflow-visual-main{transform:scale(1.09)}.workflow-visual .workflow-visual-site-outline{border:1px dashed #fbfff4;width:49%;height:42%;position:absolute;top:31%;left:29%;transform:skewY(16deg)rotate(-19deg)}.workflow-visual .workflow-visual-corner-chip{position:absolute;bottom:19%;left:6%}.workflow-visual .workflow-visual-palette{align-items:center;gap:5px;display:flex}.workflow-visual .workflow-visual-palette i{background:#ddd7c3;border:1px solid #ffffffa8;border-radius:50%;width:23px;height:23px}.workflow-visual .workflow-visual-palette i:nth-child(2){background:#ab8b67}.workflow-visual .workflow-visual-palette i:nth-child(3){background:#5c6c59}.workflow-visual .workflow-visual-palette i:nth-child(4){background:#323b35}.workflow-visual .workflow-visual-materials{background:#f8fbf3ed;border-radius:7px;gap:7px;padding:10px 12px;font-size:10px;display:grid;position:absolute;bottom:17%;left:6%;box-shadow:0 3px 14px #263b2725}.workflow-visual .workflow-visual-room-style{gap:9px;display:grid;position:absolute;bottom:18%;left:6%}.workflow-visual .workflow-visual-room-style .workflow-visual-palette{padding:0 6px}.workflow-visual .workflow-visual-room-style .workflow-visual-palette i{box-shadow:0 2px 5px #263b2738}.workflow-visual-furnish-room .workflow-visual-main{transform:translateY(-7%)scale(1.05)}.workflow-visual .workflow-visual-furniture{background:#fcfdf7f5;border:1px solid #dce5d8;border-radius:10px;grid-template-columns:repeat(3,1fr);padding:10px 6px;display:grid;position:absolute;bottom:18%;left:14%;right:14%;box-shadow:0 5px 18px #20382b23}.workflow-visual .workflow-visual-furniture>span{flex-direction:column;align-items:center;gap:5px;display:flex}.workflow-visual .workflow-visual-furniture small{font-size:clamp(9px,2.6cqi,12px)}.workflow-visual-patio-design .workflow-visual-main{transform:translate(-2%,-7%)scale(1.3)}.workflow-visual .workflow-visual-patio-focus{border:2px solid #fcfff6;border-radius:5px;width:30%;height:34%;position:absolute;top:30%;left:37%;box-shadow:0 0 0 1px #789477}.workflow-visual .workflow-visual-patio-chip{position:absolute;bottom:20%;left:7%}.workflow-visual-garden-redesign .workflow-visual-main{object-position:center 75%;transform:scale(1.15)}.workflow-visual .workflow-visual-yard-choices{flex-wrap:wrap;gap:7px;display:flex;position:absolute;bottom:19%;left:6%}.workflow-visual .workflow-visual-target{border:2px solid #fffef7;border-radius:3px;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 1px #48684c,0 3px 9px #17281b30}.workflow-visual .workflow-visual-target>span{color:#314e3a;background:#ffffffef;border-radius:0 3px 0 0;padding:4px 6px;font-size:clamp(9px,2.6cqi,12px);line-height:1.2;position:absolute;bottom:-1px;left:-1px}.workflow-visual .workflow-visual-color-target{width:37%;height:31%;top:29%;left:26%}.workflow-visual .workflow-visual-color-options{background:#fafff4f2;border-radius:10px;justify-items:center;gap:9px;padding:10px 8px;display:grid;position:absolute;top:27%;right:9%;box-shadow:0 4px 14px #20382b38}.workflow-visual .workflow-visual-color-options .workflow-visual-palette{flex-direction:column;gap:6px}.workflow-visual .workflow-visual-sofa-target{width:51%;height:43%;top:33%;left:7%}.workflow-visual :is(.workflow-visual-edit-token,.workflow-visual-add-token,.workflow-visual-erase-token){background:#fafff5f2;border:1px solid #dce5d8;border-radius:10px;align-items:center;gap:9px;padding:12px;display:flex;position:absolute;box-shadow:0 5px 16px #20382b38}.workflow-visual .workflow-visual-edit-token{top:25%;right:8%}.workflow-visual .workflow-visual-add-target{color:#fff;background:#cbe0bd25;border-style:dashed;width:27%;height:41%;bottom:17%;right:9%}.workflow-visual .workflow-visual-add-token{top:33%;left:8%}.workflow-visual .workflow-visual-remove-target{border-style:dashed;width:39%;height:33%;top:52%;left:34%}.workflow-visual .workflow-visual-erase-token{top:26%;right:10%;transform:rotate(-8deg)}.workflow-visual-sketch-to-render{background:#e9e4d8}.workflow-visual .workflow-visual-sketch-paper{background:#fffef7;width:49%;height:64%;position:absolute;top:18%;left:7%;transform:rotate(-6deg);box-shadow:0 5px 20px #37432a24}.workflow-visual .workflow-visual-sketch-paper>svg{color:#8b987e;position:absolute;top:10%;left:9%}.workflow-visual .workflow-visual-sketch-house{border:2px solid #667660;border-top:0;width:65%;height:31%;position:absolute;top:44%;left:19%}.workflow-visual .workflow-visual-sketch-house:before{content:"";border-top:2px solid #667660;border-left:2px solid #667660;width:88%;height:100%;position:absolute;top:-50%;left:5%;transform:rotate(22deg)skew(-44deg)}.workflow-visual .workflow-visual-sketch-house i{z-index:1;background:#fffef7;border:1px solid #8e9983;width:20%;height:48%;position:absolute;bottom:12%}.workflow-visual .workflow-visual-sketch-house i:first-child{left:10%}.workflow-visual .workflow-visual-sketch-house i:nth-child(2){height:61%;bottom:0;left:42%}.workflow-visual .workflow-visual-sketch-house i:nth-child(3){right:7%}.workflow-visual .workflow-visual-sketch-reference{border:4px solid #fffdf7;border-radius:3px;width:44%;height:45%;position:absolute;top:32%;right:5%;transform:rotate(5deg);box-shadow:0 5px 18px #37432a35}.workflow-visual .workflow-visual-sketch-reference>span{color:#294735;background:#ffffffed;padding:3px 5px;font-size:clamp(9px,2.5cqi,12px);position:absolute;bottom:4px;left:4px}.workflow-visual .workflow-visual-sketch-arrow{z-index:2;color:#fff;background:#4e6b4e;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;position:absolute;top:43%;right:40%}.workflow-visual-model-render .workflow-visual-main{transform:translateY(-2%)scale(1.05)}.workflow-visual .workflow-visual-camera-frame{color:#fff;text-shadow:0 1px 3px #294735;border:1px solid #fff;border-radius:5px;outline:1px solid #6c896b;justify-content:flex-start;align-items:flex-end;gap:6px;padding:9px;font-size:clamp(10px,2.7cqi,13px);display:flex;position:absolute;inset:22% 13% 29%}.workflow-visual .workflow-visual-render-settings{gap:7px;display:flex;position:absolute;bottom:17%;left:15%}.workflow-visual .workflow-visual-refine-frame{border:1px solid #fff8e6;border-radius:3px;position:absolute;inset:21% 12% 23%;box-shadow:0 0 0 10px #ffffff18}.workflow-visual .workflow-visual-refine-tools{gap:7px;display:flex;position:absolute;bottom:18%;left:7%}.workflow-visual-concept-diagram .workflow-visual-main{opacity:.72}.workflow-visual .workflow-visual-diagram-zone{background:#acc79f45;border:1px solid #628364;border-radius:5px;position:absolute}.workflow-visual .workflow-visual-diagram-zone>span{background:#fffdf5;border:1px solid #c4d2be;border-radius:4px;padding:4px 6px;font-size:clamp(10px,2.7cqi,13px);position:absolute;top:-12px;left:10%}.workflow-visual .workflow-visual-zone-a{width:27%;height:34%;top:31%;left:27%;transform:rotate(8deg)}.workflow-visual .workflow-visual-zone-b{background:#d8c7a14a;border-color:#a39775;width:24%;height:31%;top:41%;right:14%;transform:rotate(-4deg)}.workflow-visual .workflow-visual-diagram-route{color:#536f4c;align-items:center;gap:5px;font-size:clamp(10px,2.7cqi,13px);display:flex;position:absolute;bottom:23%;left:18%;transform:rotate(-16deg)}.workflow-visual .workflow-visual-diagram-key{color:#5f7358;align-items:center;gap:5px;font-size:clamp(10px,2.7cqi,13px);display:flex;position:absolute;top:16%;right:7%}.workflow-visual .workflow-visual-diagram-key i{background:#829d70;border-radius:50%;width:7px;height:7px}.workflow-visual-presentation-board{background:#e3e7df}.workflow-visual .workflow-visual-board{background:#fffef9;flex-direction:column;gap:8px;padding:5%;display:flex;position:absolute;inset:16% 9% 15%;transform:rotate(-3deg);box-shadow:0 5px 20px #253d2b26}.workflow-visual .workflow-visual-board-title{color:#374e3c;justify-content:space-between;align-items:center;gap:6px;font-size:clamp(11px,3.4cqi,16px);font-weight:600;display:flex}.workflow-visual .workflow-visual-board-title>span{color:#7a8979;font-size:clamp(8px,2.2cqi,11px);font-weight:400}.workflow-visual .workflow-visual-board-images{flex:1;grid-template-columns:1.3fr 1fr .9fr;gap:5px;min-height:0;display:grid}.workflow-visual .workflow-visual-board-images>span{min-width:0;overflow:hidden}.workflow-visual .workflow-visual-board-notes{grid-template-columns:1.3fr 1fr .9fr;gap:5px;display:grid}.workflow-visual .workflow-visual-board-notes i{background:#cbd3c5;width:70%;height:2px;display:block}.workflow-visual-presentation-video{background:#324735}.workflow-visual .workflow-visual-video-screen{border:3px solid #f9fcf2;border-radius:6px;width:64%;height:58%;position:absolute;top:15%;left:18%;overflow:hidden;box-shadow:0 7px 22px #0d1e2250}.workflow-visual .workflow-visual-video-screen>span{color:#fff;background:#23402acb;border:1px solid #ffffffc9;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workflow-visual .workflow-visual-video-screen svg{margin-left:3px}.workflow-visual .workflow-visual-filmstrip{background:#1a2d20;border-top:3px dashed #e0e8d7;border-bottom:3px dashed #e0e8d7;grid-template-columns:repeat(3,1fr);gap:5px;height:23%;padding:5px 7px;display:grid;position:absolute;bottom:10%;left:10%;right:10%;transform:rotate(-3deg)}.workflow-visual .workflow-visual-filmstrip>span{min-width:0;overflow:hidden}.workflow-visual .workflow-visual-detail-crop{border:3px solid #fcfff7;border-radius:8px;width:38%;height:44%;position:absolute;top:24%;right:8%;overflow:hidden;box-shadow:0 5px 16px #1a2d2055}.workflow-visual .workflow-visual-detail-crop img.workflow-visual-image{object-position:30% 50%;transform:scale(2)}.workflow-visual .workflow-visual-detail-crop svg{color:#fff;filter:drop-shadow(0 1px 2px #20382b);position:absolute;bottom:5px;right:5px}.workflow-visual .workflow-visual-resolution{position:absolute;bottom:20%;left:7%}@container (width<=280px){.workflow-visual .workflow-visual-chip{gap:4px;padding:5px 6px;font-size:9px}.workflow-visual .workflow-visual-chip svg{width:13px;height:13px}.workflow-visual .workflow-visual-modules{gap:3px;left:4%;right:4%}.workflow-visual .workflow-visual-modules .workflow-visual-chip{padding:5px}.workflow-visual .workflow-visual-palette i{width:16px;height:16px}.workflow-visual .workflow-visual-color-options{padding:7px 6px}.workflow-visual .workflow-visual-diagram-key{font-size:9px}}