.draw-it-pencil__body{fill:#fff;stroke:#111;stroke-width:1.1;stroke-linejoin:round}.draw-it-pencil__facet{stroke:#111;stroke-width:.6;opacity:.35}.draw-it-pencil__wood{fill:#e8c99b;stroke:#111;stroke-width:1.1;stroke-linejoin:round}.draw-it-pencil__lead{fill:#2b2b2b}.draw-it-pencil__ferrule{fill:#b9bec4;stroke:#111;stroke-width:1.1}.draw-it-pencil__rubber{fill:#e9a6a0;stroke:#111;stroke-width:1.1;stroke-linejoin:round}.draw-it-bar{position:fixed;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .9rem;max-width:calc(100vw - 1.5rem);padding:.5rem .6rem .5rem 1rem;transform:translate(-50%);border:1px solid var(--utility-border);border-radius:999px;background:var(--theme-card, var(--canvas));box-shadow:0 6px 24px #0f232d2e;color:var(--ink);font-family:var(--font-body);font-size:var(--text-16)}.draw-it-bar__caption{margin:0;min-width:17.5rem;font-weight:700}.draw-it-bar__count{margin-right:.35rem;font-weight:400;font-variant-numeric:tabular-nums;opacity:.75}.draw-it-bar__buttons{display:flex;gap:.35rem}.draw-it-bar__button{min-height:2.25rem;padding:.3rem .85rem;border:1px solid var(--utility-border);border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer}.draw-it-bar__button:hover:not([aria-disabled=true]){background:#0000000d}.draw-it-bar__button[aria-disabled=true]{opacity:.45;cursor:default}.draw-it-bar__button--primary{border-color:var(--button);background:var(--button);color:var(--button-text)}.draw-it-bar__button--primary:hover:not([aria-disabled=true]){background:color-mix(in srgb,var(--button) 86%,var(--button-text))}.draw-it-bar__button:focus-visible{outline:3px solid var(--teal);outline-offset:2px}@media(max-width:720px){.draw-it-bar{border-radius:12px;padding:.5rem .6rem}.draw-it-bar__caption{min-width:0;width:100%;text-align:center}}:root:has(.diagram-page-shell[data-workspace-mode=presenting]) .draw-it-bar{top:var(--presentation-bar-top, max(6px, env(safe-area-inset-top, 0px)));bottom:auto;left:var(--presentation-centre-start, 16px);right:var(--presentation-centre-end, 240px);width:fit-content;margin-inline:auto;transform:none}.draw-it-bar[data-place=top-bar]{position:static;min-width:0;transform:none}:root:has(.diagram-page-shell[data-workspace-mode=presenting]) .draw-it-bar,.draw-it-bar[data-place=top-bar]{flex-wrap:nowrap;gap:.25rem;max-width:100%;min-height:36px;padding:0 1px 0 .9rem;border:1px solid var(--utility-action-border);border-radius:999px;background:var(--button-soft);box-shadow:var(--utility-action-shadow);color:var(--button-soft-text);font-weight:800}:root:has(.diagram-page-shell[data-workspace-mode=presenting]) .draw-it-bar__caption,.draw-it-bar[data-place=top-bar] .draw-it-bar__caption{min-width:0;width:auto;margin-inline-end:.35rem;overflow:hidden;font-weight:800;text-align:start;text-overflow:ellipsis;white-space:nowrap}:root:has(.diagram-page-shell[data-workspace-mode=presenting]) .draw-it-bar__buttons,.draw-it-bar[data-place=top-bar] .draw-it-bar__buttons{flex:0 0 auto;gap:0}:root:has(.diagram-page-shell[data-workspace-mode=presenting]) .draw-it-bar__button,.draw-it-bar[data-place=top-bar] .draw-it-bar__button{min-height:32px;padding:0 .75rem;border:0;font-weight:800}:root:has(.diagram-page-shell[data-workspace-mode=presenting]) .draw-it-bar__button:hover:not([aria-disabled=true]):not(.draw-it-bar__button--primary),.draw-it-bar[data-place=top-bar] .draw-it-bar__button:hover:not([aria-disabled=true]):not(.draw-it-bar__button--primary){background:color-mix(in srgb,var(--button-soft-text) 10%,transparent)}:root:has(.diagram-page-shell[data-workspace-mode=presenting]) .draw-it-bar__button--primary,.draw-it-bar[data-place=top-bar] .draw-it-bar__button--primary,:root:has(.diagram-page-shell[data-workspace-mode=presenting]) .draw-it-bar__button--primary:hover:not([aria-disabled=true]),.draw-it-bar[data-place=top-bar] .draw-it-bar__button--primary:hover:not([aria-disabled=true]){background:var(--button-soft-text);color:var(--button-soft)}.application-header__scenario-host:has(.draw-it-bar)>:not(.draw-it-bar),.application-header:has(.draw-it-bar) .application-header__diagram-actions-host{display:none}@media(max-width:899px){:root:has(.diagram-page-shell[data-workspace-mode=presenting]) .draw-it-bar{top:calc(var(--presentation-bar-top, max(6px, env(safe-area-inset-top, 0px))) + 44px);left:max(16px,env(safe-area-inset-left,0px));right:calc(var(--presentation-end-width, 0px) + 32px);margin-inline:0}}@media print{.draw-it-bar,.draw-it-pencil{display:none!important}}.draw-it-announcer{position:fixed;top:0;left:0;margin:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.draw-it-split{position:relative;display:inline-flex;align-items:stretch}.presentation-bar-start .draw-it-split__action{border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:10px}.presentation-bar-start .draw-it-split__toggle{justify-content:center;width:32px;margin-inline-start:-1px;padding:0;border-start-start-radius:0;border-end-start-radius:0;color:var(--button-soft-text)}.draw-it-split__toggle .disclosure-chevron{transform:translateY(-2px) rotate(45deg)}.draw-it-split__toggle .disclosure-chevron[data-direction=up]{transform:translateY(2px) rotate(-135deg)}.draw-it-split__panel{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0;z-index:45;display:flex;flex-direction:column;gap:2px;width:290px;padding:8px;border:1px solid var(--utility-border);border-radius:12px;background:var(--utility-surface);box-shadow:0 12px 32px #2134432e;white-space:normal}.draw-it-split__heading{padding:4px 12px 2px;color:var(--muted-ink);font-size:var(--text-13);font-weight:700}.draw-it-split__item{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:inherit;text-align:start;cursor:pointer}.draw-it-split__item:hover{background:var(--header-interaction-hover)}.draw-it-split__item:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.draw-it-split__text{display:grid;gap:2px}.draw-it-split__title{font-weight:800}.draw-it-split__note{color:var(--muted-ink);font-size:var(--text-14)}.draw-it-split__tick{flex:0 0 20px;width:20px;height:20px}.draw-it-split__item[aria-pressed=true] .draw-it-split__tick:before{content:"";display:block;width:10px;height:5px;margin:5px 0 0 4px;border-bottom:2.2px solid currentColor;border-left:2.2px solid currentColor;transform:rotate(-45deg)}.draw-it-split__icon{flex:0 0 20px;margin-top:1px}.draw-it-split__divider{height:1px;margin:4px 8px;background:var(--utility-border)}.diagram-view-controls[hidden]{display:none}.draw-order-editor{padding:16px;border:1px solid var(--utility-border);border-radius:var(--utility-radius);background:var(--utility-surface);box-shadow:var(--utility-shadow)}.draw-order-editor__heading{margin:0 0 4px;font-size:var(--ui-section-title-size);font-weight:800;color:var(--ink)}.draw-order-editor__heading:focus{outline:none}.draw-order-editor__note{margin:0 0 12px;color:var(--muted-ink);font-size:var(--ui-control-label-size);line-height:1.35}.draw-order-editor__subheading{margin:8px 0 6px;font-size:var(--text-14);font-weight:800}.draw-order-editor__list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.draw-order-editor__row{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 8px;border:1px solid var(--utility-border);border-radius:12px;background:var(--canvas)}.draw-order-editor__row[data-fixed=true]{background:transparent;opacity:.65}.draw-order-editor__row[data-dragging=true]{border-color:var(--button);box-shadow:0 6px 18px #21344333}.draw-order-editor__handle{flex:0 0 14px;align-self:stretch;touch-action:none}.draw-order-editor__row:not([data-fixed]) .draw-order-editor__handle{cursor:grab;background-image:radial-gradient(circle,var(--muted-ink) 1.3px,transparent 1.6px);background-position:center;background-size:6px 6px;background-repeat:repeat-y;background-clip:content-box;padding-block:10px}.draw-order-editor__row[data-dragging=true] .draw-order-editor__handle{cursor:grabbing}.draw-order-editor__number{display:grid;flex:0 0 22px;place-items:center;height:22px;border-radius:50%;background:var(--button);color:var(--button-text);font-size:var(--text-13);font-weight:800}.draw-order-editor__row[data-fixed=true] .draw-order-editor__number{background:var(--muted-ink)}.draw-order-editor__text{display:grid;flex:1 1 auto;min-width:0;line-height:1.2}.draw-order-editor__name{font-weight:800}.draw-order-editor__item-note,.draw-order-editor__fixed{color:var(--muted-ink);font-size:var(--text-13)}.draw-order-editor__moves{display:flex;gap:4px}.draw-order-editor__move{display:grid;place-items:center;width:32px;height:32px;padding:0;font-weight:800}.draw-order-editor__move:disabled{opacity:.35;cursor:default}.draw-order-editor__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.draw-order-editor__try{min-height:40px;padding:8px 18px;border:2px solid var(--button);border-radius:999px;background:var(--button);color:var(--button-text);font:inherit;font-weight:800;cursor:pointer}.draw-order-editor__done{min-height:40px;padding:8px 16px;font:inherit;font-weight:800}.draw-order-editor__try:focus-visible,.draw-order-editor__usual:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.draw-order-editor__usual{margin-top:10px;padding:4px 0;border:0;background:none;color:var(--button);font:inherit;font-size:var(--text-14);text-decoration:underline;cursor:pointer}.draw-order-editor__status{min-height:1.2em;margin:8px 0 0;color:var(--muted-ink);font-size:var(--text-14)}.draw-order-editor__status[data-problem=true]{color:var(--danger, #a12c1f)}.draw-order-editor__announcer{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}