:root{--app-bg:#f5f7f9;--surface:#fff;--surface-secondary:#f7f9fb;--text-primary:#172b3a;--text-secondary:#647789;--text-muted:#8a99a8;--border:#e2e8ee;--border-strong:#cdd7e0;--accent:#2688c9;--accent-hover:#1978b8;--accent-soft:#eaf5fc;--accent-border:#8cc8eb;--accent-text:#17699e;--danger:#e35d5d;--danger-text:#ac3737;--danger-soft:#fff3f3;--success:#54816c;--shadow:0 4px 16px rgba(20,40,60,.08);--preview-line:#a7bac7;--preview-strong:#718fa3;--header-height:56px;color:var(--text-primary);background:var(--app-bg);font-synthesis:none;height:100%;height:-webkit-fill-available;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--app-bg);width:100%;height:100%;min-height:100%}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.pizapp-shell,.spectator-shell{-webkit-touch-callout:none;user-select:none;-webkit-tap-highlight-color:transparent}.pizapp-shell input,.pizapp-shell textarea,.tool-drawer input,.spectator-shell input,.spectator-shell textarea{user-select:auto}.pizapp-shell{height:100vh;height:-webkit-fill-available;height:100dvh;min-height:100vh;min-height:-webkit-fill-available;grid-template-rows:var(--header-height) minmax(0,1fr);background:var(--app-bg);min-height:100dvh;display:grid}.topbar{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text-secondary);align-items:center;padding:0 18px;font-size:12px;display:flex;position:relative}.wordmark{color:var(--text-primary);letter-spacing:-1.1px;margin-right:16px;font-size:21px;font-weight:800;text-decoration:none}.wordmark span{color:var(--accent)}.connection-status{min-height:44px;color:var(--text-secondary);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;padding:4px 6px;font-size:12px;display:flex}.connection-status:hover{background:var(--surface-secondary)}.connection-status strong{color:var(--text-primary);white-space:nowrap;font-weight:600}.connection-count{white-space:nowrap;font-variant-numeric:tabular-nums}.connection-status i{background:var(--success);border-radius:50%;flex:0 0 6px;height:6px;margin-right:6px}.connection-status.is-not-live i{background:var(--text-muted)}.mobile-board-actions{display:none}.header-actions{align-items:center;margin-left:auto;display:flex}.header-actions>*+*{margin-left:4px}.session-trigger,.board-menu{position:relative}.canvas-wrap{background:var(--app-bg);height:100%;min-height:0;position:relative;overflow:hidden}.board-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.spectator-shell{height:100vh;height:-webkit-fill-available;background:var(--app-bg);height:100dvh}.icon-button{width:44px;height:44px;color:var(--text-secondary);background:0 0;border:1px solid transparent;border-radius:11px;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .14s,color .14s;display:flex}.icon-button svg{stroke-width:1.9px;flex:none;width:21px;height:21px;display:block}.icon-button:hover{color:var(--text-primary);background:var(--surface-secondary)}.icon-button:active{background:var(--accent-soft)}.icon-button.is-active{color:var(--accent-text);background:var(--accent-soft)}.icon-button.is-active svg{color:var(--accent)}.icon-button:disabled{opacity:.38}button:focus,input:focus,select:focus,.custom-swatch:focus-within,.paper-swatches label:focus-within,.file-action:focus-within{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}select:focus:not(:focus-visible){outline:none}.header-action{color:var(--text-primary);background:var(--surface)}.header-action svg{width:20px;height:20px}.board-dock{z-index:9;bottom:16px;left:50%;bottom:max(16px,env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;max-width:calc(100vw - 24px);display:flex;position:fixed;transform:translate(-50%)}.board-dock>*{pointer-events:auto}.drawing-toolbar{border:1px solid var(--border);background:var(--surface);max-width:calc(100vw - 24px);min-height:68px;box-shadow:var(--shadow);border-radius:18px;align-items:center;margin-top:12px;padding:6px;display:flex}.toolbar-primary{flex:none;align-items:center;display:flex}.toolbar-primary>*+*{margin-left:2px}.drawing-toolbar .icon-button{flex-direction:column;width:58px;height:54px}.drawing-toolbar .button-label{margin-top:6px;font-size:11px;font-weight:500;line-height:1}.toolbar-rule{background:var(--border);flex:0 0 1px;width:1px;height:28px;margin:0 6px}.color-swatch>span:not(.button-label){border:3px solid var(--surface);width:22px;height:22px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%;display:block}.board-panel{z-index:8;color:var(--text-primary);background:var(--surface);font-size:13px}.tool-drawer{top:var(--header-height);border-left:1px solid var(--border);flex-direction:column;width:360px;max-width:100vw;transition:transform .25s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 16px rgba(20,40,60,.04)}.tool-drawer.is-open{transform:translate(0)}.tool-drawer.is-closing{pointer-events:none;visibility:visible}.panel-header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;min-height:68px;padding:10px 14px 10px 20px;font-size:19px;font-weight:650;display:flex}.panel-header>span{align-items:center;display:flex}.panel-header>span>svg{width:20px;height:20px;color:var(--text-secondary);margin-right:9px}.panel-header-actions{align-items:center;display:flex}.panel-scroll{grid-gap:24px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;align-content:start;width:100%;min-width:0;min-height:0;padding:22px 20px 100px;animation:.12s ease-out panel-content-in;display:grid;overflow-x:hidden;overflow-y:auto}@keyframes panel-content-in{0%{opacity:.65;transform:translate(5px)}to{opacity:1;transform:translate(0)}}.panel-scroll>*,.panel-scroll fieldset,.paper-grid-settings>*,.choice-grid>*{min-width:0;max-width:100%}.board-panel label{grid-gap:7px;color:var(--text-secondary);font-size:13px;font-weight:500;display:grid}.board-panel legend{color:var(--text-primary);margin-bottom:12px;padding:0;font-size:13px;font-weight:600}.board-panel input[type=number],.board-panel input[type=text],.board-panel select{border:1px solid var(--border-strong);width:100%;height:44px;color:var(--text-primary);background:var(--surface);border-radius:9px;padding:0 10px}.pattern-choices,.edge-choices,.paper-swatches,.margin-controls{border:0;margin:0;padding:0}.pattern-choices{grid-gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pattern-choices legend,.edge-choices legend{grid-column:1/-1}.pattern-preview,.edge-choices button{border:1px solid var(--border);min-width:44px;height:78px;color:var(--text-secondary);background:var(--surface);border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 2px 8px;transition:border-color .14s,background .14s;display:flex;position:relative}.pattern-preview:hover,.edge-choices button:hover{border-color:var(--border-strong);background:var(--surface-secondary)}.pattern-preview.selected,.edge-choices button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.pattern-preview span,.edge-choices button span{font-size:11px;line-height:1}.pattern-preview>i{background-color:var(--surface);height:36px;display:block;position:absolute;top:9px;left:12px;right:12px;overflow:hidden}.pattern-preview.square i{background-image:linear-gradient(var(--preview-line) 1px,transparent 1px),linear-gradient(90deg,var(--preview-line) 1px,transparent 1px);background-size:8px 8px}.pattern-preview.ruled i{background:repeating-linear-gradient(to bottom,var(--surface) 0 7px,var(--preview-line) 8px 9px)}.pattern-preview.handwriting i{background:repeating-linear-gradient(to bottom,var(--surface) 0 5px,var(--preview-line) 6px 7px,var(--surface) 8px 12px,var(--preview-strong) 13px 14px)}.pattern-preview.staff i{background:repeating-linear-gradient(to bottom,var(--surface) 0 3px,var(--preview-strong) 3px 4px,var(--surface) 4px 6px)}.pattern-preview.staff i:before{content:"𝄞";color:var(--preview-strong);font-family:Georgia,serif;font-size:30px;line-height:1;position:absolute;top:0;left:2px}.pattern-preview.train i{background:repeating-linear-gradient(to bottom,var(--surface) 0 5px,var(--preview-line) 6px 7px,var(--surface) 8px 12px,var(--preview-strong) 13px 15px)}.pattern-preview.train i:before{content:"";background:var(--preview-strong);width:12px;height:6px;position:absolute;top:17px;left:4px}.pattern-preview.train i:after{content:"";background:var(--preview-strong);width:8px;height:8px;position:absolute;top:12px;left:6px;transform:rotate(45deg)}.paper-grid-settings,.choice-grid,.margin-controls{grid-gap:18px;grid-template-columns:minmax(0,1fr);display:grid}.paper-grid-settings input[type=color]{border:1px solid var(--border);background:var(--surface);border-radius:9px;width:100%;height:44px;padding:5px}.range-control>span{justify-content:space-between;align-items:center;display:flex}.range-control output,.stroke-width output{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:500}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;width:100%;min-width:0;height:44px;accent-color:var(--accent);background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) 0 var(--range-fill,0%),var(--border) var(--range-fill,0%) 100%);border-radius:4px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--surface);background:var(--accent);width:18px;height:18px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;margin-top:-7px}input[type=range]::-moz-range-track{background:var(--border);border-radius:4px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);height:4px}input[type=range]::-moz-range-thumb{border:2px solid var(--surface);background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 1px var(--accent);border-radius:50%}.paper-swatches,.swatch-row{flex-wrap:wrap;margin:-3px;display:flex}.paper-swatches legend{margin-left:3px}.paper-swatches button,.paper-swatches label,.swatch,.custom-swatch{border:5px solid var(--surface);width:44px;height:44px;box-shadow:0 0 0 1px var(--border);border-radius:50%;flex:none;justify-content:center;align-items:center;margin:3px;display:flex;position:relative}.paper-swatches button.selected,.swatch.selected{box-shadow:0 0 0 2px var(--accent)}.paper-swatches input,.custom-swatch input,.file-action input{opacity:0;width:1px;height:1px;position:absolute}.paper-swatches label,.custom-swatch{color:var(--text-secondary);background:var(--surface-secondary);cursor:pointer}.paper-swatches label span{font-size:24px;font-weight:400}.edge-choices{grid-gap:6px;grid-template-columns:repeat(5,minmax(44px,1fr));display:grid}.edge-choices button{border-radius:9px;height:66px}.edge-choices>button>i{background:var(--surface-secondary);height:29px;display:block;position:absolute;top:8px;left:10px;right:10px}.edge-choices i.left,.edge-choices i.left-right{border-left:2px solid var(--preview-strong)}.edge-choices i.right,.edge-choices i.left-right{border-right:2px solid var(--preview-strong)}.edge-choices i.binding-left,.edge-choices i.binding-right,.edge-choices i.binding-top,.edge-choices i.binding-bottom{background-image:radial-gradient(circle,var(--preview-strong) 1.5px,transparent 2px);background-size:7px 9px}.edge-choices i.binding-left{border-left:2px solid var(--preview-strong);background-position:0}.edge-choices i.binding-right{border-right:2px solid var(--preview-strong);background-position:100%}.edge-choices i.binding-top{border-top:2px solid var(--preview-strong);background-position:top}.edge-choices i.binding-bottom{border-bottom:2px solid var(--preview-strong);background-position:bottom}.paper-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;padding-top:18px;display:flex}.file-action{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;width:100%;min-height:48px;margin-bottom:12px;padding:0 10px;color:var(--text-primary)!important;display:flex!important}.file-action svg{flex:none}.file-action span{flex:1;margin:0 9px}.file-action:hover{background:var(--surface-secondary)}.orientation-choices{margin-right:auto;display:flex}.background-action-hint{color:var(--text-secondary);align-items:flex-start;margin:-12px 0 0;font-size:12px;line-height:1.5;display:flex}.background-action-hint svg{flex:none;margin:2px 6px 0 0}.background-adjust{grid-gap:8px;border-top:1px solid var(--border);padding-top:16px;display:grid}.background-adjust small,.tool-properties small{color:var(--text-secondary);font-size:12px;line-height:1.5}.background-adjust>div{justify-content:flex-end;display:flex}.stroke-width{grid-template-columns:1fr auto;align-items:center;display:grid}.stroke-width input{grid-column:1/-1}.stroke-width i{background:var(--text-primary);border-radius:5px;max-width:14px;height:5px}.danger{color:var(--danger-text)!important}.layer-list{grid-gap:10px;display:grid}.layer-item{grid-gap:6px;border:1px solid var(--border);border-radius:10px;grid-template-columns:58px minmax(0,1fr);min-width:0;padding:10px;display:grid}.layer-item.active{border-color:var(--accent);background:var(--accent-soft)}.layer-thumbnail{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:58px;height:44px;display:block}.layer-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;min-height:44px;color:var(--text-primary);background:0 0;border:0;padding:6px;font-weight:600;overflow:hidden}.layer-name:disabled{opacity:.55}.layer-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.layer-undo-hint{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.layer-delete-confirm{border-top:1px solid var(--border);grid-column:1/-1;padding-top:12px;font-size:13px}.layer-delete-confirm p{color:var(--text-secondary);margin:8px 0 12px}.layer-delete-confirm>div{display:flex}.layer-delete-confirm button{flex:1;justify-content:center}.layer-delete-confirm button+button{margin-left:8px}.session-panel p{color:var(--text-secondary);margin:0;line-height:1.6}.session-tabs{border:1px solid var(--border);background:var(--surface-secondary);border-radius:11px;padding:3px;display:flex}.session-tabs button{min-width:0;min-height:44px;color:var(--text-secondary);background:0 0;border:1px solid transparent;border-radius:8px;flex:1;padding:7px 8px;font-size:12px;font-weight:600}.session-tabs button:hover{color:var(--text-primary)}.session-tabs button[aria-selected=true]{color:var(--accent-text);background:var(--surface);border-color:var(--border)}.session-tabs button:active{background:var(--accent-soft)}.session-flow,.session-active{grid-gap:16px;display:grid}.session-flow h2{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:650;line-height:1.35}.session-flow .panel-action{margin-top:4px}.session-join input{letter-spacing:.16em;font-size:18px;font-weight:600}.session-join input::placeholder{color:var(--text-muted);font-weight:400}.board-panel input[type=text]:focus,.board-panel input[type=number]:focus,.board-panel select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.session-panel .session-status{color:var(--text-primary);align-items:center;font-size:13px;font-weight:600;display:flex}.session-status i{background:var(--success);border-radius:50%;width:7px;height:7px;margin-right:8px}.session-status.is-paused i{background:var(--text-muted)}.session-code-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.session-panel .session-code{color:var(--text-primary);letter-spacing:.12em;font-variant-numeric:tabular-nums;user-select:text;font-size:30px;font-weight:700;line-height:1.3}.session-code-row .icon-button{margin-left:8px}.session-panel .session-code-label{margin-bottom:-12px;font-size:12px}.session-link-actions{flex-wrap:wrap;margin:-4px;display:flex}.session-link-actions .panel-action{flex:130px;width:auto;margin:4px}.session-panel .session-feedback{min-height:20px;font-size:12px}.session-options{grid-gap:14px;border-top:1px solid var(--border);padding-top:22px;display:grid}.session-options h2{margin:0;font-size:13px;font-weight:600}.panel-action,.menu-actions button{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text-primary);background:var(--surface);border-radius:10px;align-items:center;padding:10px 12px;font-weight:500;transition:background .14s,border-color .14s;display:flex}.panel-action>svg,.menu-actions button>svg{flex:none;margin-right:8px}.panel-action:hover,.menu-actions button:hover{background:var(--surface-secondary);border-color:var(--border-strong)}.panel-action:active,.menu-actions button:active{background:var(--accent-soft)}.panel-action.primary{color:var(--surface);border-color:var(--accent);background:var(--accent);justify-content:center}.panel-action.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.panel-action.primary:active{background:var(--accent-text);border-color:var(--accent-text)}.panel-action:disabled,.menu-actions button:disabled{opacity:.45}.panel-divider{background:var(--border);height:1px}.menu-actions{grid-gap:8px;display:grid}.menu-actions button{border-color:transparent}.session-error{z-index:12;max-width:calc(100vw - 32px);color:var(--danger-text);background:var(--danger-soft);border:1px solid var(--danger);box-shadow:var(--shadow);border-radius:10px;align-items:center;padding:8px 12px;font-size:13px;display:flex;position:fixed;top:66px;left:50%;transform:translate(-50%)}.session-error button{width:44px;height:44px;color:inherit;background:0 0;border:0;flex:0 0 44px;margin-left:8px;font-size:20px}.background-upload-status{z-index:7;width:auto;max-width:calc(100% - 32px);color:var(--text-primary);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);text-align:center;border-radius:9px;padding:10px 12px;font-size:12px;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.paused-cover{z-index:4;color:var(--surface);background:rgba(23,43,58,.5);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.paused-cover span{background:var(--text-primary);border-radius:9px;padding:12px 17px;font-weight:700}.selection-actions{z-index:6;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:9px;align-items:center;gap:10px;padding:0 8px;font-size:12px;display:flex;position:absolute;top:12px;left:12px}.selection-actions button,.selection-modes button,.notebook-pages button{min-height:44px}.selection-modes button,.notebook-page-row>button:first-child,.new-page,.page-delete-confirm button{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:9px;padding:8px 12px}.selection-actions button{color:var(--danger-text);background:0 0;border:0}.selection-modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.selection-modes small{color:var(--text-secondary);grid-column:1/-1;line-height:1.5}.selection-modes button[aria-pressed=true],.notebook-page-row .is-current{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.notebook-pages{border-bottom:1px solid var(--border);gap:8px;padding-bottom:18px;display:grid}.notebook-pages h3{margin:0 0 4px;font-size:14px}.notebook-page-row{grid-template-columns:1fr 44px;gap:4px;display:grid}.notebook-page-row>button:first-child{text-align:left;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.notebook-page-row small{color:var(--text-secondary)}.page-delete-confirm{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px;padding:8px;font-size:12px;display:grid}.page-delete-confirm strong,.page-delete-confirm span{grid-column:1/-1}.new-page{justify-content:center;align-items:center;gap:8px;display:flex}.page-navigator{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:13px;flex:none;align-items:center;padding:4px;display:flex;box-shadow:0 2px 8px rgba(23,43,58,.07)}.page-navigator .icon-button{width:44px;height:44px;color:var(--text-secondary);border-radius:9px}.page-navigator .icon-button svg{width:20px;height:20px}.page-indicator{min-width:64px;min-height:44px;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;padding:0 10px;font-size:14px;font-weight:600;display:flex}.page-navigator button:not(:disabled):hover,.page-navigator button:not(:disabled):active,.page-indicator.is-active{background:var(--accent-soft)}.page-navigator .icon-button:not(:disabled):hover,.page-navigator .icon-button:not(:disabled):active{color:var(--accent)}.spectator-shell .page-navigator{bottom:16px;left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:5;position:fixed;transform:translate(-50%)}.tool-selection{cursor:default}@media (max-width:1100px) and (orientation:landscape){.tool-drawer{width:340px}}@media (max-width:760px){.drawing-toolbar .icon-button{width:48px;height:52px}.toolbar-rule{margin:0 4px}}@media (max-width:600px){.topbar{padding:0 8px}.connection-summary{flex-direction:column;display:flex}.connection-count{font-size:10px}.connection-count>span{display:none}.connection-status{padding:2px;font-size:11px}.wordmark{margin-right:10px;font-size:19px}.mobile-board-actions{margin-left:auto;display:flex}.header-actions{margin-left:2px}.toolbar-secondary{display:none}.board-dock{bottom:8px;bottom:max(8px,env(safe-area-inset-bottom))}.drawing-toolbar{min-height:58px;padding:6px}.drawing-toolbar .icon-button{width:44px;height:44px}.drawing-toolbar .button-label{display:none}.toolbar-primary>*+*{margin-left:2px}}@media (max-width:600px),(max-width:1100px) and (orientation:portrait){.tool-drawer{width:100%;height:76vh;height:76dvh;max-height:calc(100vh - 64px);border-left:0;border-top:1px solid var(--border);border-radius:20px 20px 0 0;max-height:calc(100dvh - 64px);top:auto;bottom:0;right:0;transform:translateY(100%);box-shadow:0 -4px 16px rgba(20,40,60,.06)}.tool-drawer.is-open{transform:translateY(0)}.panel-header{min-height:62px}.panel-scroll{padding-bottom:170px}.paper-panel .panel-scroll{grid-template-columns:minmax(0,1fr)}.pattern-choices{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:600px){.pattern-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:430px){.tool-drawer .panel-scroll{padding-bottom:220px}.drawing-toolbar{flex-wrap:wrap;justify-content:center;width:254px}.drawing-toolbar .toolbar-optional.toolbar-primary{justify-content:center;width:100%;padding-top:4px}.drawing-toolbar .toolbar-rule{display:none}}@media (max-width:380px){.has-session .session-trigger{display:none}.wordmark{margin-right:7px}.connection-status{font-size:11px}.header-actions>*+*{margin-left:0}.mobile-board-actions .icon-button{width:44px}.drawing-toolbar{flex-wrap:wrap;justify-content:center;width:254px}.drawing-toolbar .toolbar-optional.toolbar-primary{justify-content:center;width:100%;padding-top:4px}.drawing-toolbar .toolbar-rule{display:none}.tool-drawer .panel-scroll{padding-bottom:220px}}.pizapp-ios12-touch .mobile-board-actions{margin-left:auto;display:flex}.pizapp-ios12-touch .header-actions{margin-left:4px}.pizapp-ios12-touch .toolbar-secondary{display:none}.pizapp-ios12-touch .topbar{flex-wrap:nowrap}.pizapp-ios12-touch .wordmark,.pizapp-ios12-touch .connection-status{flex:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.sharing-options{border:0;margin:16px 0;padding:0}.sharing-options legend{color:var(--text-primary);margin-bottom:8px;font-weight:600}.sharing-options label{align-items:flex-start;gap:10px;min-height:44px;padding:12px 0;display:flex}.sharing-options input{accent-color:var(--accent);margin-top:4px}.sharing-options strong,.sharing-options small{display:block}.sharing-options small{color:var(--text-secondary);margin-top:4px;line-height:1.4}.session-participants{padding:0;list-style:none}.session-participants li{align-items:center;gap:8px;padding:6px 0;display:flex}.session-participants i{border-radius:50%;width:9px;height:9px}.viewer-label{background:var(--surface);color:var(--text-secondary);pointer-events:none;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;top:12px;right:12px}.drawing-presence{pointer-events:none;z-index:2;animation:2s forwards presence-fade;position:absolute}.drawing-presence i{background:currentColor;border:1px solid #fff;border-radius:50%;width:8px;height:8px;display:block;transform:translate(-50%,-50%)}.drawing-presence span{background:var(--surface);white-space:nowrap;border:1px solid;border-radius:5px;padding:3px 6px;font-size:12px;position:absolute;bottom:10px;left:8px}@keyframes presence-fade{0%,65%{opacity:1}to{opacity:0}}.toolbar-primary[hidden],.mobile-board-actions[hidden]{display:none}