.ToolWrapper[data-v-da031eb2]{width:100%}.ControlPanel[data-v-da031eb2]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:20px 24px}.ControlRow[data-v-da031eb2]{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.Label[data-v-da031eb2]{color:#64748b;font-size:13px;font-weight:500;white-space:nowrap}.InputGroup[data-v-da031eb2]{align-items:center;display:flex;flex:1;gap:12px;min-width:400px}.UrlInputWrapper[data-v-da031eb2]{display:flex;flex:1;gap:8px}.UrlInputWrapper[data-v-da031eb2] .arco-input-wrapper{flex:1}.DevicesGroup[data-v-da031eb2]{align-items:center;display:flex;gap:12px}.DeviceToggles[data-v-da031eb2]{display:flex;gap:8px}.ScaleGroup[data-v-da031eb2]{gap:12px}.ScaleControl[data-v-da031eb2],.ScaleGroup[data-v-da031eb2]{align-items:center;display:flex}.ScaleControl[data-v-da031eb2]{gap:8px}.ScaleControl .ScaleValue[data-v-da031eb2]{color:#334155;font-size:14px;min-width:50px;text-align:center}.ActionsGroup[data-v-da031eb2]{display:flex;gap:8px;margin-left:auto}.IconSvg[data-v-da031eb2]{display:inline-block;height:16px;vertical-align:middle;width:16px}.IconSvg.Small[data-v-da031eb2]{height:14px;width:14px}.PreviewArea[data-v-da031eb2]{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;justify-content:center;min-height:650px;overflow:hidden;padding:20px}.EmptyState[data-v-da031eb2]{color:#94a3b8;text-align:center}.EmptyState .EmptyIcon[data-v-da031eb2]{font-size:64px;margin-bottom:16px}.EmptyState p[data-v-da031eb2]{font-size:16px}.Display[data-v-da031eb2]{height:650px;left:-80px;margin:0 auto;max-width:1200px;position:relative;width:100%}.Device[data-v-da031eb2]{background-repeat:no-repeat;background-size:100%}.Device[data-v-da031eb2],.Device .trim[data-v-da031eb2]{overflow:hidden;position:absolute}.Device iframe[data-v-da031eb2]{background:#fff;border:none;transform-origin:top left}.mobile[data-v-da031eb2]{background-image:url(../dwo/images/iphone-optimised.png);height:196px;left:300px;top:375px;width:95px;z-index:5}.mobile .trim[data-v-da031eb2]{height:132px;left:9px;top:32px;width:77px}.mobile iframe[data-v-da031eb2]{height:568px;transform:scale(.241);width:320px}.tablet[data-v-da031eb2]{background-image:url(../dwo/images/ipad-optimised.png);height:400px;left:120px;top:230px;width:246px;z-index:3}.tablet .trim[data-v-da031eb2]{height:330px;left:38px;top:35px;width:170px}.tablet iframe[data-v-da031eb2]{height:1024px;transform:scale(.221);width:768px}.laptop[data-v-da031eb2]{background-image:url(../dwo/images/laptop-screen-optimised.png);height:307px;left:560px;top:264px;width:477px;z-index:2}.laptop .trim[data-v-da031eb2]{height:222px;left:60px;top:26px;width:357px}.laptop iframe[data-v-da031eb2]{height:800px;transform:scale(.279);width:1280px}.desktop[data-v-da031eb2]{background-image:url(../dwo/images/large-screen-optimised.png);height:538px;left:220px;top:0;width:566px;z-index:1}.desktop .trim[data-v-da031eb2]{height:462px;left:28px;top:38px;width:510px}.desktop iframe[data-v-da031eb2]{height:900px;transform:scale(.319);width:1600px}@media(max-width:1200px){.Display[data-v-da031eb2]{transform:scale(.85)!important;transform-origin:top center}}@media(max-width:992px){.Display[data-v-da031eb2]{height:550px;transform:scale(.7)!important}.desktop[data-v-da031eb2]{left:180px}.laptop[data-v-da031eb2]{left:520px}.tablet[data-v-da031eb2]{left:80px}.mobile[data-v-da031eb2]{left:260px}}@media(max-width:768px){.ControlPanel[data-v-da031eb2]{padding:16px}.ControlRow[data-v-da031eb2]{align-items:stretch;flex-direction:column;gap:16px}.InputGroup[data-v-da031eb2]{align-items:flex-start;flex-direction:column;gap:8px;min-width:auto}.UrlInputWrapper[data-v-da031eb2]{width:100%}.UrlInputWrapper[data-v-da031eb2] .arco-btn{padding:0 16px}.DevicesGroup[data-v-da031eb2]{align-items:flex-start;flex-direction:column;gap:8px}.DeviceToggles[data-v-da031eb2]{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.DeviceToggles[data-v-da031eb2] .arco-btn{padding:0 8px}.ScaleGroup[data-v-da031eb2]{justify-content:space-between}.ActionsGroup[data-v-da031eb2]{margin-left:0;width:100%}.ActionsGroup[data-v-da031eb2] .arco-btn{flex:1}.PreviewArea[data-v-da031eb2]{min-height:350px;padding:10px}.Display[data-v-da031eb2]{height:400px;left:-60px;transform:scale(.45)!important}.desktop[data-v-da031eb2]{left:140px}.laptop[data-v-da031eb2]{left:480px}.tablet[data-v-da031eb2]{left:40px}.mobile[data-v-da031eb2]{left:220px}}@media(max-width:576px){.ControlPanel[data-v-da031eb2]{padding:12px}.UrlInputWrapper[data-v-da031eb2]{flex-wrap:wrap}.UrlInputWrapper[data-v-da031eb2] .arco-input-wrapper{width:100%}.UrlInputWrapper[data-v-da031eb2] .arco-btn{margin-top:8px;width:100%}.DeviceToggles[data-v-da031eb2]{gap:6px;grid-template-columns:repeat(2,1fr)}.PreviewArea[data-v-da031eb2]{min-height:300px;padding:8px}.Display[data-v-da031eb2]{height:320px;left:-40px;transform:scale(.32)!important}.desktop[data-v-da031eb2]{left:100px}.laptop[data-v-da031eb2]{left:440px}.tablet[data-v-da031eb2]{left:0}.mobile[data-v-da031eb2]{left:180px}}