/* The editor is an application workspace, with tools beside the artwork. */
.product-app[data-view=paint] .product-header,.product-app[data-view=paint] .mobile-shortcuts{display:none!important}.product-app[data-view=paint]{padding-bottom:0}.product-app[data-view=paint] main{padding:0 18px 30px}.product-app[data-view=paint] #paint{padding-top:12px;max-width:1500px}.modern-editor .room-shell{display:block!important;overflow:visible;border:0;background:none;box-shadow:none}.modern-editor .room-tools,.modern-editor .paint-sessionbar,.modern-editor .paint-quick-palette,.modern-editor>.room-return{display:none!important}.modern-editor .room-workspace{padding:0!important;background:none}.modern-editor .studio-dock{position:static!important;margin:0;border:0;background:white;border-radius:16px 16px 0 0;padding:12px 16px;box-shadow:none!important;scroll-margin-top:12px}.modern-editor .studio-dock>.room-toolbar,.modern-editor .studio-view-controls,.modern-editor .studio-open-settings,.modern-editor .studio-quiet-exit{display:none!important}.editor-command{display:flex;align-items:center;gap:12px;min-height:50px}.editor-back{display:flex;align-items:center;gap:7px;text-decoration:none;padding:8px 12px;border:1px solid #d9e3d7;border-radius:10px;font-weight:600;font-size:14px;min-height:44px}.editor-heading{flex:1;min-width:0}.editor-heading strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-heading #studioSaveStatus{display:block;font-size:12px;color:#6a7f6a;line-height:1.6}.editor-command button{min-height:44px!important;font-size:14px!important;padding:8px 14px!important}.editor-utilities{display:flex;align-items:center;gap:10px;margin-top:8px}.editor-history,.editor-zoom{display:flex;align-items:center;gap:5px}.modern-editor .editor-utilities button{min-width:40px;min-height:40px;font-size:13px;padding:6px 10px}.editor-history button{font-size:20px!important}.editor-history .paint-toolbar-word{display:none}.editor-zoom{margin-left:auto}.editor-zoom output{font-size:12px;min-width:40px;text-align:center}.editor-adjust{display:none!important}.editor-adjust svg{width:19px;height:19px}.modern-editor .studio-gesture-help{display:none!important}.editor-layout{display:grid;grid-template-columns:94px minmax(0,1fr) 220px;gap:14px;background:#edf1e8;padding:16px;border:1px solid #dfe7da;border-radius:0 0 18px 18px}.editor-brushes{display:flex;flex-direction:column;gap:8px}.editor-brushes button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:65px;border:1px solid #d7e1d2;border-radius:12px;background:white;color:#516450;font:inherit;font-size:12px;cursor:pointer;padding:7px}.editor-brushes svg{width:28px;height:28px}.editor-brushes button[aria-pressed=true]{color:#20543b;border:2px solid #2e6749;background:#e3edde;box-shadow:0 2px 7px #294d3710}.editor-stage{min-width:0;display:flex;flex-direction:column}.editor-colors{display:flex;gap:10px;align-items:center;min-width:0;margin-bottom:12px}.editor-swatches{display:flex;gap:7px;align-items:center;overflow-x:auto;padding:5px;flex:1;scrollbar-width:thin}.editor-swatches button{width:32px;height:32px;min-width:32px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #0002;cursor:pointer}.editor-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #285d40;position:relative}.editor-swatches button[aria-pressed=true]:after{content:'✓';color:#263d31;background:#fffd;position:absolute;inset:4px;border-radius:50%;font-size:11px;line-height:18px;text-align:center}.editor-colors .studio-color{display:flex!important;flex-shrink:0;margin:0;padding:0;width:auto!important}.editor-colors input[type=color]{width:38px;height:38px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #526b53;cursor:pointer}.modern-editor .paint-surface{display:flex!important;align-items:center!important;justify-content:center!important;height:calc(100svh - 232px)!important;min-height:300px!important;max-height:850px;flex:1;padding:14px;border:1px solid #d8e1d1;overflow:hidden;background:#e0e6d9;border-radius:12px}.modern-editor .paint-surface canvas{flex:none!important;max-width:100%!important;max-height:100%!important;align-self:center}.editor-inspector{background:white;border:1px solid #dde5d6;border-radius:13px;padding:15px;align-self:start}.editor-inspector h3{font-size:17px;margin:0 0 15px}.editor-inspector .room-range{display:block;width:100%;margin:12px 0 18px;font-size:14px}.editor-inspector .room-range output{float:right;color:#38634b;font-weight:650}.editor-inspector .room-range input{display:block;width:100%;height:36px;margin:5px 0 0;accent-color:#31634b}.editor-inspector .studio-boundary{font-size:12px;line-height:1.7;flex-wrap:wrap}.editor-inspector .studio-boundary:after{display:none}.editor-inspector .paint-quick-guide{font-size:12px;margin-top:12px}.editor-presets{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px}.editor-presets>span{width:100%;font-size:12px}.editor-presets button{font-size:12px!important;padding:6px 10px!important;min-height:36px!important}.editor-tool-tip{font-size:12px!important;line-height:1.8!important;color:#62765e!important;border-top:1px solid #e0e7d9;padding-top:15px;margin-top:16px}.editor-inspector #roomClear{font-size:13px;width:100%;min-height:42px;margin-top:5px}.editor-help{padding:13px 4px;font-size:13px;color:#60745d}.editor-help summary{cursor:pointer}.editor-help p{max-width:800px;font-size:13px}.modern-editor .room-samples{padding-top:12px}.modern-editor .studio-shelf{margin-top:10px;scroll-margin-top:15px}.editor-dialog{width:min(540px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:22px;border:1px solid #d9e2d3;border-radius:20px;color:#2d4435;background:#fbfcf8;box-shadow:0 20px 80px #122d3030}.editor-dialog::backdrop{background:#1b31275c;backdrop-filter:blur(3px)}.editor-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.editor-dialog-heading h2{font:700 21px/1.5 system-ui,sans-serif;margin:0}.editor-dialog-heading button{min-height:44px}.editor-dialog>p{font-size:14px;line-height:1.8;color:#61735e}.editor-dialog .studio-save-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.editor-dialog .studio-save-actions button{min-height:52px!important;min-width:0;width:auto!important;margin:0!important;padding:10px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.editor-dialog .studio-save-actions svg{width:23px;height:23px}.editor-dialog .paint-export-hint{font-size:12px;line-height:1.8;color:#687b64}.editor-dialog .editor-inspector{border:0;background:none;padding:15px 0 0}.editor-dialog .editor-inspector>h3{display:none}.editor-dialog .studio-save-actions .primary{background:#285e45;color:white}
@media(max-width:1100px) and (min-width:1000px){.editor-layout{grid-template-columns:80px minmax(0,1fr) 190px;gap:10px}.editor-inspector{padding:12px}.editor-brushes button{min-height:61px}}
@media(max-width:999px){.product-app[data-view=paint] main{padding:0 10px 20px}.product-app[data-view=paint] #paint{padding-top:8px}.editor-layout{grid-template-columns:1fr;padding:9px;gap:9px}.editor-layout>.editor-inspector{display:none}.editor-adjust{display:flex!important;align-items:center;gap:5px}.editor-brushes{flex-direction:row;gap:6px;overflow-x:auto;padding:2px;scrollbar-width:none}.editor-brushes button{flex:1;min-width:61px;min-height:61px;padding:5px;font-size:12px}.editor-brushes svg{width:25px;height:25px}.editor-colors{margin-bottom:9px;gap:7px}.editor-swatches{gap:8px}.editor-swatches button{width:33px;height:33px;min-width:33px}.modern-editor .studio-dock{padding:9px 10px}.editor-command{gap:8px}.editor-back{padding:7px 9px;font-size:13px}.editor-command button{font-size:13px!important;padding:7px 10px!important}.editor-heading strong{font-size:14px}.editor-heading #studioSaveStatus{font-size:10px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-utilities{gap:6px;margin-top:8px}.editor-zoom{gap:3px}.modern-editor .editor-utilities button{padding:6px 8px;min-width:36px;min-height:40px;font-size:12px}.editor-zoom output{min-width:37px}.modern-editor .paint-surface{height:calc(100svh - 265px)!important;min-height:220px!important;max-height:900px;padding:8px}.editor-heading{min-width:60px}.editor-utilities #studioZoomReset{font-size:11px}.editor-dialog{padding:18px}.editor-adjust-dialog{margin:auto auto 12px;border-radius:20px;width:calc(100vw - 20px)}.editor-adjust-dialog .room-range{margin-bottom:16px}.editor-adjust-dialog .room-range input{height:40px}.editor-adjust-dialog #roomClear{max-width:260px}.editor-inspector .studio-boundary,.editor-inspector .paint-quick-guide{font-size:14px;min-height:40px}.editor-help{font-size:12px}.editor-brushes button:focus-visible,.editor-swatches button:focus-visible{outline:3px solid #ce9d36;outline-offset:2px}}
@media(min-width:600px) and (max-width:999px){.editor-layout{grid-template-columns:82px minmax(0,1fr)}.editor-brushes{flex-direction:column;overflow:visible}.editor-brushes button{flex:none;min-height:65px}.modern-editor .paint-surface{height:calc(100svh - 205px)!important;min-height:400px!important}.editor-stage{min-width:0}}
@media(max-width:380px){.editor-back span{display:none}.editor-command{gap:6px}.editor-command button{padding:7px 8px!important;font-size:12px!important}.editor-heading strong{font-size:13px}.modern-editor .editor-utilities button{padding:6px;min-width:34px}.editor-utilities{gap:4px}.editor-adjust span{display:none}.editor-brushes button{min-width:57px}.editor-zoom output{min-width:34px}}
@media print{.editor-command,.editor-utilities,.editor-brushes,.editor-inspector,.editor-colors,.editor-help{display:none!important}}
.editor-utilities [data-studio-mode=move] svg{width:22px;height:22px}.editor-utilities [data-studio-mode=move][aria-pressed=true]{color:white;background:#285e45;border-color:#285e45}.editor-utilities [data-studio-mode=move]{display:flex;align-items:center;justify-content:center;flex:none}.editor-zoom output{cursor:pointer;border-radius:7px}.editor-zoom output:focus-visible{outline:3px solid #d4a23b}.editor-dialog #studioQuiet{display:none!important}
@media(max-width:599px){.editor-utilities{flex-wrap:nowrap;gap:7px}.editor-history{gap:4px;flex:none}.modern-editor .editor-utilities button{flex:none;min-width:38px;min-height:42px}.editor-utilities #studioZoomReset{display:none}.editor-adjust span{display:none}.editor-adjust{justify-content:center}.editor-zoom{margin-left:auto;gap:4px}.editor-zoom output{font-size:12px;min-width:38px}.editor-brushes{gap:4px;padding:2px 0;overflow-x:visible}.editor-brushes button{min-width:0;min-height:59px;font-size:11px;padding:5px 2px;flex:1}.editor-brushes svg{width:25px;height:25px}.editor-brushes span{white-space:nowrap}.editor-colors{gap:6px}}
@media(max-width:350px){.modern-editor .editor-utilities button{min-width:34px;padding:5px}.editor-utilities{gap:5px}.editor-zoom output{min-width:34px}.editor-brushes button{font-size:10px}}
.modern-editor .studio-dock{position:sticky!important;top:0;z-index:35}
@media(max-width:350px){.editor-brushes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.editor-brushes button{min-height:50px;font-size:11px;min-width:44px}.modern-editor .paint-surface{height:calc(100svh - 325px)!important}}