:root{color:#172821;letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f7f8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{color:#223b30;cursor:pointer;background:#fff;border:1px solid #cbd5d0;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 12px;display:inline-flex}button:hover{background:#edf5f1}button:disabled{opacity:.45;cursor:default}button.active,.primary{color:#fff;background:#126f50;border-color:#126f50}button.icon{width:36px;padding:8px}input,select,textarea{color:#172821;background:#fff;border:1px solid #cbd5d0;border-radius:4px;min-width:0;max-width:100%;padding:9px}:is(input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible){outline-offset:2px;outline:2px solid #1c8963}header{background:#fff;border-bottom:1px solid #d9e1dd;align-items:center;gap:16px;height:66px;padding:12px 24px;display:flex}.brand{color:#14372b;font-size:17px;font-weight:750;text-decoration:none}.brand span{color:#6a7b71;margin-left:14px;font-size:14px;font-weight:400}.alpha{color:#815d15;background:#f6edcf;border-radius:3px;padding:4px 6px;font-size:12px}.account{align-items:center;gap:10px;min-width:0;margin-left:auto;font-size:12px;display:flex}.account span{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.account a{color:#416050}.shell{grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 66px);display:grid}.rooms{background:#fff;border-right:1px solid #d9e1dd;padding:20px 14px}.rooms h2{margin:0 0 16px;font-size:14px}.room-button{text-align:left;overflow-wrap:anywhere;border-color:#0000;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:6px;display:flex}.room-button small{opacity:.75;font-size:12px}.rooms .source{border-bottom:1px solid #d9e1dd;margin-bottom:20px;padding-bottom:20px}.source p{color:#62766a;font-size:12px;line-height:1.5}.source strong{overflow-wrap:anywhere;display:block}.rooms a{color:#345c4b;margin:12px 0;font-size:14px;display:block}.empty{max-width:600px;margin:auto;padding:60px 30px}.empty h1{margin:0 0 18px;font-size:28px}.empty p{color:#65786c;font-size:16px;line-height:1.6}.empty .primary{border-radius:5px;padding:12px 16px;text-decoration:none;display:inline-block}.editor{min-width:0}.titlebar{background:#fff;border-bottom:1px solid #d9e1dd;align-items:center;gap:12px;min-height:78px;padding:16px 22px;display:flex}.titlebar>div:first-child{flex:1;min-width:0}.titlebar h1{overflow-wrap:anywhere;margin:5px 0 0;font-size:20px}.titlebar small{color:#65796c;font-size:12px}.status{color:#476450;font-size:12px}.workarea{grid-template-columns:minmax(0,1fr) 330px;min-height:calc(100vh - 145px);display:grid}.canvas-area{flex-direction:column;min-width:0;display:flex}.presence{flex-wrap:wrap;gap:12px;min-height:42px;padding:12px 20px;font-size:12px;display:flex}.presence span{border-left:3px solid #2c9872;padding-left:8px}.preview{background:#e7edeb;justify-content:center;align-items:center;height:calc(100vh - 260px);min-height:350px;padding:22px;display:flex}.preview img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 4px 20px #1d342320}.preview-empty{color:#738278;text-align:center}.preview-empty strong{margin-bottom:10px;font-size:19px;display:block}.preview-foot{color:#64786b;align-items:center;gap:12px;padding:12px 20px;font-size:12px;display:flex}.preview-foot button{margin-left:auto;font-size:12px}.inspector{background:#fff;border-left:1px solid #d9e1dd;min-width:0}.tabs{border-bottom:1px solid #d9e1dd;gap:4px;padding:8px;display:flex}.tabs button{flex:1;padding:8px 5px;font-size:12px}.properties{max-height:calc(100vh - 215px);padding:0 16px;overflow:auto}.field-group{border-bottom:1px solid #e2e7e5;padding:16px 0}.field-group h2{overflow-wrap:anywhere;margin:0 0 14px;font-size:14px}.field{grid-template-columns:minmax(0,1fr) minmax(80px,140px);align-items:center;gap:10px;margin:10px 0;font-size:14px;display:grid}.field input{width:100%}.field input[type=checkbox]{accent-color:#147454;justify-self:end;width:18px;height:18px}.field input:focus{background:#f2faf5}.field small{color:#568069;grid-column:1/-1;font-size:12px}.feedback,.people{padding:16px}.comment{border-bottom:1px solid #e2e7e5;margin-bottom:16px;padding:0 0 16px}.comment strong{font-size:14px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.comment small{color:#6b7d71;font-size:12px}.comment button{min-height:28px;margin-top:8px;font-size:12px;display:block}.feedback form,.people form{gap:10px;display:grid}.feedback textarea{resize:vertical;min-height:80px}.people label{gap:5px;font-size:14px;display:grid}.people p{color:#637b6b;font-size:12px;line-height:1.5}.member{overflow-wrap:anywhere;border-bottom:1px solid #e2e7e5;padding:14px 0}.member strong,.member small{display:block}.member small{color:#6b7d71;margin-top:5px;font-size:12px}.member button{min-height:28px;margin-top:8px;font-size:12px}.notice{color:#fff;z-index:20;background:#173d2c;border-radius:5px;width:max-content;max-width:90vw;padding:12px 18px;font-size:14px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0002}.offline{color:#a15620}.privacy{color:#6d7d72;font-size:12px;line-height:1.5}.invite-link{width:100%;margin:10px 0;font-size:12px}button.danger{color:#9f362d}.signed-out{max-width:650px;margin:auto;padding:80px 24px}.signed-out h1{font-size:30px}.signed-out p{color:#65796b;font-size:16px;line-height:1.6}.signin{color:#fff;background:#126f50;border-radius:5px;padding:12px 18px;text-decoration:none;display:inline-block}.rooms-toggle{display:none}@media (max-width:1050px){.shell{grid-template-columns:190px minmax(0,1fr)}.workarea{grid-template-columns:minmax(0,1fr) 290px}.brand span{display:none}.titlebar{flex-wrap:wrap}}@media (max-width:760px){header{flex-wrap:wrap;gap:9px;height:auto;min-height:62px;padding:12px}.account span{max-width:140px}.shell{grid-template-columns:1fr}.rooms{border-bottom:1px solid #d9e1dd;border-right:0;padding:12px}.rooms h2{margin-bottom:8px}.rooms .source{margin-bottom:10px;padding-bottom:10px}.room-button{width:auto;max-width:100%;margin-right:6px;display:inline-flex}.rooms a{margin:8px;display:inline-block}.titlebar{padding:14px 12px}.titlebar h1{font-size:18px}.titlebar>div:first-child{flex-basis:100%}.workarea{grid-template-columns:1fr}.preview{height:42vh;min-height:220px;padding:12px}.inspector{border-top:1px solid #d9e1dd;border-left:0}.properties{max-height:none}.presence{padding:10px 12px}.preview-foot{flex-wrap:wrap;padding:12px}.field{grid-template-columns:minmax(0,1fr) minmax(100px,170px)}.empty{padding:30px 18px}.signed-out{padding:35px 20px}.signed-out h1{font-size:26px}}.room-navigation{background:#fff;border-right:1px solid #d9e1dd;min-width:0}.account-signin{overflow-wrap:anywhere;width:min(100%,460px);margin:0 auto;padding:56px 24px}.account-signin h1{margin:20px 0 14px;font-size:26px;line-height:1.25}.account-signin p{color:#52665b;font-size:16px;line-height:1.5}.account-signin form,.account-signin label{gap:10px;display:grid}.account-signin form{gap:18px;margin-top:24px}.account-signin input{width:100%;min-height:48px;font-size:16px}.account-signin button{min-height:48px;font-size:16px}.account-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.account-signin .account-error{color:#9f362d;margin:0;font-size:14px}.account-otp [data-slot=input-otp-group]{gap:6px;width:100%;display:flex}.account-otp [data-slot=input-otp-slot]{background:#fff;border:1px solid #b6c7be;border-radius:4px;flex:1;justify-content:center;align-items:center;min-width:0;height:48px;font-size:20px;display:flex}.account-otp [data-active=true]{outline-offset:1px;outline:2px solid #126f50}.account .icon{color:#416050;background:0 0;border:0;min-width:44px;min-height:44px}.account-reauth{z-index:30;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#f5f7f8;position:fixed;inset:0;overflow:auto}.account-reauth-title{text-align:center;margin:30px 16px 0;font-size:16px}.room-navigation .rooms{border-right:0}.rooms .phone-product-link{display:none}.room-button strong,.field>span,.presence span,.preview-foot>span{overflow-wrap:anywhere;min-width:0}.room-button strong{max-width:100%}.titlebar .icon{flex-shrink:0}.status{overflow-wrap:anywhere}.preview-foot{flex-wrap:wrap}.preview-foot label{align-items:center;gap:8px;min-height:44px;display:inline-flex}.preview-foot input[type=checkbox]{accent-color:#147454;width:24px;height:24px;margin:0}.account a{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.notice{max-width:calc(100% - 32px);bottom:max(16px,env(safe-area-inset-bottom));overflow-wrap:anywhere;align-items:center;gap:12px;display:flex}.notice>span{min-width:0}.notice .icon{color:#fff;background:0 0;border-color:#789789;flex:none;min-width:44px;min-height:44px}.notice .icon:hover{background:#285c43}.primary:hover,button.active:hover{color:#fff;background:#0c593f}.field{min-height:44px}.tabs{width:100%;min-width:0}.inspector-tabs{display:contents}.people h2{margin:0 0 12px;font-size:14px}.tabs button{min-width:0}@media (max-width:760px),(max-width:950px) and (max-height:500px){body{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}header{height:auto;min-height:62px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));flex-wrap:nowrap;gap:8px}.brand{flex-shrink:0;font-size:16px}.alpha{padding:3px 4px;font-size:12px}.account{gap:2px}.account span{max-width:90px}.shell{grid-template-columns:1fr;align-content:start;min-height:calc(100dvh - 62px)}button,.signin{min-height:44px}button.icon{width:44px;min-width:44px;height:44px}input:not([type=checkbox]),select,textarea{min-height:44px;font-size:16px}.room-navigation{border-bottom:1px solid #d9e1dd;border-right:0}.rooms-toggle{background:#fff;border:0;border-radius:0;justify-content:flex-start;width:100%;min-height:48px;padding:10px 12px;display:flex}.rooms-toggle .room-count{color:#526d5e;margin-left:auto;font-size:12px}.rooms-toggle[data-state=open]>svg:last-child{transform:rotate(180deg)}.room-navigation .rooms{overscroll-behavior:contain;border:0;max-height:55dvh;padding:4px 12px 12px;overflow-y:auto}.room-navigation .rooms[data-state=closed],.rooms h2{display:none}.room-button{width:100%;min-height:54px;margin-right:0;display:flex}.rooms a{align-items:center;min-height:44px;margin:4px 0;padding:8px 12px;display:flex}.rooms .phone-product-link{display:flex}.rooms .desktop-product-link{display:none}.rooms .source button{width:100%}.titlebar{gap:8px;padding:12px}.titlebar h1{margin-top:4px;font-size:18px;line-height:1.35}.titlebar>div:first-child{flex-basis:100%}.titlebar .status{flex:1;font-size:13px}.workarea{grid-template-columns:1fr;min-height:0}.inspector{border-top:1px solid #d9e1dd;border-left:0}.presence{gap:8px;min-height:38px}.preview{height:clamp(180px,34dvh,340px);min-height:180px;padding:12px}.preview img{width:auto;height:auto;display:block}.preview-foot{gap:8px 12px;padding:8px 12px}.preview-foot>span:first-child{flex:180px}.preview-foot button{font-size:14px}.tabs{z-index:2;background:#fff;border-radius:0;gap:4px;padding:6px;position:sticky;top:0}.tabs button{gap:5px;min-height:44px;padding:8px 4px;font-size:14px}.properties{max-height:none;padding:0 12px;overflow:visible}.field{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px}.field input[type=checkbox]{width:24px;height:24px;margin:10px 0}.feedback,.people{padding:14px 12px}.feedback textarea{min-height:112px}.comment button,.member button{min-height:44px;font-size:14px}.feedback form button,.people form button{width:100%}.notice{gap:8px;max-height:40dvh;padding:8px 8px 8px 12px;font-size:14px;overflow:auto}.empty{width:100%;margin:0;padding:28px 18px}.empty h1{overflow-wrap:anywhere;font-size:24px}}@media (max-width:359px){.account span{max-width:56px}.tabs button{gap:4px;font-size:13px}}@media (max-width:950px) and (max-height:500px){.preview{height:180px}.room-navigation .rooms{max-height:65dvh}}@media (any-pointer:coarse){button,.comment button,.member button{min-width:44px;min-height:44px}button.icon{width:44px}input,select,textarea{font-size:16px}.field{min-height:44px}.field input[type=checkbox]{width:24px;height:24px;margin:10px 0}.account a,.rooms a{align-items:center;min-height:44px;display:inline-flex}}