@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--canvas:#f7f6fb;--surface:#fff;--surface-soft:#faf9ff;--ink:#1f1b2d;--muted:#6c667a;--line:#e8e4f0;--line-strong:#d9d2e6;--accent:#7144e9;--accent-deep:#5631bd;--accent-soft:#f0ebff;--warning:#8a5a00;--warning-soft:#fff7e7;--danger:#a3343f;--danger-soft:#fff1f2;--shadow:0 14px 36px #251a4914;--radius:1.25rem}*{box-sizing:border-box}html{background:var(--canvas)}body{min-width:20rem;color:var(--ink);background:var(--canvas);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input{font:inherit}a{color:inherit;text-decoration:none}button,input,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, white)}}:focus-visible{outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100dvh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:4.75rem;padding:.75rem max(1.25rem,50vw - 44rem);display:flex}@supports (color:color-mix(in lab, red, red)){.topbar{border-bottom:1px solid color-mix(in srgb, var(--line) 90%, transparent)}}.topbar{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--surface) 96%, transparent)}}.brand{align-items:center;display:inline-flex}.workwise-logo{background:#fff;width:13.5rem;height:3.5rem;display:block;position:relative;overflow:hidden}.workwise-logo-image{object-fit:cover;object-position:center}.topnav{color:var(--muted);gap:.25rem;font-size:.9rem;font-weight:650;display:flex}.topnav a{border-radius:.75rem;align-items:center;min-height:2.75rem;padding-inline:.8rem;display:inline-flex}.topnav a:hover{color:var(--accent-deep);background:var(--accent-soft)}.route-shell{width:min(100%,70rem);margin:0 auto;padding:clamp(2.5rem,7vw,6.5rem) max(1.25rem,5vw)}.route-shell-entry{align-content:center;justify-items:start;min-height:calc(100dvh - 4.75rem);display:grid}.route-intro{max-width:42rem}.route-intro h1{letter-spacing:-.058em;margin:0;font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.03}.route-intro>p{max-width:39rem;color:var(--muted);margin:1.15rem 0 0;font-size:clamp(1rem,1.8vw,1.12rem);line-height:1.65}.landing-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.landing-explainer{border-top:1px solid var(--line);max-width:43rem;margin-top:clamp(4rem,11vw,9rem);padding-top:1.5rem}.landing-explainer h2{letter-spacing:-.025em;margin:0;font-size:1.15rem}.landing-explainer p{max-width:38rem;color:var(--muted);margin:.5rem 0 0}.route-shell>.state-notice{width:min(100%,39rem);margin-top:1.25rem}.button{border:1px solid var(--line-strong);background:var(--surface);min-height:2.75rem;color:var(--ink);border-radius:.78rem;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.94rem;font-weight:730;line-height:1.1;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-deep);transform:translateY(-1px)}.button-primary{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 8px 18px #7144e933}.button-primary:hover:not(:disabled){border-color:var(--accent-deep);background:var(--accent-deep);color:#fff}.button-secondary{background:var(--surface)}.entry-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(100%,34rem);box-shadow:var(--shadow);margin-top:2.25rem;padding:clamp(1.25rem,4vw,2rem)}.entry-card h2{letter-spacing:-.025em;margin:0;font-size:1.18rem}.entry-card>p{color:var(--muted);margin:.5rem 0 0}.entry-form{gap:.55rem;margin-top:1.5rem;display:grid}.entry-form label{font-size:.9rem;font-weight:720}.entry-form input:not([type=checkbox]){border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:2.9rem;color:var(--ink);border-radius:.72rem;padding:.7rem .85rem}.entry-form input:not([type=checkbox]):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.entry-form input:not([type=checkbox]):focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}}.entry-form .button{width:fit-content;margin-top:.65rem}.join-code-control{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.55rem;display:grid}.entry-form .join-code-control input{min-width:0}.entry-form .join-scan-button{white-space:nowrap;min-width:7.75rem;margin-top:0}.join-scan-button svg{width:1.15rem;height:1.15rem}.join-scanner-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#19142794;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.join-scanner-dialog{border:1px solid var(--line-strong);background:var(--surface);border-radius:1.25rem;gap:1rem;width:min(100%,31rem);padding:1rem;display:grid;box-shadow:0 24px 70px #1f1b2d52}.join-scanner-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.join-scanner-header h2,.join-scanner-header p{margin:0}.join-scanner-header h2{letter-spacing:-.025em;font-size:1.1rem}.join-scanner-header p{color:var(--muted);margin-top:.25rem;font-size:.83rem}.join-scanner-close{border:1px solid var(--line);background:var(--surface-soft);min-width:2.75rem;min-height:2.75rem;color:var(--ink);border-radius:999px;place-items:center;padding:0;font-size:1.5rem;line-height:1;display:grid}.join-scanner-viewport{aspect-ratio:4/3;background:#17131f;border-radius:1rem;position:relative;overflow:hidden}.join-scanner-viewport video{object-fit:cover;width:100%;height:100%}.join-scanner-frame{border:3px solid #fff;border-radius:1rem;position:absolute;inset:18%;box-shadow:0 0 0 100vmax #00000047}.join-scanner-dialog>.button{width:100%;margin-top:0}.field-help,.field-error{min-height:1.25rem;margin:-.1rem 0 0;font-size:.82rem;line-height:1.45}.field-help{color:var(--muted)}.field-error{color:var(--danger)}.check-field{align-items:flex-start;gap:.65rem;margin-top:.6rem;display:flex}.check-field input{width:1.15rem;height:1.15rem;accent-color:var(--accent);margin:.12rem 0 0}.form-status{color:var(--muted);margin:.5rem 0 0;font-size:.88rem}.form-status-warning{background:var(--warning-soft);color:#674304;border:1px solid #f0d7a1;border-radius:.72rem;gap:.2rem;margin-top:.65rem;padding:.75rem;font-size:.86rem;display:grid}.route-footnote{color:var(--muted);margin:1.1rem 0 0;font-size:.9rem}.route-footnote a{color:var(--accent-deep);text-underline-offset:.18em;font-weight:700;text-decoration:underline}.auth-form-stack{margin-top:1.4rem}.auth-form-stack .entry-form{margin-top:0}.auth-google-button{border-color:var(--line-strong);background:#fff;width:100%}.auth-google-button span{color:#4285f4;background:#f4f1fb;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;font-weight:850;display:grid}.auth-divider{color:var(--muted);align-items:center;gap:.75rem;margin:1rem 0;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.auth-inline-link{justify-content:flex-end;margin-top:-.15rem;font-size:.82rem;display:flex}.auth-inline-link a,.auth-message a{color:var(--accent-deep);text-underline-offset:.16em;font-weight:700;text-decoration:underline}.auth-message{border:1px solid var(--line);border-radius:.72rem;margin:.8rem 0 0;padding:.7rem .8rem;font-size:.86rem;line-height:1.5}.auth-message-error{background:var(--danger-soft);color:var(--danger);border-color:#efc5ca}.auth-message-success{color:#24623a;background:#f0fbf3;border-color:#bde0c8}.join-account-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1.25rem;display:grid}.join-account-options .field-help{grid-column:1/-1}.my-rooms-section{margin-top:2rem}.my-rooms-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.my-room-card{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:1rem;align-content:start;gap:.55rem;padding:1.2rem;display:grid}.my-room-card h2,.my-room-card p{margin:0}.my-room-card h2{overflow-wrap:anywhere;font-size:1.08rem}.my-room-card .button{width:fit-content;margin-top:.45rem}.my-room-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.4rem;font-size:.75rem;font-weight:720;display:flex}.my-rooms-more{margin-top:1rem}.state-notice{border:1px solid var(--line);background:var(--surface-soft);border-radius:1rem;padding:1rem 1.1rem}.state-notice h2{letter-spacing:-.02em;margin:0;font-size:1rem}.state-notice p:last-child{color:var(--muted);margin:.35rem 0 0;font-size:.9rem;line-height:1.5}.state-label,.status-label{color:var(--muted);letter-spacing:.075em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:780}.state-notice-warning{background:var(--warning-soft);border-color:#f0d7a1}.state-notice-warning .status-label{color:var(--warning)}.state-notice-danger{background:var(--danger-soft);border-color:#efc5ca}.state-notice-danger .status-label{color:var(--danger)}.state-notice-compact{padding:.85rem .95rem}.state-notice-compact h2{font-size:.94rem}.state-notice-compact p:last-child{font-size:.83rem}.host-empty-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-width:52rem;box-shadow:var(--shadow);grid-template-columns:1fr auto;align-items:end;gap:1.25rem;margin-top:2.25rem;padding:clamp(1.3rem,4vw,2rem);display:grid}.host-empty-state h2{letter-spacing:-.035em;margin:0;font-size:1.25rem}.host-empty-state p:not(.status-label){max-width:34rem;color:var(--muted);margin:.45rem 0 0}.host-empty-state .field-help{grid-column:1/-1}.host-workspace{background:var(--canvas);grid-template-rows:auto minmax(0,1fr);min-height:calc(100dvh - 4.75rem);display:grid;position:relative;overflow:hidden}.host-workspace-header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;min-height:5.8rem;padding:1rem max(1.25rem,50vw - 44rem);display:flex}@supports (color:color-mix(in lab, red, red)){.host-workspace-header{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.host-workspace-kicker{color:var(--accent-deep);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .2rem;font-size:.72rem;font-weight:800}.host-workspace-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.25rem,2vw,1.65rem)}.host-workspace-nav{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.host-workspace-stage{isolation:isolate;place-items:center;min-height:36rem;padding:clamp(2rem,6vw,5rem) 1.5rem 3.5rem;display:grid;position:relative}.host-workspace-guides{z-index:-1;opacity:.72;background-image:linear-gradient(#7144e909 1px,#0000 1px),linear-gradient(90deg,#7144e909 1px,#0000 1px);background-size:2.25rem 2.25rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 72%);mask-image:radial-gradient(#000 0%,#0000 72%)}.host-create-card{border:1px solid var(--line);background:var(--surface);width:min(100%,34rem);box-shadow:var(--shadow);border-radius:1.45rem;gap:.55rem;padding:clamp(1.25rem,4vw,2rem);display:grid}.host-create-card h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.45rem,4vw,2rem)}.host-create-card>p:not(.host-workspace-kicker,.field-help,.field-error,.auth-message){color:var(--muted);margin:0 0 .8rem}.host-create-card label{font-size:.9rem;font-weight:720}.host-create-card input{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:2.9rem;color:var(--ink);border-radius:.72rem;padding:.7rem .85rem}.host-create-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.host-create-card input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}}.host-create-card .button{width:fit-content;min-height:2.9rem;margin-top:.65rem}.host-lobby-shell,.host-workspace-shell{width:min(100%,76rem);margin:0 auto;padding:clamp(1rem,4vw,2.5rem)}.host-lobby-header{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:1.2rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:clamp(1.1rem,3vw,1.75rem);display:flex}.host-lobby-header h1{overflow-wrap:anywhere;letter-spacing:-.05em;margin:0;font-size:clamp(1.45rem,4vw,2.25rem)}.host-lobby-header p:not(.status-label){color:var(--muted);margin:.45rem 0 0}.host-lobby-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.host-lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.host-lobby-panel,.host-lobby-notice{border:1px solid var(--line);background:var(--surface);border-radius:1rem;align-content:start;gap:.75rem;min-width:0;padding:1.15rem;display:grid;box-shadow:0 8px 22px #251a490a}.host-lobby-panel h2,.host-lobby-notice h1{letter-spacing:-.025em;margin:0;font-size:1.08rem}.host-lobby-panel label{min-width:0;color:var(--muted);gap:.35rem;font-size:.8rem;font-weight:720;display:grid}.host-lobby-panel input{border:1px solid var(--line-strong);background:var(--surface-soft);min-width:0;min-height:2.75rem;color:var(--ink);border-radius:.7rem;padding:.6rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.host-lobby-panel>.button{width:fit-content}.host-lobby-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.host-lobby-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding-top:.65rem;display:flex}.host-lobby-list li>div{gap:.1rem;min-width:0;display:grid}.host-lobby-list strong{overflow-wrap:anywhere;font-size:.92rem}.host-lobby-list span{color:var(--muted);font-size:.78rem}.host-lobby-danger{background:var(--danger-soft);color:var(--danger);border-color:#d38a95}.host-lobby-danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger);color:#fff}.host-lobby-stale,.host-lobby-closed{background:var(--warning-soft);color:#674304;border:1px solid #f0d7a1;border-radius:.8rem;margin:1rem 0 0;padding:.75rem .9rem;font-size:.88rem}.host-lobby-closed{border-color:var(--line-strong);background:var(--surface-soft);color:var(--muted)}.host-lobby-dialog{border:1px solid var(--line-strong);width:min(100% - 2rem,30rem);color:var(--ink);border-radius:1.1rem;margin:auto;padding:0;box-shadow:0 24px 70px #1f1b2d47}.host-lobby-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#19142773}.host-lobby-dialog form{gap:.75rem;padding:1.25rem;display:grid}.host-lobby-dialog h2,.host-lobby-dialog p{margin:0}.host-lobby-dialog>form>p:not(.status-label){color:var(--muted)}.host-lobby-dialog label{gap:.35rem;font-size:.87rem;font-weight:700;display:grid}.host-lobby-dialog input{border:1px solid var(--line-strong);border-radius:.7rem;min-height:2.75rem;padding:.6rem .75rem}.host-lobby-dialog form>div{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.host-workspace-layout{grid-template-columns:minmax(13rem,18rem) minmax(0,1fr);gap:1rem;margin-top:1rem;display:grid}.host-workspace-documents,.host-workspace-viewer{border:1px solid var(--line);background:var(--surface);border-radius:1rem;min-width:0;padding:1.15rem}.host-workspace-documents h2,.host-workspace-viewer h2{margin:0;font-size:1.08rem}.host-workspace-documents ul{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.host-workspace-documents .button{text-align:left;overflow-wrap:anywhere;justify-content:flex-start;width:100%}.host-workspace-viewer{min-height:34rem}.host-workspace-viewer>div{max-width:32rem;min-height:28rem;color:var(--muted);text-align:center;place-content:center;margin:0 auto;display:grid}.host-workspace-viewer iframe{border:1px solid var(--line);background:#fff;border-radius:.65rem;width:100%;min-height:34rem;margin-top:.75rem}.host-workspace-copy-status{width:fit-content;color:var(--accent-deep);margin:.75rem 0 0 auto;font-size:.85rem;font-weight:700}@media (max-width:40rem){.join-code-control{grid-template-columns:minmax(0,1fr)}.entry-form .join-scan-button{width:100%}.join-scanner-backdrop{align-items:end;padding:0}.join-scanner-dialog{border-radius:1.25rem 1.25rem 0 0;width:100%}.join-account-options{grid-template-columns:1fr}.join-account-options .field-help{grid-column:1}.host-workspace{min-height:calc(100dvh - 4.25rem)}.host-workspace-header{min-height:5.1rem;padding-inline:1rem}.host-workspace-header .button{min-height:2.75rem;padding-inline:.75rem;font-size:.84rem}.host-workspace-stage{min-height:calc(100dvh - 9.35rem);padding:1.5rem 1rem 3.75rem}.host-workspace-header{flex-direction:column;align-items:flex-start}.host-workspace-nav{justify-content:stretch;width:100%}.host-workspace-nav .button{text-align:center;flex:1}.host-create-card .button{width:100%}.host-lobby-header{flex-direction:column}.host-lobby-actions,.host-lobby-actions .button{width:100%}.host-lobby-actions{justify-content:stretch}.host-lobby-grid,.host-workspace-layout{grid-template-columns:minmax(0,1fr)}.host-lobby-list li{flex-direction:column;align-items:flex-start}.host-lobby-list li .button,.host-lobby-panel>.button{width:100%}.host-workspace-viewer,.host-workspace-viewer iframe{min-height:24rem}.host-workspace-copy-status{margin-left:0}}.workspace-shell{width:min(100%,100rem);margin:0 auto;padding:clamp(1rem,2.5vw,2rem)}.session-header{border:1px solid var(--line);background:var(--surface);border-radius:1.1rem;justify-content:space-between;align-items:center;gap:1rem;min-height:5.2rem;padding:.95rem 1.15rem;display:flex;box-shadow:0 6px 18px #251a490d}.session-kicker{color:var(--accent-deep);letter-spacing:.055em;text-transform:uppercase;margin:0 0 .2rem;font-size:.76rem;font-weight:780}.session-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.25rem,2vw,1.75rem)}.session-reference{color:var(--muted);justify-items:end;gap:.1rem;font-size:.78rem;display:grid}.session-reference strong{overflow-wrap:anywhere;max-width:16rem;color:var(--ink);font-size:.92rem}.workspace-content{grid-template-columns:minmax(0,1fr) minmax(16rem,19rem);gap:1.1rem;margin-top:1.1rem;display:grid}.document-stage,.learner-canvas{border:1px solid var(--line);background:var(--surface);border-radius:1.4rem;min-height:31rem;box-shadow:0 12px 30px #251a490e}.document-stage-empty{text-align:center;place-items:center;padding:2rem;display:grid}.document-stage-copy{max-width:31rem}.document-stage-copy h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.35rem,3vw,2.1rem)}.document-stage-copy>p:not(.status-label):not(.field-help){color:var(--muted);margin:.65rem auto 1.4rem}.document-stage-copy .field-help{margin:.7rem 0 0}.session-side-panel,.workspace-status-panel{align-content:start;gap:1rem;display:grid}.control-cluster,.workspace-status-panel{border:1px solid var(--line);background:var(--surface);border-radius:1rem;padding:1.1rem}.control-cluster h2,.workspace-status-panel h2{margin:0 0 .1rem;font-size:1rem}.control-cluster .button{width:100%}.control-cluster .field-help{margin:0}.state-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.1rem;display:grid}.learner-layout{grid-template-columns:minmax(0,1fr) minmax(15rem,18rem);gap:1.1rem;margin-top:1.1rem;display:grid}.learner-canvas{grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.document-navigation{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;min-height:3.6rem;padding:.55rem .8rem;display:flex}.document-navigation p{color:var(--muted);margin:0;font-size:.86rem;font-weight:700}.text-button{min-height:2.75rem;color:var(--accent-deep);background:0 0;border:0;border-radius:.6rem;padding-inline:.6rem;font-size:.86rem;font-weight:700}.document-blank-state{background-image:radial-gradient(var(--line) .65px, transparent .65px);background-size:13px 13px;place-items:center;min-height:22rem;padding:1.25rem;display:grid}.document-blank-state .state-notice{text-align:center;max-width:26rem}.annotation-toolbar{border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.8rem;display:flex}.tool-button{border:1px solid var(--line);background:var(--surface);min-height:2.75rem;color:var(--muted);border-radius:.7rem;padding-inline:.8rem;font-size:.84rem;font-weight:700}.workspace-status-panel dl{gap:.8rem;margin:0;display:grid}.workspace-status-panel dl div{border-top:1px solid var(--line);gap:.15rem;padding-top:.8rem;display:grid}.workspace-status-panel dt{color:var(--muted);font-size:.8rem}.workspace-status-panel dd{margin:0;font-size:.9rem;font-weight:700}.workspace-status-panel .button{margin-top:.35rem}.authorization-boundary{width:min(100%,70rem);color:var(--muted);align-items:baseline;gap:.55rem;margin:0 auto;padding:.5rem 1.25rem 1.25rem;font-size:.78rem;display:flex}.authorization-boundary strong{color:var(--ink);white-space:nowrap}.teacher-phone-note,.learner-companion-note{display:none}@media (max-width:50rem){.workspace-content,.learner-layout{grid-template-columns:1fr}.session-side-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.document-stage,.learner-canvas{min-height:26rem}}@media (max-width:40rem){.topbar{min-height:4.25rem;padding-inline:1rem}.topnav a{padding-inline:.45rem}.workwise-logo{width:10.5rem;height:3rem}.route-shell{padding-inline:1rem}.route-shell-entry{align-content:start;padding-top:3rem}.host-empty-state,.state-strip,.session-side-panel{grid-template-columns:1fr}.host-empty-state{align-items:start}.host-empty-state .button{width:100%}.session-header{flex-direction:column;align-items:flex-start}.session-reference{justify-items:start}.workspace-shell{padding:.75rem}.document-stage,.learner-canvas{border-radius:1rem;min-height:23rem}.document-navigation{padding-inline:.5rem}.text-button{padding-inline:.35rem}.document-navigation p{text-align:center}.learner-state-strip{grid-template-columns:1fr}.learner-companion-note{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:.85rem;margin:.9rem 0 0;padding:.8rem .95rem;font-size:.86rem;display:block}.teacher-phone-note{background:var(--warning-soft);color:#674304;border:1px solid #f0d7a1;border-radius:.85rem;margin:.9rem 0 0;padding:.8rem .95rem;font-size:.86rem;display:block}.authorization-boundary{flex-direction:column;align-items:flex-start;padding-inline:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.local-demo-disclosure{background:var(--accent-soft);max-width:60rem;color:var(--accent-deep);border:1px solid #dbcffb;border-radius:.9rem;margin:1rem 0 0;padding:.8rem 1rem;font-size:.9rem;font-weight:650}.demo-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);gap:1.1rem;margin-top:1.1rem;display:grid}.demo-document{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:1.3rem;overflow:hidden}.demo-document-navigation{border-bottom:1px solid var(--line);min-height:3.5rem;color:var(--muted);justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.8rem;display:flex}.demo-document-navigation strong{color:var(--ink);text-align:center;font-size:.9rem}.demo-page{background-image:radial-gradient(var(--line) .65px, transparent .65px);background-size:13px 13px;min-height:32rem;padding:clamp(1.25rem,4vw,3rem);position:relative}.demo-document-block{background:var(--surface);border:1px solid #0000;border-radius:.85rem;gap:.6rem;width:100%;margin:0 0 1rem;padding:1.05rem;display:grid}@supports (color:color-mix(in lab, red, red)){.demo-document-block{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.demo-document-block{color:var(--ink);text-align:left;line-height:1.65}.demo-document-block:hover{border-color:var(--line-strong)}.demo-drawing-layer{z-index:3;pointer-events:none;touch-action:auto;position:absolute;inset:0}.demo-drawing-layer.is-active{pointer-events:auto;touch-action:none}.demo-toolbar{border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;gap:.5rem;padding:.8rem;display:flex}.demo-toolbar .tool-button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}.tool-button-danger{color:var(--danger)}.demo-notes-panel{border:1px solid var(--line);background:var(--surface);border-radius:1rem;align-content:start;gap:.75rem;padding:1.1rem;display:grid;box-shadow:0 6px 18px #251a490a}.demo-notes-panel h2{margin:0;font-size:1rem}.demo-notes-panel>p{color:var(--muted);margin:0;font-size:.88rem}.demo-notes-panel label{font-size:.88rem;font-weight:720}.demo-notes-panel textarea{resize:vertical;border:1px solid var(--line-strong);width:100%;color:var(--ink);border-radius:.72rem;padding:.7rem .75rem;line-height:1.5}.demo-notes-panel textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.demo-notes-panel textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}}.demo-notes-panel textarea:disabled{background:var(--surface-soft);color:var(--muted)}.demo-notes-panel .button{width:100%}.demo-storage-status{border-top:1px solid var(--line);padding-top:.75rem;font-size:.82rem!important}@media (max-width:50rem){.demo-layout{grid-template-columns:1fr}}@media (max-width:40rem){.demo-page{min-height:28rem;padding:1rem}.demo-document-navigation{flex-direction:column;align-items:flex-start}.demo-document-navigation strong{text-align:left}.demo-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo-toolbar .tool-button{width:100%}}body:has(.local-demo-shell){background:#f6f4fa;overflow:hidden}:is(body:has(.local-demo-shell) .topbar,body:has(.local-demo-shell) .authorization-boundary){display:none}.local-demo-shell{--demo-ink:#29243a;--demo-muted:#736d81;--demo-line:#e7e1ee;--demo-lilac:#f0ebff;--demo-purple:#6841cc;width:calc(100vw - 32px);height:calc(100dvh - 32px);color:var(--demo-ink);background:#f6f4fa;border:1px solid #ebe6f1;border-radius:1.3rem;grid-template-rows:88px minmax(0,1fr);grid-template-columns:minmax(0,1fr);margin:16px;display:grid;overflow:hidden;box-shadow:0 18px 48px #2d1f5017}.demo-room-bar{z-index:3;border-bottom:1px solid var(--demo-line);background:#ffffffeb;border-radius:1.3rem 1.3rem 0 0;grid-column:1;align-items:center;gap:clamp(.75rem,2vw,2rem);padding:0 2rem;display:flex;box-shadow:0 4px 18px #35245d09}.demo-top-wordmark{min-width:9.5rem;display:grid}.demo-room-title{align-items:baseline;gap:.65rem;min-width:max-content;display:flex}.demo-room-title span{color:var(--demo-muted);font-size:.82rem;font-weight:700}.demo-room-title strong{color:var(--demo-purple);letter-spacing:-.035em;font-size:1.08rem}.demo-room-invite-trigger{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.72rem;padding:.48rem .6rem}.demo-room-invite-trigger:hover,.demo-room-invite-trigger[aria-expanded=true]{background:#f4efff;border-color:#d8caff}.demo-room-mode{color:#534d61;background:#f7f5fa;border-radius:999px;margin:0;padding:.55rem .9rem;font-size:.84rem;font-weight:720}.demo-top-actions{justify-content:flex-end;align-items:center;gap:.6rem;min-width:0;margin-left:auto;display:flex}.demo-popover-wrap{position:relative}.demo-top-button{border:1px solid var(--demo-line);color:#4f495e;white-space:nowrap;background:#fff;border-radius:.8rem;min-height:44px;padding:.6rem .82rem;font-size:.8rem;font-weight:740}.demo-top-button-accent{background:var(--demo-lilac);color:#5532b2;border-color:#d9caff}.demo-popover{z-index:8;border:1px solid var(--demo-line);width:min(18rem,100vw - 2rem);color:var(--demo-muted);background:#fff;border-radius:.9rem;padding:.9rem;font-size:.82rem;line-height:1.5;position:absolute;top:calc(100% + .6rem);right:0;box-shadow:0 16px 40px #27194821}.demo-popover strong{color:var(--demo-ink);font-size:.88rem;display:block}.demo-popover p{margin:.35rem 0 0}.demo-save-state{min-width:0;max-width:13rem;color:var(--demo-muted);margin:0;font-size:.73rem;line-height:1.3}.demo-work-area{grid-column:1;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:clamp(.8rem,1.5vw,1.5rem);display:grid;position:relative}.demo-stage{border:1px solid var(--demo-line);background:#fff;border-radius:1.2rem;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:0 14px 34px #2d1f500e}.demo-zoom-cluster{z-index:4;border:1px solid var(--demo-line);background:#fffffff2;border-radius:.82rem;align-items:center;min-height:44px;display:flex;position:absolute;top:1.25rem;left:1.25rem;overflow:hidden;box-shadow:0 8px 18px #2d1f5017}.demo-zoom-cluster button,.demo-zoom-cluster output{border:0;border-right:1px solid var(--demo-line);color:#4d465d;background:0 0;min-width:44px;min-height:44px;padding:0 .65rem;font-size:.78rem;font-weight:760}.demo-zoom-cluster button:last-child{border-right:0}.demo-zoom-cluster output{min-width:56px;color:var(--demo-purple);place-items:center;display:grid}.demo-document-scroll{scrollbar-color:#cfc6df transparent;width:100%;height:100%;padding:clamp(5.3rem,8vw,6.5rem) clamp(1rem,8vw,7rem) clamp(7rem,12vw,9rem);overflow:auto}.demo-document-frame{min-height:100%;margin:0 auto;transition:width .15s}.demo-page{isolation:isolate;background:#fff;border:1px solid #eeeaf3;border-radius:.35rem;min-height:41rem;padding:clamp(2rem,5vw,4.7rem);position:relative;overflow:hidden;box-shadow:0 16px 35px #2e1f5014;container-type:inline-size}.demo-sheet-header{border-bottom:1px solid #e8e2f0;max-width:35rem;padding-bottom:1.75rem}.demo-sheet-header p{color:var(--demo-purple);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:830}.demo-sheet-header span{color:var(--demo-muted);font-size:.98rem}.demo-document-block{z-index:1;color:#464051;text-align:left;background:#fff;border:1px solid #0000;border-radius:.8rem;gap:.55rem;width:100%;margin:1.35rem 0 0;padding:1.25rem 1.35rem;font-size:1rem;line-height:1.72;transition:border-color .12s,background .12s,box-shadow .12s;display:grid;position:relative}.demo-block-title{color:#2d263c;letter-spacing:-.028em;font-size:1.12rem;font-weight:820}.demo-sheet-footer{z-index:1;color:var(--demo-muted);margin-top:2.2rem;font-size:.77rem;position:relative}.demo-drawing-layer{z-index:3;pointer-events:none;touch-action:auto;width:100%;height:100%;position:absolute;inset:0}.demo-drawing-layer.is-active{pointer-events:auto}.demo-page[data-tool=select]{cursor:default}.demo-drawing-layer[data-tool=pen]{cursor:url(/cursors/work-wise/pen.svg) 3 29,crosshair;touch-action:none}.demo-drawing-layer[data-tool=highlight]{cursor:url(/cursors/work-wise/highlight.svg) 4 28,crosshair;touch-action:none}.demo-drawing-layer[data-tool=note]{cursor:url(/cursors/work-wise/note.svg) 4 4,cell;touch-action:none}.demo-drawing-layer[data-tool=eraser]{cursor:url(/cursors/work-wise/eraser.svg) 9 24,crosshair;touch-action:none}.demo-sticky-note{--demo-note-drag-x:0px;--demo-note-drag-y:0px;z-index:4;aspect-ratio:1.12;width:clamp(9rem,25cqi,11rem);transform:translate(-50%, -50%) translate3d(var(--demo-note-drag-x), var(--demo-note-drag-y), 0) rotate(-2deg);color:#181333;isolation:isolate;background:linear-gradient(155deg,#ffffff2e,#0000 42%),linear-gradient(145deg,#dba7ff 0%,#ca8ff3 58%,#bd7ee8 100%);border:1px solid #6d35f22e;grid-template-rows:44px minmax(0,1fr);transition:box-shadow .16s,transform .16s;display:grid;position:absolute;overflow:hidden;box-shadow:0 13px 24px #3a1f5c33,0 2px 4px #3a1f5c1a}.demo-sticky-note:after{z-index:-1;pointer-events:none;content:"";background-image:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 4px);position:absolute;inset:0}.demo-sticky-note:focus-within,.demo-sticky-note.is-editing{z-index:5;box-shadow:0 17px 31px #3a1f5c40,0 0 0 3px #6d35f22e}.demo-sticky-note.is-pressed{transform:translate(-50%, -50%) translate3d(var(--demo-note-drag-x), var(--demo-note-drag-y), 0) rotate(-1deg) scale(1.015)}.demo-sticky-note.is-dragging{z-index:5;transform:translate(-50%, -50%) translate3d(var(--demo-note-drag-x), var(--demo-note-drag-y), 0) rotate(0deg) scale(1.025);will-change:transform;transition:box-shadow .12s;box-shadow:0 22px 38px #3a1f5c47}.demo-sticky-note-drag{color:#2d184b9e;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-self:end;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:grid}.demo-sticky-note-drag:hover{color:#37214f;background:#ffffff26}.demo-sticky-note.is-dragging .demo-sticky-note-drag{cursor:grabbing}.demo-sticky-note-body,.demo-sticky-note-editor{width:100%;min-width:0;min-height:0;color:inherit;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;padding:0 1.15rem 1.1rem;font-family:Segoe Print,Leelawadee UI,cursive;font-size:clamp(.82rem,2.3cqi,1rem);line-height:1.42}.demo-sticky-note-body{cursor:text;display:block;overflow:auto}.demo-sticky-note-editor{resize:none;outline:0;height:100%;overflow:auto}.demo-sticky-note-editor::placeholder,.demo-sticky-note-body:only-child{color:#2d184b9e}.demo-bottom-dock{z-index:6;border:1px solid var(--demo-line);scrollbar-width:none;background:#fffffff5;border-radius:1.1rem;align-items:stretch;max-width:calc(100vw - 3rem);padding:.38rem;display:flex;position:absolute;bottom:clamp(1rem,3vw,2.25rem);left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 14px 28px #2d1f5024}.demo-bottom-dock::-webkit-scrollbar{display:none}.demo-bottom-dock button{color:#554e63;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.78rem;align-content:center;gap:.12rem;min-width:64px;min-height:52px;padding:.42rem .62rem;font-size:.73rem;font-weight:780;line-height:1.1;display:grid}.demo-bottom-dock button span{color:#938b9f;font-size:.59rem;font-weight:700}.demo-bottom-dock button:hover:not(:disabled),.demo-bottom-dock button.is-active{background:var(--demo-lilac);color:#5632b5;border-color:#d5c6ff}.demo-bottom-dock button.is-active span{color:#6a46c7}.demo-bottom-dock button.is-reset{color:#9c3343}.demo-dock-divider{background:var(--demo-line);width:1px;min-width:1px;margin:.3rem}@media (max-width:64rem){.demo-room-bar{gap:.75rem;padding-inline:1.1rem}.demo-room-mode,.demo-save-state{display:none}.demo-work-area{padding:.75rem}.demo-document-scroll{padding-inline:2.25rem}.demo-bottom-dock{max-width:calc(100vw - 7rem)}}@media (max-width:48rem){.local-demo-shell{width:100vw;height:100dvh;box-shadow:none;border:0;border-radius:0;grid-template-rows:72px minmax(0,1fr);grid-template-columns:1fr;margin:0}.demo-room-bar,.demo-work-area{grid-column:1}.demo-room-bar{min-width:0;padding-inline:.8rem}.demo-room-title{gap:.4rem}.demo-top-button{min-width:44px;padding-inline:.62rem;font-size:.72rem}.demo-top-actions{gap:.35rem}.demo-work-area{grid-template-columns:minmax(0,1fr);padding:.55rem}.demo-zoom-cluster{top:.75rem;left:.75rem}.demo-document-scroll{padding:4.5rem .85rem 7rem}.demo-document-frame{margin:0}.demo-page{min-height:36rem;padding:1.6rem}.demo-bottom-dock{border-radius:.9rem;width:auto;max-width:none;bottom:.55rem;left:.55rem;right:.55rem;transform:none}.demo-bottom-dock button{min-width:70px}}@media (max-width:28rem){.demo-room-bar{gap:.4rem}.demo-room-title span,.demo-top-button-accent{display:none}.demo-document-scroll{padding-inline:.5rem}.demo-page{padding:1.25rem}.demo-sheet-header h1{font-size:2.25rem}}body:has(.local-demo-shell){background:#f8f5fb}.local-demo-shell{--demo-ink:#11184f;--demo-muted:#645f78;--demo-line:#59428f1f;--demo-lilac:#eee7ff;--demo-purple:#6d35f2;width:100vw;height:100dvh;box-shadow:none;background:radial-gradient(circle at 46% 38%,#fffffff5 0 20%,#0000 50%),linear-gradient(135deg,#faf7fc 0%,#f5f0fa 52%,#fbf8fc 100%);border:0;border-radius:0;grid-template-rows:64px minmax(0,1fr);grid-template-columns:minmax(0,1fr);margin:0;position:relative}.demo-save-state{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.demo-workwise-button{cursor:pointer;background:0 0;border:0}.demo-production-actions{gap:.45rem;margin-top:.9rem;display:grid}.demo-production-actions button{color:#5130bc;text-align:left;background:#f7f3ff;border:1px solid #d8caff;border-radius:.75rem;align-items:center;gap:.55rem;min-height:44px;padding:.55rem .7rem;font-weight:760;display:flex}.demo-production-actions button:disabled{cursor:not-allowed;opacity:.55}.demo-visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.demo-local-documents-label{color:#756e87;text-transform:uppercase;margin:1rem 0 .3rem;font-size:.7rem;font-weight:800}.demo-action-message{color:#6a3cbd;margin:.65rem 0 0;font-size:.74rem;line-height:1.45}.demo-inbox-button{position:relative}.demo-inbox-button b{color:#fff;background:#6d35f2;border-radius:999px;place-items:center;min-width:1.15rem;height:1.15rem;font-size:.62rem;display:grid}.demo-action-dialog{overscroll-behavior:contain;color:#1e1840;background:#fff;border:1px solid #533e8224;border-radius:1.2rem;width:min(34rem,100vw - 2rem);max-height:min(42rem,100dvh - 2rem);margin:auto;padding:1.25rem;overflow:auto;box-shadow:0 28px 80px #20153c47}.demo-action-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#160f2d6b}.demo-action-dialog>header,.demo-action-dialog>footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.demo-action-dialog>header{border-bottom:1px solid #ebe6f3;padding-bottom:.75rem}.demo-action-dialog h2{margin:0;font-size:1.15rem}.demo-action-dialog button{color:#5430c3;background:#f7f4ff;border:1px solid #d8cfee;border-radius:.65rem;min-height:40px;padding:.45rem .7rem;font-weight:760}.demo-action-dialog form{grid-template-columns:1fr auto;gap:.5rem;margin-top:1rem;display:grid}.demo-action-dialog form label{grid-column:1/-1;font-size:.76rem;font-weight:760}.demo-action-dialog input{border:1px solid #d8cfee;border-radius:.65rem;min-width:0;min-height:40px;padding:.45rem .6rem}.demo-action-dialog ul{gap:.5rem;padding:0;list-style:none;display:grid}.demo-action-dialog li{border-bottom:1px solid #eeeaf5;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem 0;display:flex}.demo-import-file-name{overflow-wrap:anywhere;color:#302653;margin:1rem 0 0;font-size:.88rem;font-weight:760}.demo-import-progress{counter-reset:import-step;gap:.6rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.demo-import-progress li{color:#7b7488;border:1px solid #e4def0;border-radius:.75rem;align-items:center;gap:.7rem;min-height:44px;padding:.55rem .7rem;font-size:.82rem;font-weight:700;display:flex}.demo-import-progress li:before{color:#756e87;content:counter(import-step);counter-increment:import-step;background:#ede9f5;border-radius:50%;flex:none;place-items:center;width:1.45rem;height:1.45rem;font-size:.68rem;display:grid}.demo-import-progress li.is-current{color:#5130bc;background:#f6f2ff;border-color:#855ff1}.demo-import-progress li.is-current:before{color:#fff;background:#6d35f2;box-shadow:0 0 0 4px #6d35f221}.demo-import-progress li.is-complete{color:#246c3c;background:#f2fbf4;border-color:#b9e3c4}.demo-import-progress li.is-complete:before{color:#fff;content:"✓";background:#287a43}.demo-import-result,.demo-import-help{margin:1rem 0 0;font-size:.82rem;line-height:1.5}.demo-import-result{border-radius:.7rem;padding:.65rem .75rem;font-weight:700}.demo-import-result.is-success{color:#246c3c;background:#f0fbf2}.demo-import-result.is-error{color:#a12e40;background:#fff1f3}.demo-import-help{color:#756e87}.demo-modal-danger{color:#fff!important;background:#a12e40!important;border-color:#a12e40!important}.demo-share-preview{object-fit:contain;background:#fff;border:1px solid #e2dced;width:100%;max-height:23rem;margin:1rem 0;display:block}.demo-share-recipient{color:#5d31cf;background:#f6f2ff;border:1px solid #dacbff;border-radius:.8rem;gap:.2rem;margin:1rem 0 0;padding:.75rem .85rem;font-size:.82rem;display:grid}.demo-share-recipient span{color:#675e7b;font-size:.76rem;line-height:1.45}.demo-inbox-list img{object-fit:cover;border:1px solid #e2dced;width:72px;height:72px}.demo-inbox-list span{flex:1;gap:.15rem;min-width:0;display:grid}.demo-inbox-list small{color:#716b80;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.demo-inbox-open{color:#302653;text-align:left;background:0 0;border:0;border-radius:.7rem;flex:1;align-items:center;gap:.7rem;min-width:0;padding:.35rem;display:flex}.demo-inbox-open:hover{background:#f3effc}.demo-inbox-preview{gap:.75rem;margin-top:.75rem;display:grid}.demo-inbox-preview>button{color:#5f2fd9;background:#eee7ff;border-radius:.65rem;width:max-content;min-height:40px;padding:.45rem .7rem;font-weight:760}.demo-inbox-preview img{object-fit:contain;background:#fff;border:1px solid #e2dced;border-radius:.65rem;width:100%;max-height:min(65dvh,46rem);display:block}.demo-inbox-preview p{color:#716b80;margin:0;font-size:.75rem}.demo-message-list{gap:.55rem;max-height:min(42dvh,24rem);margin-top:.75rem;display:grid;overflow:auto}.demo-message-item{background:#faf9ff;border:1px solid #e2dced;border-radius:.7rem;padding:.7rem}.demo-message-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.25rem 0}.demo-message-item small{color:#716b80;font-size:.7rem}.demo-messages-dialog form{gap:.55rem;margin-top:.85rem;display:grid}.demo-messages-dialog textarea,.demo-messages-dialog select{color:#302653;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #d8d0e8;border-radius:.6rem;padding:.65rem}.demo-export-status{z-index:30;color:#fff;background:#1f1640;border-radius:.8rem;align-items:center;gap:.65rem;padding:.65rem .8rem;font-size:.78rem;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 12px 32px #1f144047}.demo-export-status button{min-height:34px;color:inherit;border:1px solid #ffffff6b;border-radius:.55rem;padding:.35rem .55rem}.demo-export-status.is-error{background:#8d1e35}.demo-room-bar{z-index:7;box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf9fdc7;border-bottom:1px solid #533e8214;border-radius:0;gap:.75rem;padding:0 1rem}.demo-top-wordmark{min-width:7.5rem}.demo-top-wordmark .workwise-logo{width:7.5rem;height:2.5rem}.demo-room-title span{color:#5e5a77;font-size:.9rem}.demo-room-title strong{color:var(--demo-purple);font-size:1.18rem;font-weight:850}.demo-document-menu{min-width:0;position:relative}.demo-document-trigger{color:#171c4f;text-align:left;background:#ffffff9e;border:1px solid #62489917;border-radius:.9rem;align-items:center;gap:.65rem;min-width:11.5rem;min-height:42px;padding:.45rem .75rem;display:flex}.demo-document-trigger>span:not(.demo-document-trigger-page){min-width:0;display:grid}.demo-document-trigger small{color:#77718b;font-size:.66rem;font-weight:700}.demo-document-trigger strong{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:.82rem;overflow:hidden}.demo-document-trigger-page{color:#6c35e9;white-space:nowrap;margin-left:auto;font-size:.68rem;font-weight:800}.demo-document-trigger:hover,.demo-document-trigger[aria-expanded=true]{background:#f2edff;border-color:#6d35f238}.demo-document-picker{width:100%;max-height:min(38rem,100dvh - 8rem);padding:0;overflow-y:auto}.demo-document-picker>header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.demo-document-picker>header p{color:#6d35f2;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .2rem;font-size:.68rem;font-weight:850}.demo-document-picker>header h2{color:#14194e;margin:0;font-size:1.05rem}.demo-document-picker>header button{color:#615b73;border-radius:.75rem;min-width:44px;min-height:44px}.demo-create-blank{color:#5f2fd9;text-align:left;background:#f2edff;border:1px solid #d8caff;border-radius:.9rem;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.65rem;width:100%;min-height:62px;margin-top:.9rem;padding:.65rem .75rem;display:grid}.demo-create-blank>span{display:grid}.demo-create-blank strong{font-size:.84rem}.demo-create-blank small{color:#71698a;margin-top:.14rem;font-size:.68rem}.demo-create-blank b{background:#fff;border-radius:999px;padding:.25rem .45rem;font-size:.64rem}.demo-create-blank:hover:not(:disabled){background:#eae1ff;border-color:#9f7cf3}.demo-document-list{gap:.55rem;margin-top:.9rem;display:grid}.demo-document-item{background:#fff;border:1px solid #533e821a;border-radius:.9rem;overflow:hidden}.demo-document-item:hover{border-color:#6d35f238}.demo-document-item.is-current{background:#f2edff;border-color:#8e65ef;box-shadow:inset 0 0 0 1px #6d35f22e}.demo-document-open{color:#171c4f;text-align:left;background:0 0;border:0;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;min-height:68px;padding:.65rem;display:grid}.demo-document-open:hover{background:#faf8ffc7}.demo-document-list-icon{color:#6531e6;background:#eee7ff;border-radius:.75rem;place-items:center;width:44px;height:44px;display:grid}.demo-document-open>span:nth-child(2){min-width:0;display:grid}.demo-document-list strong{font-size:.88rem}.demo-document-list small{color:#6f697e;margin-top:.18rem;font-size:.7rem;line-height:1.35}.demo-document-list-meta{color:#6030d7;background:#e9ddff;border-radius:999px;padding:.28rem .52rem;font-size:.64rem;font-weight:850}.demo-document-actions{justify-content:flex-end;gap:.4rem;padding:0 .65rem .65rem;display:flex}.demo-document-actions button{color:#5a5369;background:#ffffffd6;border:1px solid #ddd5e8;border-radius:.65rem;min-height:44px;padding:.45rem .65rem;font-size:.68rem;font-weight:760}.demo-document-actions button:hover{border-color:#bba7ef}.demo-document-actions button.is-danger{color:#a12e40}.demo-document-rename{grid-template-columns:minmax(0,1fr) auto auto;gap:.45rem;padding:0 .65rem .65rem;display:grid}.demo-document-rename label{color:#514a60;grid-column:1/-1;font-size:.68rem;font-weight:800}.demo-document-rename input{color:#171c4f;border:1px solid #cfc4dc;border-radius:.65rem;min-width:0;min-height:44px;padding:.55rem .65rem}.demo-document-rename input:focus{border-color:#7a48ec;outline:0;box-shadow:0 0 0 3px #6d35f224}.demo-document-rename button{color:#5f2fd9;background:#eee7ff;border-radius:.65rem;min-height:44px;padding:.5rem .65rem;font-size:.68rem;font-weight:800}.demo-document-rename p{color:#a12e40;grid-column:1/-1;margin:0;font-size:.68rem}.demo-document-picker-note{color:#6f697e;border-top:1px solid #533e821a;margin:.85rem 0 0;padding-top:.75rem;font-size:.7rem;line-height:1.45}.demo-participant-dialog{gap:1rem;display:grid}.demo-participant-dialog>header{border-bottom:1px solid #ebe6f3;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.85rem;display:flex}.demo-participant-dialog>header p{color:#6d35f2;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .2rem;font-size:.68rem;font-weight:850}.demo-participant-dialog>header h2{color:#14194e;margin:0;font-size:1.1rem}.demo-participant-dialog>header button{min-width:44px;min-height:44px}.demo-participant-summary{color:#5d31cf;background:linear-gradient(135deg,#f5f0ff,#fff);border:1px solid #dacbff;border-radius:1rem;align-items:baseline;gap:.5rem;padding:1rem;display:flex}.demo-participant-summary strong{letter-spacing:-.07em;font-size:2rem;line-height:1}.demo-participant-summary span{color:#675e7b;font-size:.82rem;font-weight:720}.demo-participant-note{color:#716a7f;margin:0;font-size:.82rem;line-height:1.55}.demo-export-dialog{gap:1rem;display:grid}.demo-export-dialog>header{border-bottom:1px solid #ebe6f3;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.85rem;display:flex}.demo-export-dialog>header p{color:#6d35f2;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .2rem;font-size:.68rem;font-weight:850}.demo-export-dialog>header h2{color:#14194e;margin:0;font-size:1.1rem}.demo-export-dialog>header button{min-width:44px;min-height:44px}.demo-export-progress{text-align:center;background:linear-gradient(135deg,#f5f0ff,#fff);border:1px solid #dacbff;border-radius:1rem;justify-items:center;gap:.4rem;padding:1.4rem 1rem;display:grid}.demo-export-progress strong{color:#5d31cf;letter-spacing:-.07em;font-size:2.2rem;line-height:1}.demo-export-progress strong span{color:#8d82a5;letter-spacing:-.02em;font-size:1rem}.demo-export-progress p,.demo-export-error{color:#716a7f;margin:0;font-size:.82rem;line-height:1.55}.demo-export-error{color:#a12e40;background:#fff4f5;border:1px solid #f2c8cf;border-radius:.8rem;padding:.85rem}.demo-invite-dialog{gap:1rem;display:grid}.demo-invite-dialog>header{border-bottom:1px solid #ebe6f3;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.85rem;display:flex}.demo-invite-dialog>header p,.demo-invite-kicker{color:#6d35f2;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .2rem;font-size:.68rem;font-weight:850}.demo-invite-dialog>header h2{color:#14194e;margin:0;font-size:1.1rem}.demo-invite-dialog>header button{min-width:44px;min-height:44px}.demo-invite-hero{background:linear-gradient(135deg,#f5f0ff,#fff);border:1px solid #dacbff;border-radius:1rem;grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;display:grid}.demo-invite-hero img{background:#fff;border-radius:.75rem;width:9rem;height:9rem;padding:.35rem;display:block}.demo-invite-hero>div{gap:.25rem;min-width:0;display:grid}.demo-invite-hero strong{overflow-wrap:anywhere;color:#5d31cf;letter-spacing:-.07em;font-size:2rem;line-height:1}.demo-invite-hero span{overflow-wrap:anywhere;color:#675e7b;font-size:.82rem;font-weight:720}.demo-invite-access{color:#246c3c;background:#f2fbf4;border:1px solid #c4e7d0;border-radius:.8rem;gap:.25rem;margin:0;padding:.85rem;font-size:.82rem;line-height:1.5;display:grid}.demo-invite-access b{font-size:.86rem}.demo-invite-field{color:#514a60;gap:.4rem;font-size:.76rem;font-weight:800;display:grid}.demo-invite-field input{color:#382d5a;background:#faf8ff;border:1px solid #d8cfee;border-radius:.72rem;min-width:0;min-height:44px;padding:.55rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.demo-invite-actions{flex-wrap:wrap;gap:.55rem;display:flex}.demo-invite-actions button{min-height:44px}.demo-invite-copy-status,.demo-invite-help{color:#716a7f;margin:0;font-size:.78rem;line-height:1.5}.demo-invite-copy-status{color:#246c3c;font-weight:720}.demo-room-mode{color:#171c4f;background:#ffffff7a;border:1px solid #62489912;align-items:center;gap:.55rem;min-height:42px;padding:.65rem 1rem;display:flex}.demo-top-actions{gap:.4rem}.demo-mobile-primary-actions,.demo-mobile-secondary-actions{display:contents}.demo-avatars{align-items:center;padding-left:7px;display:flex}.demo-avatar{color:#fff;border:3px solid #fbf9fd;border-radius:50%;place-items:center;width:40px;height:40px;margin-left:-7px;font-size:.72rem;font-weight:850;display:grid;box-shadow:0 4px 12px #2d1f501a}.demo-avatar-one{background:linear-gradient(145deg,#2e8f73,#f0b88e)}.demo-avatar-two{background:linear-gradient(145deg,#384449,#c18d69)}.demo-avatar-three{background:linear-gradient(145deg,#d5a184,#704c3e)}.demo-top-button{color:#191d4f;background:#ffffffad;border-color:#533e8217;border-radius:999px;align-items:center;gap:.55rem;min-height:42px;padding:.5rem .75rem;font-size:.86rem;display:inline-flex}.demo-top-button strong{font-size:1rem}.demo-my-rooms-button svg{transform:rotate(90deg)}.demo-participant-label{align-items:center;gap:.35rem;display:inline-flex}.demo-top-button-accent{color:#6330e9;background:#eee7ff;border-color:#6d35f212}.demo-popover{border-color:#59428f1f;border-radius:1rem}.demo-work-area{grid-template-columns:minmax(0,1fr);gap:0;padding:0 1.25rem 1.25rem}.demo-stage{isolation:isolate;box-shadow:none;background:radial-gradient(circle at 50% 38%,#fffffff5 0 16%,#0000 45%),radial-gradient(circle at 22% 25%,#e0cff83d,#0000 28%),radial-gradient(circle at 86% 64%,#ece2f759,#0000 30%);border:0;border-radius:0 0 1.6rem 1.6rem}.demo-board-decor{z-index:0;pointer-events:none;position:absolute;inset:0}.demo-photo{background:#fff;border:1px solid #533e8214;margin:0;padding:.55rem .55rem 1rem;position:absolute;overflow:visible;box-shadow:0 15px 28px #30204d1f}.demo-photo:before{z-index:2;content:"";background:#b88ff275;width:4.8rem;height:1.25rem;position:absolute;top:-.7rem;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #46306914}.demo-photo img{object-fit:cover;display:block;width:auto!important;height:auto!important;inset:.55rem .55rem 1rem!important}.demo-photo-notebook{width:13.5rem;height:11.5rem;top:3.2rem;left:3.4rem;transform:rotate(-6deg)}.demo-photo-report{width:13.2rem;height:11.2rem;top:3.4rem;right:3.1rem;transform:rotate(7deg)}.demo-photo-classroom{width:14rem;height:12rem;bottom:6rem;left:3.2rem;transform:rotate(-5deg)}.demo-sticky{color:#111331;padding:1.2rem;font-family:Segoe Print,Bradley Hand,cursive;font-size:1rem;line-height:1.55;position:absolute;box-shadow:0 12px 24px #31204d21}.demo-sticky:after{content:"";border-bottom:2px solid #7542f0;width:3.2rem;margin-top:.45rem;display:block}.demo-sticky-left{background:linear-gradient(145deg,#dba7ff,#c78bf0);width:10rem;top:17.5rem;left:4.2rem;transform:rotate(-7deg)}.demo-sticky-right{background:#ffe585;width:8.5rem;bottom:13rem;right:16.5rem;transform:rotate(4deg)}.demo-handnote{color:#111331;margin:0;font-family:Segoe Print,cursive;font-size:1.02rem;line-height:1.35;position:absolute}.demo-handnote:after{content:"";border-bottom:1.5px solid;width:3.5rem;margin-top:.25rem;display:block}.demo-handnote-left{bottom:8.5rem;left:18rem;transform:rotate(8deg)}.demo-handnote-right{top:16.5rem;right:3.8rem;transform:rotate(7deg)}.demo-document-scroll{z-index:2;scrollbar-color:#6d35f247 transparent;padding:1.1rem 1rem 7.4rem;position:relative}.demo-page-nav-previous svg{transform:rotate(90deg)}.demo-page-nav-next svg{transform:rotate(-90deg)}.demo-document-frame{z-index:2;min-height:100%;position:relative}.demo-page{background:#fffffffa;border:1px solid #4c38741c;border-radius:.45rem;min-height:49rem;padding:3rem 4.6rem 2.4rem;box-shadow:0 24px 48px #301f501f}.demo-pdf-page,.demo-blank-page{aspect-ratio:595.2/841.92;background:#fff;min-height:0;padding:0;position:relative;overflow:hidden}.demo-pdf-canvas{background:#fff;width:100%;height:auto;display:block}.demo-pdf-status{z-index:5;color:#34304e;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffe0;place-content:center;justify-items:center;gap:.65rem;padding:2rem;font-size:.86rem;display:grid;position:absolute;inset:0}.demo-pdf-status>span{border:3px solid #e4dcf7;border-top-color:#6d35f2;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite demo-pdf-spin}.demo-pdf-status.is-error{color:#721c24;background:#fffafaf0}.demo-pdf-status.is-error strong{font-size:1rem}.demo-pdf-status.is-error p{max-width:24rem;margin:0;line-height:1.55}.demo-pdf-status.is-error button{color:#fff;background:#6d35f2;border-radius:.75rem;min-height:44px;padding:.6rem 1rem;font-weight:800}.demo-production-source-error{color:#5d526f;text-align:center;place-content:center;gap:.65rem;min-height:24rem;display:grid}.demo-production-source-error h2,.demo-production-source-error p{margin:0}.demo-word-page{min-height:49rem;padding:clamp(1rem,3vw,2.5rem);overflow:auto}.demo-word-preview{color:#201a2d;min-height:42rem}.demo-word-preview .docx-wrapper{background:0 0;padding:0}.demo-word-preview .docx{margin:0 auto 1.5rem;box-shadow:0 12px 28px #2e1f501f}@keyframes demo-pdf-spin{to{transform:rotate(360deg)}}.demo-sheet-header{border-bottom-color:#6d35f22b;max-width:none;padding:0 0 1.55rem;position:relative}.demo-sheet-header p{color:var(--demo-purple);letter-spacing:.13em;font-size:.84rem}.demo-sheet-header h1{color:#12184f;letter-spacing:-.055em;margin:.55rem 0 0;font-size:clamp(2.35rem,3.1vw,3.25rem);line-height:1.16}.demo-title-underline{border-top:2px solid #7138f2;width:9.5rem;position:absolute;bottom:3.8rem;right:4.8rem;transform:rotate(-2deg)}.demo-title-star{color:#7138f2;font-size:3.2rem;line-height:1;position:absolute;top:-.5rem;right:.35rem;transform:rotate(12deg)}.demo-header-note{color:#15183d;text-align:center;font-family:Segoe Print,cursive;font-size:.82rem;line-height:1.2;position:absolute;bottom:.6rem;right:.4rem;transform:rotate(-8deg)}.demo-document-block{background:0 0;border-radius:.8rem;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:.85rem;min-height:58px;margin:.35rem 0 0;padding:.3rem .55rem}.demo-document-block:hover{background:#faf7ff;border-color:#0000}.demo-document-block.is-highlighted{background:#fff3a9}.demo-document-block.is-selected{border-color:var(--demo-purple);box-shadow:inset 0 0 0 1px var(--demo-purple)}.demo-block-icon{color:#6130df;background:#eee7ff;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.demo-block-copy{min-width:0;display:grid}.demo-block-title{z-index:1;color:#14194e;width:max-content;max-width:100%;font-size:1.23rem;font-weight:700;line-height:1.3;position:relative}.demo-block-title:before{z-index:-1;clip-path:polygon(2% 12%,98% 0,94% 90%,4% 100%);content:"";background:#ffe998;height:1.05rem;position:absolute;inset:50% -.45rem auto;transform:translateY(-45%)rotate(-1deg)}.demo-block-practice .demo-block-title:before,.demo-block-private .demo-block-title:before{background:#e8dcff}.demo-block-together .demo-block-title{border:2px solid #7440ef;border-radius:999px;padding:.15rem .65rem}.demo-block-together .demo-block-title:before{display:none}.demo-block-description{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-sheet-footer{color:#7740ef;letter-spacing:-.04em;text-align:center;grid-template-columns:auto auto auto;justify-content:center;gap:.65rem;margin-top:1.2rem;font-size:2rem;font-weight:850;display:grid}.demo-sheet-footer small{color:#827b91;letter-spacing:0;grid-column:1/-1;font-size:.68rem;font-weight:600}.demo-bottom-dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-color:#533e8217;border-radius:1.2rem;gap:.12rem;max-width:calc(100vw - 3rem);padding:.35rem .5rem;bottom:.7rem;left:50%;box-shadow:0 16px 34px #301f501c}.demo-bottom-dock button{color:#171c4f;place-items:center;gap:.15rem;min-width:68px;min-height:58px;padding:.35rem .55rem;display:grid;position:relative}.demo-bottom-dock button svg{width:23px;height:23px}.demo-bottom-dock button span{color:inherit;font-size:.68rem}.demo-tool-color{border:1px solid #ffffffe6;border-radius:50%;width:.55rem;height:.55rem;position:absolute;bottom:.42rem;right:.48rem;box-shadow:0 0 0 1px #1f184129}.demo-bottom-dock button:hover:not(:disabled),.demo-bottom-dock button.is-active{color:#6330df;background:#eee7ff;border-color:#0000}.demo-bottom-dock button:disabled{opacity:.42}.demo-dock-page-nav{grid-template-columns:44px minmax(2.6rem,auto) 44px;align-items:center;gap:.1rem;min-height:58px;display:grid}.demo-bottom-dock .demo-dock-page-nav button{color:#5f2fd9;width:44px;min-width:44px;min-height:52px;padding:.35rem}.demo-dock-page-nav output{color:#33206d;text-align:center;white-space:nowrap;min-width:2.6rem;font-size:.72rem;font-weight:850;line-height:1}.demo-color-picker{z-index:7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;background:#ffffffe0;border:1px solid #533e821a;border-radius:1rem;align-items:center;gap:.42rem;max-width:calc(100vw - 3rem);padding:.45rem .55rem;display:flex;position:absolute;bottom:5.35rem;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 14px 30px #301f501f}.demo-color-picker::-webkit-scrollbar{display:none}.demo-color-picker-label{color:#252052;min-width:max-content;padding-inline:.45rem;font-size:.76rem;font-weight:800}.demo-color-swatch{cursor:pointer;border:3px solid #fff;border-radius:50%;width:44px;min-width:44px;height:44px;position:relative;box-shadow:0 0 0 1px #2a1f4d26}.demo-color-swatch.is-selected{box-shadow:0 0 0 3px #6d35f2,inset 0 0 0 1px #ffffffb3}.demo-color-swatch.is-selected:after{content:"";filter:drop-shadow(0 1px 1px #0000004d);border-bottom:2px solid #fff;border-right:2px solid #fff;width:.48rem;height:.85rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-58%)rotate(42deg)}.demo-custom-color{cursor:pointer;background:#f8f5ff;border:1px solid #533e8224;border-radius:.75rem;place-items:center;width:48px;min-width:48px;height:44px;display:grid;position:relative;overflow:hidden}.demo-custom-color span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.demo-custom-color input{cursor:pointer;background:0 0;border:0;width:34px;height:34px;padding:0}.demo-custom-color input::-webkit-color-swatch-wrapper{padding:2px}.demo-custom-color input::-webkit-color-swatch{border:0;border-radius:.5rem}.demo-pen-size-picker{border-left:1px solid #533e821f;align-items:center;gap:.24rem;min-width:max-content;padding-left:.35rem;display:flex}.demo-pen-size-picker>span{color:#252052;padding-inline:.25rem;font-size:.7rem;font-weight:800}.demo-pen-size-button{color:#6d35f2;background:#fff;border:1px solid #533e8224;border-radius:.65rem;place-items:center;width:36px;min-width:36px;height:36px;padding:0;display:grid}.demo-pen-size-button i{background:currentColor;border-radius:50%;max-width:18px;max-height:18px;display:block}.demo-pen-size-button.is-selected{background:#eee7ff;border-color:#6d35f2;box-shadow:inset 0 0 0 1px #6d35f22e}.demo-zoom-cluster{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-radius:1rem;inset:auto auto .75rem 1rem}.demo-zoom-cluster button,.demo-zoom-cluster output{font-size:.88rem}.demo-fit-button{margin-left:.45rem;border-left:1px solid var(--demo-line)!important}.demo-minimap{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #533e8217;border-radius:1rem;place-items:center;width:10.5rem;height:6.5rem;display:grid;position:absolute;bottom:.75rem;right:1.25rem;box-shadow:0 14px 30px #301f5014}.demo-minimap span{border:1.5px solid #915bf3;width:5.8rem;height:3.6rem;box-shadow:inset -8px -5px #f3edff}.demo-delete-dialog{color:#171c4f;background:#fff;border:1px solid #533e8224;border-radius:1.2rem;width:min(28rem,100vw - 2rem);margin:auto;padding:0;overflow:hidden;box-shadow:0 26px 70px #23144347}.demo-delete-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18112b6b}.demo-delete-dialog>div{justify-items:start;gap:.65rem;padding:1.35rem;display:grid}.demo-delete-dialog-icon{color:#a12e40;background:#fff0f2;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.demo-delete-dialog p{color:#716a7f;margin:0;font-size:.78rem;line-height:1.55}.demo-delete-dialog>div>p:first-of-type{color:#a12e40;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:850}.demo-delete-dialog h2{letter-spacing:-.035em;margin:0;font-size:1.25rem}.demo-delete-dialog-actions{justify-content:flex-end;gap:.55rem;width:100%;margin-top:.35rem;display:flex}.demo-delete-dialog-actions button{color:#544d60;background:#fff;border:1px solid #d8d0e4;border-radius:.72rem;min-height:44px;padding:.55rem .85rem;font-weight:780}.demo-delete-dialog-actions button:last-child{color:#fff;background:#a12e40;border-color:#a12e40}.local-demo-shell button:focus-visible,.local-demo-shell a:focus-visible{outline-offset:3px;outline:3px solid #6d35f26b}@media (max-width:74rem){.demo-board-decor,.demo-room-mode,.demo-save-state{display:none}.demo-document-trigger strong{max-width:8rem}.demo-document-scroll{padding-inline:1rem}.demo-minimap{display:none}.demo-bottom-dock{max-width:calc(100vw - 3rem)}.demo-room-bar{gap:.35rem;padding-inline:.65rem}.demo-top-wordmark{min-width:6.5rem}.demo-top-wordmark .workwise-logo{width:6.5rem;height:2.2rem}.demo-document-trigger{min-width:9.5rem}.demo-top-button{min-width:42px;padding-inline:.6rem}.demo-top-button span,.demo-room-title span{display:none}.demo-room-title{min-width:0;padding-inline:.45rem}.demo-room-title strong{font-size:.86rem}}@media (max-width:56rem){.local-demo-shell{grid-template-rows:60px minmax(0,1fr);grid-template-columns:1fr}.demo-room-bar,.demo-work-area{grid-column:1}.demo-top-wordmark{min-width:0;padding:0;display:inline-flex}.demo-room-bar{gap:.25rem;min-width:0;padding:.3rem .45rem;display:flex;overflow:hidden}.demo-top-wordmark{flex:none;align-self:center}.demo-top-wordmark .workwise-logo{width:5.5rem;height:2rem}.demo-top-actions{gap:.2rem;min-width:0;display:flex}.demo-mobile-primary-actions,.demo-mobile-secondary-actions{align-items:center;gap:.15rem;display:flex}.demo-mobile-primary-actions .demo-top-button,.demo-mobile-secondary-actions .demo-top-button{min-width:40px;min-height:40px;padding:.45rem}.demo-mobile-secondary-actions .demo-top-button-accent{display:inline-flex}.demo-mobile-primary-actions .demo-top-button span,.demo-mobile-secondary-actions .demo-top-button span,.demo-mobile-primary-actions .demo-room-title span{display:none}.demo-mobile-primary-actions .demo-room-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:4rem;display:block;overflow:hidden}.demo-mobile-primary-actions .demo-room-title strong{font-size:.77rem}.demo-document-menu{flex:10rem;min-width:6.5rem}.demo-document-trigger{width:100%;min-width:0;min-height:40px;padding-inline:.5rem}.demo-document-trigger small,.demo-document-trigger-page{display:none}.demo-document-trigger strong{max-width:none}.demo-document-picker{max-height:min(36rem,100dvh - 8rem)}.demo-invite-hero{grid-template-columns:7.25rem minmax(0,1fr)}.demo-invite-hero img{width:7.25rem;height:7.25rem}.demo-work-area{grid-template-columns:minmax(0,1fr);padding:.5rem}.demo-stage{border-radius:1rem}.demo-document-scroll{padding:.65rem .55rem 6.6rem}.demo-page{min-height:45rem;padding:2rem clamp(1.2rem,6vw,3rem)}.demo-pdf-page,.demo-blank-page{min-height:0;padding:0}.demo-bottom-dock{width:auto;max-width:none;bottom:.55rem;left:.55rem;right:.55rem;transform:none}.demo-color-picker{width:auto;max-width:none;bottom:5.2rem;left:.55rem;right:.55rem;transform:none}.demo-zoom-cluster{top:.8rem;bottom:auto;left:.8rem}}@media (max-width:42rem){.local-demo-shell{grid-template-rows:102px minmax(0,1fr)}.demo-room-bar{grid-template-rows:44px 48px;grid-template-columns:minmax(0,1fr) auto auto;gap:.2rem;padding:.25rem .4rem;display:grid}.demo-top-wordmark{grid-area:1/1}.demo-document-menu{grid-area:2/1;width:100%}.demo-top-actions{display:contents}.demo-mobile-primary-actions{grid-area:1/2/auto/4;justify-content:flex-end}.demo-mobile-secondary-actions{grid-area:2/3}.demo-my-rooms-button{grid-area:2/2;justify-self:end}}@media (max-width:36rem){.demo-room-bar{gap:.2rem}.demo-mobile-primary-actions{gap:.1rem}.demo-mobile-primary-actions .demo-top-button,.demo-mobile-secondary-actions .demo-top-button{min-width:36px;padding:.32rem}.demo-sheet-header{padding-top:3.4rem}.demo-sheet-header h1{font-size:clamp(1.85rem,9vw,2.55rem)}.demo-title-star,.demo-header-note{display:none}.demo-title-underline{width:7rem;bottom:2.7rem;right:.5rem}.demo-document-block{grid-template-columns:44px minmax(0,1fr);min-height:56px;padding-inline:.15rem}.demo-block-icon{width:40px;height:40px}.demo-block-title{font-size:1rem}.demo-sheet-footer{font-size:1.5rem}.demo-bottom-dock button{min-width:64px}.demo-bottom-dock .demo-dock-page-nav button{width:44px;min-width:44px}.demo-color-picker-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.demo-document-frame,.local-demo-shell *{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important}.demo-pdf-status>span{border-color:#6d35f2;animation:none}}.public-room-entry>button[disabled]{display:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}