.cloud-shared-whiteboard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600;background:#fff}.cloud-shared-whiteboard-opening{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600;display:grid;place-content:center;justify-items:center;gap:1rem;background:#f4f7f3;color:#233d32;font-family:Inter,system-ui,sans-serif}.cloud-shared-whiteboard-opening h2,.cloud-shared-whiteboard-opening p{margin:0}.cloud-shared-whiteboard-opening button,.cloud-shared-whiteboard-connection button{font:inherit;border:1px solid #9eb4a8;border-radius:.5rem;background:#fff;color:#285e44;padding:.6rem 1rem}.cloud-shared-whiteboard-connection{position:absolute;top:58px;left:50%;transform:translate(-50%);max-width:calc(100% - 24px);border:1px solid #dac58c;border-radius:.6rem;padding:.6rem 1rem;background:#fff7e1;color:#6b531e;box-shadow:0 4px 18px #233d3214}.cloud-shared-whiteboard-connection p{margin:0}.cloud-shared-whiteboard-connection button{margin-top:.5rem}.cloud-shared-whiteboard[hidden],.cloud-shared-whiteboard-opening[hidden]{display:none!important}.cloud-shared-whiteboard-minimize{position:absolute;right:12px;top:58px;z-index:2;border:1px solid #9eb4a8;border-radius:.5rem;background:#fff;color:#285e44;font:inherit;padding:.5rem .75rem}.cloud-companion-connection{box-sizing:border-box;width:min(100% - 2rem,46rem);margin:2rem auto;padding:clamp(1.25rem,4vw,2.5rem);color:#233d32;background:#fff;border:1px solid #d4e1da;border-radius:1.25rem;font-family:Inter,system-ui,sans-serif;box-shadow:0 3px 12px #233d3208}.cloud-companion-connection header{display:flex;gap:1rem;align-items:flex-start}.cloud-companion-connection-icon{display:grid;place-items:center;flex:0 0 2.75rem;height:2.75rem;border-radius:.8rem;background:#eaf3ee;color:#286449}.cloud-companion-connection h1{font-size:clamp(1.35rem,4vw,1.8rem);line-height:1.25;margin:0}.cloud-companion-connection p{line-height:1.5;margin:.65rem 0 0;color:#53665b}.cloud-companion-connection form{display:grid;gap:1.15rem;margin-top:1.75rem}.cloud-companion-connection label{display:grid;gap:.4rem;font-weight:650;font-size:.95rem}.cloud-companion-connection input{box-sizing:border-box;min-width:0;width:100%;padding:.85rem;color:inherit;background:#fff;border:1px solid #aebfb4;border-radius:.6rem;font:inherit;font-weight:400}.cloud-companion-connection button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:2.8rem;padding:.7rem 1.1rem;font:inherit;font-weight:650;border-radius:.65rem;cursor:pointer}.cloud-companion-connection button svg{width:1.15rem;height:1.15rem;flex-shrink:0}.cloud-companion-primary{color:#fff;background:#286449;border:1px solid #286449}.cloud-companion-primary:disabled{opacity:.5;cursor:default}.cloud-companion-secondary{margin-top:1.4rem;color:#286449;background:#fff;border:1px solid #aebfb4}.cloud-companion-connection :is(button,input):focus-visible{outline:3px solid #4c8970;outline-offset:3px}.cloud-companion-permissions{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.5rem 0 0}.cloud-companion-permissions li{padding:.45rem .7rem;border-radius:.45rem;background:#edf4ef;font-size:.9rem}.cloud-companion-spinner{width:1.4rem;height:1.4rem;margin-top:1.25rem;animation:companion-spin 1.2s linear infinite}@keyframes companion-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cloud-companion-spinner{animation:none}}.cloud-companion-app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(100% - 2rem,46rem);margin:1.5rem auto;color:#53665b}.cloud-companion-app-header .app-wordmark{width:clamp(10rem,30vw,15rem);height:auto}body[data-runtime=cloud-companion]{margin:0;background:#f4f7f3}.cloud-companion-app-footer{width:min(100% - 2rem,46rem);margin:1.5rem auto;color:#53665b;font-size:.9rem}.cloud-companion-saved-drawings{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.cloud-companion-saved-drawings button{width:100%;justify-content:flex-start;text-align:left}.cloud-companion-saved-drawings small{display:block;font-weight:400;margin-top:.25rem}.cloud-companion-saved-drawings li{display:flex;flex-wrap:wrap;gap:.5rem}.cloud-companion-saved-drawings li>button:first-child{flex:1 1 240px;width:auto}.cloud-companion-saved-drawings li>button:last-child{width:auto}.cloud-companion-remove-confirmation{border:1px solid #c9aa84;border-radius:12px;padding:1rem;margin-block:1rem;background:#faf5e9}.cloud-companion-remove-confirmation button{margin-right:.5rem;margin-bottom:.5rem}.companion-icon-button{align-items:center;background:#fff;border:1px solid #9eb1a6;border-radius:6px;color:#294c3d;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.companion-icon-button svg{height:18px;width:18px}.companion-whiteboard{background:#fff;display:grid;grid-template-rows:50px minmax(0,1fr);height:100dvh;overflow:hidden;position:relative}.companion-whiteboard-header{align-items:center;background:#1c4c3b;color:#fff;display:flex;gap:9px;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))}.companion-whiteboard-header .companion-icon-button{background:transparent;border-color:#ffffff75;color:#fff}.companion-whiteboard-header strong{font-size:15px}.companion-whiteboard-header>span{color:#d8e8df;font-size:11px;font-weight:750;margin-left:auto}.companion-whiteboard-canvas{background:#fff;height:100%;touch-action:none;width:100%}.companion-whiteboard-canvas path{fill:none}.companion-whiteboard-toolbar{align-items:center;background:#fffffffa;border:1px solid #9eb4a8;border-radius:7px;bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 10px 32px #14362a3d;display:flex;gap:5px;left:50%;max-width:calc(100vw - 16px);overflow-x:auto;padding:6px;position:fixed;transform:translate(-50%);z-index:4}.companion-whiteboard-toolbar>button,.companion-whiteboard-swatches button,.companion-whiteboard-widths button{align-items:center;background:#fff;border:1px solid #a9bbb1;border-radius:5px;color:#294c3d;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;padding:0;width:36px}.companion-whiteboard-toolbar button.is-active{background:#dff0e7;border-color:#3b8060;color:#19583d}.companion-whiteboard-toolbar button:disabled{opacity:.42}.companion-whiteboard-toolbar button.is-danger{color:#a13d34}.companion-whiteboard-sync-error{background:#fff5da;border:1px solid #e2c67f;border-radius:5px;bottom:max(60px,calc(env(safe-area-inset-bottom) + 60px));color:#72530d;font-size:12px;left:50%;margin:0;max-width:min(520px,calc(100vw - 24px));padding:8px 10px;position:fixed;transform:translate(-50%);z-index:4}.companion-whiteboard-toolbar svg{height:17px;width:17px}.companion-whiteboard-swatches,.companion-whiteboard-widths{align-items:center;display:flex;gap:4px}.companion-whiteboard-swatches button{background:var(--swatch);border:2px solid #ffffff;box-shadow:0 0 0 1px #91a69b;height:27px;width:27px}.companion-whiteboard-swatches button.is-active{background:var(--swatch);box-shadow:0 0 0 2px #2f7651}.companion-whiteboard-widths button span{background:currentColor;border-radius:50%;display:block}.companion-whiteboard-review,.companion-whiteboard-retry{position:fixed;bottom:max(68px,calc(env(safe-area-inset-bottom) + 68px));left:50%;transform:translate(-50%);z-index:5;max-width:min(560px,calc(100vw - 24px));padding:12px;border:1px solid #9eb4a8;border-radius:8px;background:#f1f7f4;color:#294c3d;box-shadow:0 6px 24px #14362a24}.companion-whiteboard-review{display:flex;flex-wrap:wrap;gap:8px}.companion-whiteboard-review p{flex-basis:100%;margin:0 0 4px}.companion-whiteboard-review button{min-height:40px;padding:8px 14px;border:1px solid #9eb4a8;border-radius:6px;background:#fff;color:#294c3d;font:inherit}.companion-whiteboard-device-close{position:absolute;right:12px;bottom:70px;z-index:5;border:1px solid #9eb4a8;border-radius:6px;background:#fff;color:#285e44;padding:10px 14px;font:inherit;max-width:calc(100% - 24px)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:Inter,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible{outline:3px solid #4c8970;outline-offset:3px}[hidden]{display:none!important}