@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#f6f3eb;font-synthesis:none;text-rendering:optimizelegibility;background:#101211;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.lobby-shell{background:radial-gradient(circle at 15% 85%,#e75b372e,#0000 28rem),#101211;grid-template-columns:minmax(0,1.2fr) minmax(22rem,.8fr);width:100%;max-width:100vw;min-height:100dvh;display:grid}.hero-panel>*,.lobby-card>*{min-width:0;max-width:100%}.hero-panel,.lobby-card{min-width:0;padding:clamp(2rem,6vw,6rem)}.hero-panel{flex-direction:column;justify-content:center;display:flex}.card-kicker{color:#f06a47;letter-spacing:.17em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.76rem;font-weight:700}.lobby-brand{color:#f06a47;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.65rem;margin:0 0 1.5rem;font:800 .85rem Manrope,sans-serif;display:flex}.lobby-brand span{background:#f06a471a;border:1px solid #f06a4773;border-radius:.4rem;place-items:center;width:2.25rem;height:2.25rem;display:grid}.lobby-brand svg{width:1.25rem;height:1.25rem}h1,h2{font-family:Manrope,sans-serif}.hero-panel h1{letter-spacing:-.065em;max-width:10ch;margin:0;font-size:clamp(3.4rem,8vw,7.2rem);line-height:.92}.summary{color:#a9aca5;max-width:34rem;margin:2rem 0;font-size:1.1rem;line-height:1.7}.feature-line{color:#777c75;text-transform:uppercase;letter-spacing:.09em;flex-wrap:wrap;gap:1.25rem;font-size:.78rem;display:flex}.feature-line span:before{content:"•";color:#f06a47;margin-right:.55rem}.lobby-card{color:#1b1d1b;background:#f0eee7;flex-direction:column;justify-content:center;gap:2.5rem;display:flex}.lobby-card h2,.people-panel h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.system-alert{color:#61645f;background:#e7e4dc;border:1px solid #cbc8be;border-radius:.7rem;align-items:center;gap:.55rem;margin:0;padding:.7rem .85rem;font-size:.84rem;display:flex}.system-alert:before{content:"";background:#8a8d87;border-radius:50%;flex:none;width:.55rem;height:.55rem}.system-alert.ready{color:#28603a;background:#e2eee4;border-color:#a8cbb0}.system-alert.ready:before{background:#3a8c52}.system-alert.database{color:#7a4b0e;background:#f8ead1;border-color:#e2ba79}.system-alert.database:before{background:#d18a21}.system-alert.offline{color:#8b2c19;background:#f7dfd9;border-color:#dfa99d}.system-alert.offline:before{background:#c6462d}.choice-list{gap:.8rem;width:100%;min-width:0;display:grid}.choice-list button,.submit-button{text-align:left;border:0;border-radius:1rem;width:100%;max-width:100%;padding:1.25rem 1.4rem;transition:transform .16s,background .16s}.choice-list button:hover,.submit-button:hover{transform:translateY(-2px)}.choice-list span{font-size:1.05rem;font-weight:700;display:block}.choice-list small{opacity:.62;margin-top:.35rem;display:block}.primary-choice,.submit-button{color:#fff;background:#e75b37}.secondary-choice{color:#252824;background:#dedbd2}.remembered-sessions{border-top:1px solid #cbc8be;gap:.55rem;padding-top:1rem;display:grid}.remembered-sessions .card-kicker{margin:0 0 .25rem}.remembered-sessions button{color:#292c28;background:#faf9f5;border:1px solid #cbc8be;border-radius:.65rem;justify-content:space-between;align-items:center;padding:.7rem .8rem;display:flex}.remembered-sessions small{color:#777b75}form{gap:1.25rem;display:grid}.back-button{color:#70736e;background:0 0;border:0;width:fit-content;padding:0}label{color:#5c605a;gap:.55rem;font-size:.83rem;font-weight:700;display:grid}input{color:#171917;background:#faf9f5;border:1px solid #cbc8be;border-radius:.8rem;outline:none;width:100%;padding:.95rem 1rem}input:focus{border-color:#e75b37;box-shadow:0 0 0 3px #e75b3721}.form-error{color:#b2371d;margin:0;font-size:.9rem}.submit-button{text-align:center;font-weight:700}.submit-button:disabled{opacity:.65;cursor:wait}.room-shell{color:#191b19;background:#dedcd5;grid-template:auto minmax(0,1fr)/18rem minmax(0,1fr);width:100vw;height:100dvh;min-height:0;display:grid;position:relative;overflow:hidden}.room-header{z-index:5;color:#fff;background:#111312;grid-area:1/1/auto/-1;justify-content:space-between;align-items:center;padding:1rem 1.4rem;display:flex}.room-brand{align-items:center;gap:.6rem;margin:0;display:flex}.brand-mark{color:#fff;background:#e75b37;border-radius:.35rem;place-items:center;width:2rem;height:2rem;display:grid}.brand-mark svg{width:1.1rem;height:1.1rem}.room-brand strong{letter-spacing:.02em;font:800 1.05rem Manrope,sans-serif}.room-brand small{color:#a5aaa3;border:1px solid #414541;border-radius:.25rem;padding:.18rem .35rem;font-size:.62rem}.room-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.room-actions button{color:#d9dcd6;background:0 0;border:1px solid #414541;border-radius:.3rem;padding:.55rem .8rem}.mobile-dock,.mobile-sheet-scrim{display:none}.status-dot{color:#a5aaa3;font-size:.78rem}.status-dot:before,.presence{content:"";background:#777b76;border-radius:50%;width:.48rem;height:.48rem;margin-right:.45rem;display:inline-block}.status-dot.live:before,.presence.online{background:#72c889;box-shadow:0 0 0 3px #72c88921}.tool-panel{background:#f2f0e9;border-right:1px solid #d0cec6;grid-area:2/1;min-height:0;padding:1.4rem;overflow:hidden auto}.people-panel{z-index:4;background:linear-gradient(135deg,#f2f0e959,#f2f0e9f7 78%),repeating-linear-gradient(135deg,#d9563514 0 1px,#0000 1px 14px),repeating-linear-gradient(45deg,#5f625b0f 0 1px,#0000 1px 14px),#f2f0e9;border:1px solid #d0cec6;border-radius:.35rem;width:min(18rem,100vw - 2rem);max-height:calc(100dvh - 5.6rem);padding:.9rem;position:absolute;top:4.8rem;right:.8rem;overflow:hidden auto;box-shadow:0 .8rem 2rem #0000001f}.people-panel ul{gap:.45rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.people-panel li{background:#e7e4dc;border-radius:.3rem;min-width:0}.role-badge{color:#df5736;margin-left:auto;font-size:.68rem;font-weight:700}.participant-actions{flex:none;gap:.25rem;margin-left:auto;display:flex}.participant-actions button{color:#5d615a;background:#d6d3ca;border:0;border-radius:.35rem;padding:.3rem .4rem;font-size:.67rem}.participant-actions button:last-child{color:#9c301c}.participants-section{padding-bottom:0}.session-meta{gap:.4rem;margin:.75rem 0 0;display:grid}.session-meta div{justify-content:space-between;gap:1rem;display:flex}.session-meta dt{color:#777a74;font-size:.8rem}.session-meta dd{color:#30332f;text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.84rem;font-weight:600;overflow:hidden}.copy-pin{color:#d95635;letter-spacing:.2em;text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:.35rem;width:100%;margin-top:.75rem;padding:.5rem 0;font:800 1.55rem Manrope,sans-serif;display:flex}.copy-pin svg{stroke-width:2px;width:.95rem;height:.95rem}.invite-button{color:#fff;background:#e75b37;border:0;border-radius:.3rem;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.6rem;font-weight:700;display:flex}.invite-button svg{width:1rem;height:1rem}.invite-status{color:#5c7862;text-align:center;margin:.45rem 0 0;font-size:.75rem}.draw-toolbar{gap:.9rem;display:grid}.tool-section{border-bottom:1px solid #d0cec6;padding-bottom:1rem;display:block}.tool-section:last-of-type{border-bottom:0}.tool-section>summary{cursor:pointer;color:#d95635;letter-spacing:.12em;text-transform:uppercase;font:700 .72rem Manrope,sans-serif;list-style:none}.tool-section>summary,.participants-list>summary,.asset-library>summary{align-items:center;gap:.35rem;min-height:2.75rem;display:flex}.tool-section>summary::-webkit-details-marker{display:none}.tool-section>summary:after,.participants-list>summary:after,.asset-library>summary:after{content:"›";color:#5f635d;background:#e4e1d8;border-radius:.35rem;flex:0 0 2rem;place-items:center;width:2rem;height:2rem;margin-left:auto;font-size:1.65rem;line-height:1;transition:transform .12s,background .12s;display:grid;transform:rotate(90deg)}.tool-section[open]>summary:after,.participants-list[open]>summary:after,.asset-library[open]>summary:after{content:"›";transform:rotate(-90deg)}.tool-section>summary:hover:after,.participants-list>summary:hover:after,.asset-library>summary:hover:after{background:#d8d5cc}.tool-section>summary>svg{color:#777a74;vertical-align:-.15rem;width:.9rem;height:.9rem;margin-right:.35rem}.section-help{color:#777a74;vertical-align:-.18rem;place-items:center;width:1rem;height:1rem;margin-left:.3rem;display:inline-grid;position:relative}.section-help>svg{width:.82rem;height:.82rem}.section-help:after{content:attr(data-help);z-index:20;color:#393c37;letter-spacing:0;text-transform:none;opacity:0;visibility:hidden;pointer-events:none;background:#fffefa;border:1px solid #c8c5bc;border-radius:.35rem;width:min(16rem,100vw - 3rem);padding:.65rem .7rem;font:500 .76rem/1.45 DM Sans,sans-serif;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + .45rem);left:-.4rem;transform:translateY(-.2rem);box-shadow:0 .6rem 1.4rem #00000029}.section-help:hover:after,.section-help:focus:after,.section-help:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.section-help:focus{outline-offset:2px;border-radius:50%;outline:2px solid #e75b3759}.tool-section[open]>:not(summary){margin-top:.75rem}.participants-list{border-top:1px solid #d0cec6;padding-top:.75rem}.participants-list>summary{cursor:pointer;color:#5d615a;letter-spacing:.1em;text-transform:uppercase;font:700 .72rem Manrope,sans-serif;list-style:none}.participants-list>summary::-webkit-details-marker{display:none}.participants-list>summary:after,.participants-list[open]>summary:after{content:"›"!important}.participant-detail{width:100%}.participant-detail>summary{cursor:pointer;color:#30332f;min-width:0;font:inherit;letter-spacing:0;text-transform:none;align-items:center;padding:.6rem;list-style:none;display:flex}.participant-detail>summary::-webkit-details-marker{display:none}.participant-detail>summary:after{content:""!important}.participant-detail>summary>strong{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.82rem;overflow:hidden}.participant-detail>dl{gap:.35rem;margin:0;padding:0 .65rem .65rem 1.55rem;display:grid}.participant-detail>dl div{justify-content:space-between;gap:.75rem;display:flex}.participant-detail dt{color:#777a74;font-size:.68rem}.participant-detail dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.7rem;font-weight:600;overflow:hidden}.tool-buttons{flex-wrap:wrap;gap:.45rem;display:flex}.tool-buttons button{color:#31342f;background:#e7e4dc;border:1px solid #cbc8be;border-radius:.3rem;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;display:flex}.tool-buttons button svg{width:1.25rem;height:1.25rem}.tool-buttons button.active{color:#fff;background:#e75b37;border-color:#e75b37}.tool-buttons button:disabled{opacity:.45;cursor:not-allowed}.tool-buttons .history-icon{line-height:1}.color-history-label{color:#777a74;margin:0;font-size:.72rem;font-weight:700}.color-history-empty{color:#8b8e87;margin:0;font-size:.72rem}.tool-color{color:#5c605a;justify-content:space-between;align-items:center;gap:.5rem;font-size:.83rem;font-weight:700;display:flex}.tool-width{grid-template-columns:1fr auto;align-items:center}.color-control{color:#434640;background:#faf9f5;border:1px solid #cbc8be;border-radius:.3rem;align-items:center;gap:.45rem;padding:.3rem .5rem .3rem .3rem;display:flex}.color-control input{cursor:pointer;background:0 0;border:0;border-radius:.2rem;width:2rem;height:2rem;padding:0}.color-control input::-webkit-color-swatch-wrapper{padding:.15rem}.color-control input::-webkit-color-swatch{border:1px solid #aaa79f;border-radius:.15rem}.color-control output{font-size:.7rem;font-weight:700}.color-shortcuts{flex-wrap:wrap;gap:.42rem;display:flex}.color-shortcuts button{border:2px solid #f2f0e9;border-radius:50%;width:1.65rem;height:1.65rem;padding:0;box-shadow:0 0 0 1px #bcb9b0}.color-shortcuts button.active{box-shadow:0 0 0 2px #e75b37}.color-shortcuts button:disabled{opacity:.45;cursor:not-allowed}.tool-width input{accent-color:#e75b37;grid-column:1/-1;padding:0}.tool-width span{color:#7a7e77;font-weight:500}.thickness-value{justify-content:flex-end;align-items:center;gap:.4rem;min-height:1.8rem;display:inline-flex}.thickness-preview{background:#171917;border:1px solid #525650;border-radius:50%;flex:none;min-width:2px;min-height:2px;display:inline-block}.stroke-style{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.stroke-style button{color:#31342f;background:#e7e4dc;border:1px solid #cbc8be;border-radius:.3rem;justify-content:center;align-items:center;gap:.35rem;padding:.45rem;display:flex}.stroke-style button.active{color:#9c301c;background:#f4e3de;border-color:#e75b37}.stroke-style button:disabled{opacity:.45;cursor:not-allowed}.solid-sample,.dash-sample{border-top:2px solid;width:1.4rem}.dash-sample{border-top-style:dashed}.text-format-controls{grid-template-columns:1fr auto auto;align-items:end;gap:.4rem;display:grid}.text-format-controls label{grid-template-columns:1fr 4rem;align-items:center;display:grid}.text-format-controls input{border-radius:.3rem;width:4rem;padding:.4rem}.text-format-controls button{color:#31342f;background:#e7e4dc;border:1px solid #cbc8be;border-radius:.3rem;width:2.2rem;height:2.2rem}.text-format-controls button.active{color:#fff;background:#e75b37;border-color:#e75b37}.image-layer-controls{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.image-layer-controls button{color:#31342f;background:#e7e4dc;border:1px solid #cbc8be;border-radius:.3rem;justify-content:center;align-items:center;gap:.35rem;padding:.5rem;display:flex}.image-layer-controls button svg{width:1rem;height:1rem}.image-layer-controls .delete-image{color:#9c301c;grid-column:1/-1}.clear-canvas{color:#9c301c;text-align:left;background:#f4e3de;border:1px solid #d8aaa1;border-radius:.3rem;align-items:center;gap:.4rem;width:100%;padding:.6rem;font-weight:700;display:flex}.clear-canvas svg{width:1rem;height:1rem}.clear-canvas:disabled{opacity:.45;cursor:not-allowed}.tool-note{color:#777a74;margin:0;font-size:.8rem}.grid-controls{grid-template-columns:1fr;gap:.5rem;display:grid}.grid-controls label{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.grid-controls input[type=checkbox]{width:auto}.grid-controls input[type=number]{border-radius:.3rem;width:6rem;padding:.45rem}.grid-controls select{color:#31342f;text-overflow:ellipsis;white-space:nowrap;background:#faf9f5;border:1px solid #cbc8be;border-radius:.3rem;width:8.5rem;min-width:0;padding:.45rem;overflow:hidden}.panel-action{color:#fff;background:#e75b37;border:0;border-radius:.3rem;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.7rem;font-weight:700;display:flex}.panel-action svg{width:1rem;height:1rem}.canvas-workspace{background-color:#f8f7f2;grid-area:2/2;min-height:0;position:relative;overflow:hidden}.zoom-controls{z-index:3;background:#f8f7f2eb;border:1px solid #d0cec6;border-radius:.3rem;align-items:center;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:.8rem;left:.8rem}.zoom-controls button{color:#343732;background:#e7e4dc;border:0;border-radius:.25rem;padding:.4rem .55rem}.zoom-controls span{color:#636760;text-align:center;min-width:3.2rem;font-size:.75rem}.brush-outline{z-index:2;pointer-events:none;border:1px solid;border-radius:50%;display:none;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #fffc}.drawing-canvas{cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}.drawing-canvas.read-only{cursor:default}.canvas-text-editor{z-index:6;background:#fff;border:2px solid #e75b37;display:grid;position:absolute;box-shadow:0 .5rem 1.5rem #0000002e}.canvas-text-editor textarea{resize:none;background:#fff;border:0;border-radius:0;outline:none;width:100%;padding:.35rem}.text-editor-actions{background:#f2f0e9;border-top:1px solid #d0cec6;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.3rem;display:flex}.text-editor-actions label{align-items:center;gap:.25rem;font-size:.68rem;display:flex}.text-editor-actions input{border-radius:.2rem;width:3.7rem;padding:.25rem}.text-editor-actions .text-editor-color input{width:2rem;height:1.8rem;padding:.1rem}.text-editor-actions button{color:#31342f;background:#e7e4dc;border:1px solid #cbc8be;border-radius:.2rem;padding:.3rem .45rem}.text-editor-actions button svg{width:1rem;height:1rem;display:block}.text-editor-actions button.active,.text-editor-actions button.save{color:#fff;background:#e75b37;border-color:#e75b37}.text-editor-confirm{gap:.3rem;margin-left:auto;display:flex}.asset-library{z-index:4;color:#30332f;background:#f2f0e9f7;border:1px solid #d0cec6;border-radius:.3rem;width:min(23rem,100% - 1.6rem);max-height:16rem;padding:.65rem;position:absolute;bottom:.8rem;right:.8rem;overflow:auto;box-shadow:0 .6rem 1.6rem #0000001f}.asset-library>summary{cursor:pointer;color:#d95635;letter-spacing:.1em;text-transform:uppercase;font:700 .72rem Manrope,sans-serif}.asset-library>summary::-webkit-details-marker{display:none}.asset-library>summary span{color:#777a74;margin-left:auto}.asset-library>summary:after{margin-left:0}.asset-library p{color:#777a74;margin:.6rem 0 0;font-size:.75rem}.asset-library ul{gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.asset-library li{grid-template-columns:3.2rem 1fr auto auto;align-items:center;gap:.4rem;min-width:0;display:grid}.asset-library img{object-fit:cover;background:#fff;border:1px solid #cbc8be;width:3.2rem;height:2.4rem}.asset-file-icon{color:#777a74;background:#fff;border:1px solid #cbc8be;place-items:center;width:3.2rem;height:2.4rem;display:grid}.asset-file-icon svg{width:1.2rem;height:1.2rem}.asset-library li span{color:#666a63;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.asset-library li button{color:#31342f;background:#e7e4dc;border:1px solid #cbc8be;border-radius:.25rem;place-items:center;width:1.9rem;height:1.9rem;padding:0;display:grid}.asset-library li button svg{width:.9rem;height:.9rem}.asset-library li button.danger{color:#9c301c}.asset-upload-button{color:#31342f;cursor:pointer;background:#e7e4dc;border:1px solid #cbc8be;border-radius:.25rem;align-items:center;gap:.35rem;width:fit-content;margin-top:.6rem;padding:.45rem .6rem;font-size:.75rem;display:inline-flex}.asset-upload-button svg{width:1rem;height:1rem}.asset-upload-button input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.asset-upload-button:has(input:disabled){opacity:.45;cursor:not-allowed}.action-dialog{color:#20231f;background:#f8f7f2;border:1px solid #cbc8be;border-radius:1rem;width:min(28rem,100vw - 2rem);padding:1.5rem;box-shadow:0 1.5rem 5rem #0000004d}.action-dialog::backdrop{background:#0a0c0b9e}.action-dialog h2{margin:0;font-size:1.45rem}.action-dialog p{color:#666a63;margin:.7rem 0 1.25rem;line-height:1.5}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.dialog-actions button{color:#fff;background:#e75b37;border:0;border-radius:.55rem;padding:.65rem .9rem}.dialog-actions button.secondary{color:#31342f;background:#e3e0d7}.dialog-actions button.danger{background:#b83b25}.format-actions button:not(.secondary){min-width:4.5rem}@media (width<=760px){.lobby-shell{grid-template:auto minmax(0,1fr)/1fr}.hero-panel{min-height:0;padding:max(1.25rem, env(safe-area-inset-top)) 1.25rem 1.5rem}.lobby-brand{margin-bottom:1rem}.hero-panel h1{max-width:12ch;font-size:clamp(2.4rem,10.5vw,4rem);line-height:.94}.summary{margin:1rem 0;font-size:.96rem;line-height:1.5}.feature-line{gap:.45rem 1rem;font-size:.68rem}.lobby-card{min-height:0;padding:1.5rem 1.25rem max(1.5rem, env(safe-area-inset-bottom));border-radius:1.25rem 1.25rem 0 0;justify-content:flex-start;gap:1.5rem}.lobby-card h2{font-size:clamp(1.8rem,8vw,2.4rem)}.choice-list button,.submit-button{border-radius:.55rem;min-height:3.5rem;padding:1rem}.lobby-card input{border-radius:.5rem;min-height:3rem;font-size:1rem}.remembered-sessions{max-height:14rem;overflow-y:auto}.room-shell{grid-template:auto minmax(0,1fr) auto/1fr}.room-header{padding:max(.55rem, env(safe-area-inset-top)) .65rem .55rem;grid-area:1/1}.room-brand{gap:.4rem}.brand-mark{width:1.8rem;height:1.8rem}.room-brand strong{font-size:.88rem}.room-brand small{display:none}.room-actions{gap:.55rem}.room-actions button{min-height:2.6rem;padding:.45rem .65rem}.canvas-workspace{grid-area:2/1}.mobile-sheet-scrim{z-index:6;background:#11131257;border:0;padding:0;display:block;position:fixed;inset:0}.mobile-dock{z-index:9;padding:.3rem .25rem max(.3rem, env(safe-area-inset-bottom));background:#f8f7f2fa;border-top:1px solid #cbc8be;grid-area:3/1;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;box-shadow:0 -.4rem 1.2rem #0000001a}.mobile-dock button{color:#5d615a;background:0 0;border:0;border-radius:.3rem;place-items:center;gap:.1rem;min-width:0;min-height:3.35rem;padding:.3rem .1rem;font-size:.58rem;display:grid;position:relative}.mobile-dock button svg{width:1.25rem;height:1.25rem}.mobile-dock button.active{color:#d95635;background:#f4e3de}.mobile-dock button:disabled{opacity:.4}.mobile-dock small{color:#fff;background:#e75b37;border-radius:1rem;min-width:1rem;padding:.08rem .22rem;font-size:.52rem;line-height:1;position:absolute;top:.2rem;right:calc(50% - 1.25rem)}.tool-panel,.people-panel,.asset-library{z-index:8;top:auto;right:.5rem;bottom:calc(4.25rem + env(safe-area-inset-bottom));overscroll-behavior-x:none;touch-action:pan-y;visibility:hidden;pointer-events:none;background:#f2f0e9;border:1px solid #cbc8be;border-radius:.55rem .55rem 0 0;width:auto;min-width:0;max-width:calc(100vw - 1rem);max-height:min(68dvh,38rem);padding:1rem;transition:transform .18s,visibility .18s;position:fixed;left:.5rem;overflow:clip auto;transform:translateY(calc(100% + 5rem));box-shadow:0 -.8rem 2.2rem #0003}.tool-panel.mobile-open,.people-panel.mobile-open,.asset-library.mobile-open{visibility:visible;pointer-events:auto;transform:translateY(0)}.tool-panel{border-right:1px solid #cbc8be;grid-area:auto}.draw-toolbar,.tool-section,.people-panel>*,.asset-library>*{min-width:0;max-width:100%;overflow-x:clip}.people-panel ul{grid-template-columns:1fr}.asset-library ul{width:100%;padding-bottom:.25rem;display:grid;overflow-x:hidden}.asset-library li{width:100%;min-width:0}.asset-upload-button{min-height:2.75rem}.zoom-controls{top:.5rem;left:.5rem}.zoom-controls button{min-width:2.6rem;min-height:2.6rem}.tool-buttons button{width:3.15rem;height:3.15rem}.action-dialog{max-height:calc(100dvh - 2rem);padding:1.1rem;overflow:auto}}