@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}}}@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-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{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.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,)}.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)}}: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{color:var(--accent);letter-spacing:-.04em;font-size:1.08rem;font-weight:790}.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}.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}.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}.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}.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:none;position:absolute;inset:0}.demo-note-marker{z-index:4;border:1px solid var(--accent);background:var(--surface);min-height:2.75rem;color:var(--accent-deep);border-radius:.7rem;padding-inline:.65rem;font-size:.78rem;font-weight:760;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 14px #7144e92e}.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:72px minmax(0,1fr);margin:16px;display:grid;overflow:hidden;box-shadow:0 18px 48px #2d1f5017}.demo-left-rail{z-index:4;border-right:1px solid var(--demo-line);background:#fff;border-radius:1.3rem 0 0 1.3rem;flex-direction:column;grid-row:1/-1;align-items:center;gap:.75rem;padding:1rem .5rem;display:flex;box-shadow:5px 0 18px #35245d09}.demo-wordmark{background:var(--demo-lilac);width:56px;min-height:56px;color:var(--demo-purple);letter-spacing:-.04em;text-align:center;border-radius:1rem;place-items:center;padding:.35rem;font-size:.78rem;font-weight:850;line-height:1.05;display:grid}.demo-rail-button{width:56px;min-height:48px;color:var(--demo-muted);text-align:center;background:0 0;border:1px solid #0000;border-radius:.85rem;padding:.4rem .2rem;font-size:.68rem;font-weight:760;line-height:1.1}.demo-rail-button.is-current{background:var(--demo-lilac);color:var(--demo-purple);border-color:#ded2ff}.demo-rail-button:disabled{opacity:.72}.demo-rail-note{color:var(--demo-muted);text-align:center;margin:auto 0 0;font-size:.58rem;line-height:1.3}.demo-room-bar{z-index:3;border-bottom:1px solid var(--demo-line);background:#ffffffeb;border-radius:0 1.3rem 0 0;grid-column:2;align-items:center;gap:clamp(.75rem,2vw,2rem);padding:0 2rem;display:flex;box-shadow:0 4px 18px #35245d09}.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-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:2;grid-template-columns:minmax(0,1fr) 56px;gap:.8rem;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{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}.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 h1{color:#262036;letter-spacing:-.065em;margin:.45rem 0;font-size:clamp(2.1rem,5vw,3.6rem);line-height:.98}.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-document-block:hover{background:#fdfcff;border-color:#dcd4e8}.demo-document-block.is-highlighted{background:#fbf5bf}.demo-document-block.is-selected{border-color:var(--demo-purple);box-shadow:inset 0 0 0 1px var(--demo-purple)}.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:none;width:100%;height:100%;position:absolute;inset:0}.demo-drawing-layer.is-active{pointer-events:auto;cursor:crosshair}.demo-note-marker{z-index:4;color:#5632b5;background:#fff;border:1px solid #c9b8ff;border-radius:.7rem;min-width:44px;min-height:44px;padding:.45rem .65rem;font-size:.73rem;font-weight:800;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 16px #5e3dbc29}.demo-annotation-rail{border:1px solid var(--demo-line);background:#fff;border-radius:1rem;flex-direction:column;align-items:stretch;gap:.45rem;min-height:0;padding:.45rem;display:flex;box-shadow:0 8px 20px #2d1f500a}.demo-annotation-rail button{color:#514a60;background:#fff;border:1px solid #0000;border-radius:.7rem;min-height:44px;padding:.3rem;font-size:.66rem;font-weight:780;line-height:1.05}.demo-annotation-rail button:hover:not(:disabled){background:var(--demo-lilac);color:#5532b2;border-color:#d9caff}.demo-annotation-rail p{border-bottom:1px solid var(--demo-line);color:var(--demo-muted);text-align:center;margin:0;padding-bottom:.55rem;font-size:.62rem}.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 - 10rem);padding:.38rem;display:flex;position:absolute;bottom:clamp(1rem,3vw,2.25rem);left:calc(50% + 36px);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}.demo-note-drawer{z-index:10;border:1px solid var(--demo-line);background:#fff;border-radius:1.15rem;align-content:start;gap:.85rem;width:min(25rem,100vw - 11rem);padding:1.25rem;display:grid;position:absolute;top:6.5rem;bottom:1.25rem;right:5.2rem;box-shadow:0 20px 52px #2719482e}.demo-note-drawer-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.demo-note-drawer-header p{color:var(--demo-purple);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:820}.demo-note-drawer-header h2{letter-spacing:-.045em;margin:.2rem 0 0;font-size:1.35rem}.demo-note-drawer-header button,.demo-note-actions button{color:#544d60;background:#fff;border:1px solid #d8d0e4;border-radius:.7rem;min-height:44px;padding:.55rem .8rem;font-weight:760}.demo-note-drawer label{color:#4d465b;font-size:.86rem;font-weight:780}.demo-note-drawer textarea{resize:vertical;width:100%;min-height:12rem;color:var(--demo-ink);border:1px solid #d8d0e4;border-radius:.8rem;padding:.8rem;line-height:1.55}.demo-note-drawer textarea:focus{border-color:var(--demo-purple);outline:0;box-shadow:0 0 0 3px #6841cc29}.demo-note-validation,.demo-note-help{color:var(--demo-muted);margin:0;font-size:.78rem;line-height:1.45}.demo-note-validation{color:#9d3341}.demo-note-actions{justify-content:flex-end;gap:.6rem;display:flex}.demo-note-actions button:last-child{border-color:var(--demo-purple);background:var(--demo-purple);color:#fff}@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)}.demo-note-drawer{right:4.5rem}}@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-left-rail{display:none}.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-annotation-rail{display:none}.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}.demo-note-drawer{border-radius:1.1rem 1.1rem 0 0;width:100%;max-width:none;min-height:min(34rem,78dvh);inset:auto 0 0}}@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}}@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}