@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg: #060606;--color-bg-supportive: #1D2022;--color-bg-supportive-hover: #363839;--color-bg-supportive-inverted: #F2F2F2;--color-bg-disabled: #47474D;--color-bg-subdued-supportive: #0F1111;--color-bg-primary: #3390BD;--color-bg-primary-hover: #267EAB;--color-bg-negative: #C7331F;--color-bg-negative-hover: #E1523F;--color-bg-accent: #774CD3;--color-bg-info: #E6F4F0;--color-bg-positive: #E4F6DC;--color-bg-warning: #FEF8E8;--color-bg-store-cfb: #3C5755;--color-bg-store-subscription: #774CD3;--color-bg-toggle: #6F9893;--color-bg-toggle-knob: #F8F8F8;--color-tint-bright: #FFFFFF;--color-tint-bright-inverted: #1D2022;--color-tint-primary: #FFFFFF;--color-tint-primary-inverted: #1D2022;--color-tint-moderate: #B5B7B9;--color-tint-moderate-inverted: #515557;--color-tint-subdued: #81878A;--color-tint-disabled: #515557;--color-tint-supportive: #C3C9CC;--color-tint-placeholder: #81878A;--color-tint-info: #89B4AC;--color-tint-accent: #C2A6FF;--color-tint-warning: #FFDA80;--color-tint-negative: #E1523F;--color-tint-negative-inverted: #C7331F;--color-tint-positive: #A1DB83;--color-tint-positive-inverted: #4E8A2F;--color-border-default: #363839;--color-border-bright: #FFFFFF;--color-border-accent: #926EE5;--color-border-negative: #E1523F;--color-border-positive: #72AD54;--color-border-warning: #F0BF59;--color-border-info: #58A7CF;--color-border-focus: #58A7CF;--color-link-accent: #C2A6FF;--color-link-primary: #78BDDF;--color-link-primary-inverted: #267EAB;--icon-filter: none}:root.light-mode{--color-bg: #FFFFFF;--color-bg-supportive: #F2F2F2;--color-bg-supportive-hover: #E2E2E0;--color-bg-supportive-inverted: #2E3132;--color-bg-disabled: #F8F8F8;--color-bg-subdued-supportive: #F8F8F8;--color-bg-primary: #267EAB;--color-bg-primary-hover: #3390BD;--color-bg-negative: #C7331F;--color-bg-negative-hover: #E1523F;--color-bg-accent: #C2A6FF;--color-bg-info: #E6F4F0;--color-bg-positive: #E4F6DC;--color-bg-warning: #FEF8E8;--color-bg-store-cfb: #3C5755;--color-bg-store-subscription: #855FDC;--color-bg-toggle: #6F9893;--color-bg-toggle-knob: #F8F8F8;--color-tint-bright: #1D2022;--color-tint-bright-inverted: #FFFFFF;--color-tint-primary: #FFFFFF;--color-tint-primary-inverted: #1D2022;--color-tint-moderate: #515557;--color-tint-moderate-inverted: #B5B7B9;--color-tint-subdued: #72777A;--color-tint-disabled: #B5B7B9;--color-tint-supportive: #1D2022;--color-tint-placeholder: #81878A;--color-tint-info: #4F716F;--color-tint-accent: #774CD3;--color-tint-warning: #E0A014;--color-tint-negative: #C7331F;--color-tint-negative-inverted: #E1523F;--color-tint-positive: #4E8A2F;--color-tint-positive-inverted: #A1DB83;--color-border-default: #A6ACAF;--color-border-bright: #363839;--color-border-accent: #774CD3;--color-border-negative: #C7331F;--color-border-positive: #4E8A2F;--color-border-warning: #E7B03E;--color-border-info: #439AC4;--color-border-focus: #267EAB;--color-link-accent: #774CD3;--color-link-primary: #267EAB;--color-link-primary-inverted: #78BDDF;--icon-filter: invert(1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;overflow:hidden;background-color:var(--color-bg);font-family:Inter,sans-serif;font-size:medium;color:var(--color-tint-subdued);-webkit-user-select:none;user-select:none}canvas{display:block;position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-bg);touch-action:none;cursor:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-bg);opacity:.85;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease}.app-loader-content{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.app-loader.hidden{opacity:0;pointer-events:none}.app-loader-icon{position:absolute;top:0;left:0;width:100%;height:100%;animation:spin 3s linear infinite;filter:var(--icon-filter);transition:opacity .3s ease}.app-loader-icon.paused{animation-play-state:paused;opacity:.3}@keyframes spin{to{transform:rotate(360deg)}}.app-loader.has-error{flex-direction:column;gap:20px}#appLoaderText{color:var(--color-tint-bright);font-size:16px;font-weight:500;position:relative;z-index:1}#appLoaderText.error{color:var(--color-tint-negative)}.app-loader-error-info{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.app-loader-error-reason{color:var(--color-tint-subdued);font-size:14px;max-width:260px}.app-loader-error-buttons{display:flex;flex-direction:row;gap:10px;align-items:center;margin-top:10px}h1,h2,h3,h4,h5,h6{color:var(--color-tint-bright);line-height:normal}div,p{color:var(--color-tint-subdued);font-size:medium;line-height:1.5em}a{color:var(--color-link-primary);text-decoration:none;cursor:pointer}a:hover{color:var(--color-link-primary-inverted)}.bold{font-weight:700}.normal{font-weight:400}.bright{color:var(--color-tint-bright)}.accent{color:var(--color-tint-accent)}.success{color:var(--color-tint-positive)}.info{color:var(--color-link-primary)}.warn{color:var(--color-tint-warning)}.danger{color:var(--color-tint-negative)}.subdued{color:var(--color-tint-subdued)}.large{font-size:x-large}.small{font-size:small}.hidden{display:none!important}.tile{border:1px solid var(--color-bg);box-shadow:0 2px 5px #0003}label{color:var(--color-tint-subdued);display:flex;gap:8px;align-items:center}.statusbar{position:fixed;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:98;pointer-events:none}.statusbar>*{pointer-events:auto}.selection-menu{position:absolute;display:inline-flex;justify-content:center;align-items:center;z-index:101;opacity:0;visibility:hidden;transition:opacity .1s ease-out,visibility .1s ease-out;border-radius:4px;background-color:var(--color-bg)}.selection-menu.show{opacity:1;visibility:visible}.statusbar .section,.selection-menu .section{display:flex;gap:10px;align-items:center}.statusbar .group,.selection-menu .group{border-radius:4px;background-color:var(--color-bg);display:flex;gap:0;align-items:center}.statusbar button,.selection-menu button{background-color:transparent;color:var(--color-tint-bright);border:none;padding:0 10px;cursor:pointer;border-radius:4px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s;font-weight:700;font-size:medium;gap:10px;white-space:nowrap}.statusbar button:hover,.statusbar button.active,.selection-menu button:hover,.selection-menu button.active{background-color:var(--color-bg-supportive)}.statusbar button.disabled,.selection-menu button.disabled{opacity:.3;cursor:not-allowed}.statusbar button.separator,.selection-menu button.separator{color:var(--color-border-default);font-weight:400;font-size:large;padding:0;cursor:default;min-width:0}.statusbar button.separator:hover,.selection-menu button.separator:hover{background-color:transparent}.statusbar button img,.selection-menu button img{max-width:20px;max-height:18px}.tools-container{display:flex;gap:5px}.toolbar{position:fixed;top:64px;bottom:10px;left:10px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:10px;z-index:98;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;pointer-events:none}.toolbar::-webkit-scrollbar{display:none}.toolbar>:first-child{margin-top:auto}.toolbar>:last-child{margin-bottom:auto}.tool-properties-display{position:fixed;top:64px;left:70px;background:var(--color-bg-supportive);border-radius:14px;padding:16px;display:none;flex-direction:column;gap:20px;z-index:98}.tool-properties-display.show{display:flex}.tool-properties-display.disabled-tool{display:none!important}.tool-properties-display label{font-size:14px;font-weight:500;color:var(--color-tint-bright)}.tool-color-indicator{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-border-default);cursor:pointer;padding:0;align-self:flex-end;transition:border-color .15s}.tool-color-indicator:hover{border-color:var(--color-tint-bright)}.font-selector{display:none;position:relative}.font-selector-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;min-height:36px;background:var(--color-bg);border:1px solid var(--color-bg);border-radius:4px;color:var(--color-tint-bright);font-size:14px;cursor:pointer;transition:border-color .15s}.font-selector-button:hover{border-color:var(--color-border-default)}.font-selector-button:after{content:"";width:8px;height:8px;border-right:2px solid var(--color-tint-subdued);border-bottom:2px solid var(--color-tint-subdued);transform:rotate(45deg);flex-shrink:0;margin-top:-2px}.font-selector-button.open:after{transform:rotate(-135deg);margin-top:2px}.font-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--color-bg);border:1px solid var(--color-bg-supportive);border-radius:8px;z-index:200;display:flex;flex-direction:column;padding:4px}.font-dropdown button{width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;color:var(--color-tint-bright);font-size:15px;cursor:pointer;border-radius:4px;min-height:36px;transition:background-color .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-dropdown button:hover{background:var(--color-bg-supportive)}.font-dropdown button.active{background:var(--color-bg-supportive);font-weight:600}input.value-display{font-size:14px;font-weight:500;color:var(--color-tint-subdued);text-align:right;width:48px;background:transparent;border:1px solid transparent;outline:none;appearance:textfield;-moz-appearance:textfield;padding:0;margin:0}input.value-display:focus{outline:none;border:1px solid transparent;box-shadow:none}input.value-display::-webkit-outer-spin-button,input.value-display::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer;margin:8px 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:linear-gradient(to right,var(--color-tint-bright) var(--percent, 0%),transparent var(--percent, 0%)),linear-gradient(to bottom,transparent 1px,var(--color-border-default) 1px,var(--color-border-default) 3px,transparent 3px);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:16px;width:16px;border-radius:50%;background:var(--color-bg-supportive);border:2px solid var(--color-tint-bright);margin-top:-6px;cursor:grab}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}input[type=range]::-moz-range-track{width:100%;height:4px;background:linear-gradient(to right,var(--color-tint-bright) var(--percent, 0%),transparent var(--percent, 0%)),linear-gradient(to bottom,transparent 1px,var(--color-border-default) 1px,var(--color-border-default) 3px,transparent 3px);border-radius:2px}input[type=range]::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:var(--color-bg-supportive);border:2px solid var(--color-tint-bright);cursor:grab}input[type=range]::-moz-range-thumb:active{cursor:grabbing}.nowrap{white-space:nowrap}.toolbar>*{pointer-events:auto}.toolbar .group{border-radius:22px;background-color:var(--color-bg);display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.toolbar button{background-color:var(--color-bg);color:var(--color-tint-bright);border:none;padding:0 10px;cursor:pointer;border-radius:22px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s;font-weight:700}.toolbar button:hover,.toolbar button.active{background-color:var(--color-bg-supportive)}.bottombar{position:fixed;bottom:10px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:10px;z-index:98;opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility .2s ease-out;pointer-events:none}.bottombar>*{pointer-events:auto}.bottombar.show{opacity:1;visibility:visible}.bottombar .group{border-radius:4px;background-color:var(--color-bg);display:flex;gap:0;align-items:center}.bottombar button{background-color:transparent;color:var(--color-tint-bright);border:none;padding:0 10px;cursor:pointer;border-radius:4px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s;font-weight:700;font-size:medium;gap:10px;background-repeat:no-repeat;background-position:4px center;background-size:16px;white-space:nowrap}.bottombar button:hover,.bottombar button.active{background-color:var(--color-bg-supportive)}.bottombar button.icon{padding-left:36px;width:max-content}.bottombar button.icon:before{right:auto;width:36px}.bottombar-field{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 12px;color:var(--color-tint-bright);font-weight:700;font-size:medium;white-space:nowrap;cursor:ew-resize;user-select:none;touch-action:none}.bottombar-field-label{pointer-events:none}.bottombar .bottombar-field-input{background-color:transparent;border:none;outline:none;color:var(--color-tint-bright);font:inherit;font-weight:700;padding:0;margin:0;min-width:1ch;text-align:left;cursor:ew-resize}.bottombar .bottombar-field-input:focus{border:none;cursor:text}#pdf-navigation>#back,#pdf-navigation>#forward{position:relative;background-image:none}#pdf-navigation>#back:before,#pdf-navigation>#forward:before{content:"";position:absolute;inset:0;background-image:var(--icon-url);background-repeat:no-repeat;filter:var(--icon-filter, none);pointer-events:none}#pdf-navigation>#back{padding-left:24px}#pdf-navigation>#back:before{background-size:8px;background-position:8px center}#pdf-navigation>#forward{padding-right:24px}#pdf-navigation>#forward:before{background-size:8px;background-position:right 8px center}#pdf-navigation>#current{background:none;padding:0 10px;color:var(--color-tint-subdued);display:flex;align-items:center}#pdf-navigation>button:disabled{opacity:.5;cursor:not-allowed}.notification-container{position:fixed;top:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:1000;pointer-events:none}.notification{pointer-events:auto;display:flex;justify-content:center;align-items:center;gap:10px;transition:transform .3s ease-out,opacity .3s ease-out;background-color:var(--color-bg-supportive);color:var(--color-tint-bright);border-radius:4px;padding:10px;opacity:0;transform:translateY(-20px)}.notification.show{opacity:1;transform:translateY(0)}.notification.hide{opacity:0;transform:translateY(-20px)}.notification.version-mismatch{position:fixed;top:20px;right:20px;left:auto;transform:none;border-left:4px solid var(--color-bg-negative);max-width:400px;font-weight:500}.notification.version-mismatch button{background:var(--color-bg-negative);color:#fff;cursor:pointer;margin-left:12px;font-weight:500;transition:background .2s;border-style:none;border-radius:4px;padding:4px 8px}.notification.version-mismatch button:hover{background:var(--color-bg-negative-hover)}.online-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px var(--color-bg);background-color:var(--color-tint-positive)}.follow-btn.active{background:var(--color-tint);color:var(--color-tint-bright);border-color:var(--color-tint)}div.overlay{position:fixed;inset:0;background-color:#00000080;z-index:99;display:flex;justify-content:center;align-items:center}div.popup{position:fixed;display:flex;flex-direction:column;z-index:100;background-color:var(--color-bg);border:1px solid var(--color-bg-supportive);color:var(--color-tint-bright);border-radius:14px;min-width:375px;max-width:375px;max-height:calc(100vh - 74px);max-height:calc(100dvh - 74px);opacity:0;transition:opacity .2s,height .2s;overflow:hidden}.popup-scroll-wrapper{flex:1 1 auto;min-height:0;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.popup-scroll-wrapper:has(>.popup-paged){display:flex;flex-direction:column}div.popup.popup-dragging{user-select:none;transition:opacity .2s}div.popup.popup-dragging *{user-select:none}div.popup.reset-hint{opacity:.5;transition:opacity .15s}.popup.show{opacity:1}.popup .header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:0;flex-shrink:0}.popup .header .header-actions{display:flex;align-items:center;gap:4px}.popup .header h2{margin:0}.popup .header.no-tabs{margin:10px 10px 0 0}.popup .header.no-tabs h2{margin:0;display:inline-block;padding:0 20px}.popup .header a.info-button{color:var(--color-tint-subdued);text-decoration:none;cursor:pointer;font-weight:700;font-size:small;border:2px solid var(--color-tint-subdued);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.popup .header .info-button-container{display:flex;align-items:center;justify-content:center;height:44px;width:44px;border-radius:4px}.popup .header .info-button-container:hover{background-color:var(--color-bg-supportive)}.popup .header .close-button{background-color:var(--color-tint-bright)}.popup .content{margin:10px 0;display:flex;flex-direction:column;gap:10px}input[type=text],input[type=number],input[type=password],input[type=email],textarea{background-color:var(--color-bg-supportive);color:var(--color-tint-bright);border:1px solid var(--color-bg);border-radius:4px;padding:10px;font-size:medium;min-width:80px;user-select:auto}input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus{outline:none;border:1px solid var(--color-link-primary)}input[type=text].error,input[type=number].error,input[type=password].error,input[type=email].error,textarea.error{border:1px solid var(--color-tint-negative)}.wide{min-width:80%!important}.popup h1{margin:10px 0 8px}.popup h4{margin:5px 0 10px}.popup button,#gallery button,.app-loader button,.error-page-container button{color:var(--color-tint-bright);background-color:var(--color-bg-supportive);border:none;min-height:44px;border-radius:4px;font-size:medium;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:12px 20px;width:fit-content;background-repeat:no-repeat;background-position:center;background-size:16px}.popup button:hover,#gallery button:hover,.app-loader button:hover,.error-page-container button:hover{background-color:var(--color-bg)}.popup button.disabled,#gallery button.disabled,.error-page-container button.disabled{opacity:.3;cursor:not-allowed}.popup button.blue,#gallery button.blue,.error-page-container button.blue{background-color:var(--color-bg-primary);color:var(--color-tint-primary)}.popup button.blue:hover,#gallery button.blue:hover,.error-page-container button.blue:hover{background-color:var(--color-bg-primary-hover)}.popup button.accent,.app-loader button.accent,.error-page-container button.accent{background-color:var(--color-bg-accent)}.popup button.accent:hover,.app-loader button.accent:hover,.error-page-container button.accent:hover{background-color:var(--color-tint-accent)}.popup button.two-line{flex-direction:column;gap:5px;align-items:flex-start}.popup button.border{border:1px solid var(--color-bg-supportive);background-color:var(--color-bg)}.popup button.border:hover{background-color:var(--color-bg-supportive)}.popup button.secondary,button.secondary{background-color:var(--color-bg-supportive);border:1px solid var(--color-bg-supportive)}button.secondary{color:var(--color-tint-bright);min-height:44px;border-radius:4px;font-size:medium;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:12px 20px;width:fit-content}.popup button.secondary:hover,.popup button.secondary.active,button.secondary:hover,button.secondary.active{background-color:var(--color-bg)}.popup button.small{font-size:medium;padding:10px;min-height:34px}.popup button.small.icon{background-repeat:no-repeat;background-position:10px center;background-size:10px;padding-left:30px}.popup button.full{width:100%;justify-content:flex-start}.popup .tabs{display:flex;overflow-y:auto}.popup .tab{color:var(--color-tint-subdued);border:none;min-height:44px;min-width:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 15px;background-repeat:no-repeat;background-position:center}.popup .tab:hover{background-color:var(--color-bg-supportive)}.popup .tab.active{color:var(--color-tint-bright);font-weight:700;border-bottom:2px solid var(--color-tint-bright)}.popup .tab.disabled{color:var(--color-tint-disabled);opacity:.3;cursor:not-allowed}.popup .tab:first-child{border-top-left-radius:10px}.popup-paged{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.scroll-container{overflow-x:auto;overflow-y:auto;flex:1 1 0;min-height:0}.popup .page-grid{display:flex;flex-wrap:nowrap;overflow:auto;align-items:flex-start}.popup .grid-page{width:100%;flex-shrink:0;height:max-content}.popup .filters{display:flex;flex-direction:row;gap:4px;padding:0 20px 0 44px;overflow-y:hidden;overflow-x:auto;position:relative}.popup .filters:before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:var(--filters-icon-url, url(/img/filters-filter.svg));background-position:center;background-size:16px;background-repeat:no-repeat;filter:var(--icon-filter, none);pointer-events:none}.popup .filters .filter{white-space:nowrap;display:inline-block;padding:5px 10px;border-radius:4px;color:var(--color-tint-subdued);font-size:small;cursor:pointer}.popup .filters .filter:hover{background-color:var(--color-bg-supportive)}.popup .filters .filter.active{background-color:var(--color-bg-supportive);color:var(--color-tint-bright);font-weight:700}.popup .section-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.section-header h2{margin:0}.popup .input-group{display:flex;flex-direction:row;gap:10px;align-items:center;width:100%;align-self:stretch}.measurement-input-container{position:relative;flex:1;min-width:0;display:flex;align-items:center}.measurement-input-container input{flex:1;min-width:0}.measurement-input-container input.has-lock{padding-right:32px}.measurement-input-container .measurement-lock-btn{position:absolute;right:0;width:24px;height:24px;background-color:transparent;border:none}.calibration-line{height:2px;background-color:var(--color-tint-accent);position:relative;margin:20px auto}.calibration-line:before,.calibration-line:after{content:"";position:absolute;top:-6px;width:2px;height:14px;background-color:var(--color-tint-accent)}.calibration-line:before{left:0}.calibration-line:after{right:0}.popup .input-group-no-gap{display:flex;flex-direction:row;gap:0;width:100%;align-self:start}.popup .input-group input,.popup .input-group-no-gap input{flex-grow:1}.popup .move-handle{cursor:move;background-image:url(/img/overlay-move-handle.svg);background-repeat:no-repeat;background-position:center 6px;filter:var(--icon-filter, none);opacity:.3;height:10px;display:block;flex-shrink:0;touch-action:none;transition:opacity .15s ease}.popup .move-handle:hover{opacity:.5}.popup .resize-handle{cursor:nwse-resize;background-repeat:no-repeat;background-size:14px;filter:var(--icon-filter, none);opacity:.3;display:block;position:absolute;z-index:100;width:18px;height:18px;bottom:0;touch-action:none;transition:opacity .15s ease}.popup .resize-handle:hover{opacity:.5}.popup .resize-handle.bottom-left{background-image:url(/img/overlay-resize-handle-bl.svg);background-position:4px 0px;cursor:nesw-resize;left:0}.popup .resize-handle.bottom-right{background-image:url(/img/overlay-resize-handle-br.svg);background-position:0px 0px;right:0}@media(hover:hover){.popup .move-handle,.popup .resize-handle,.popup .popup-chrome-expand{animation:popup-chrome-idle-fade 1.2s ease-out 1s forwards}@starting-style{.popup .move-handle,.popup .resize-handle,.popup .popup-chrome-expand{opacity:0}}.popup:hover .move-handle,.popup:hover .resize-handle,.popup:hover .popup-chrome-expand{animation:none}@keyframes popup-chrome-idle-fade{to{opacity:0}}}.popup .arrow{position:absolute;top:-11px;left:50%;transform:translate(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid var(--color-bg-supportive)}.popup .arrow:after{content:"";position:absolute;top:1px;left:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--color-bg)}.popup .arrow.flipped{transform:translate(-50%) rotate(180deg);top:auto;bottom:-11px}.popup .arrow.flipped:after{top:1px;content:"";position:absolute;left:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--color-bg)}.import-btn{color:var(--color-tint-bright);border:none;height:44px;cursor:pointer;border-radius:4px;font-size:medium;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.import-btn:hover{background-color:var(--color-bg-supportive)}.import-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.import-btn.disabled:hover{background-color:transparent}.import-btn img{width:18px;height:18px}.camera-overlay-backdrop{position:fixed;inset:0;background-color:#000000b3;z-index:200;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s}.camera-overlay-backdrop.show{opacity:1}.camera-overlay{position:relative;display:flex;flex-direction:column;gap:12px;background-color:var(--color-bg);border:1px solid var(--color-bg-supportive);border-radius:14px;padding:16px;width:min(480px,92vw)}.camera-overlay-header{display:flex;align-items:center;justify-content:space-between;color:var(--color-tint-bright);font-weight:600;font-size:16px}.camera-overlay-close{background:none;border:none;cursor:pointer;color:var(--color-tint-subdued);font-size:20px;line-height:1;padding:4px 8px;border-radius:6px}.camera-overlay-close:hover{background-color:var(--color-bg-supportive);color:var(--color-tint-bright)}.camera-overlay video{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;background-color:#000;display:block}.camera-overlay-error{text-align:center;padding:40px 20px;color:var(--color-tint-subdued);font-size:14px;line-height:1.5}.camera-overlay-controls{display:flex;justify-content:center;padding-bottom:4px}.camera-shutter-btn{width:60px;height:60px;border-radius:50%;background-color:var(--color-tint-bright);border:4px solid var(--color-bg-supportive);cursor:pointer;transition:transform .1s,background-color .1s;outline:none}.camera-shutter-btn:hover{background-color:var(--color-bg-primary);border-color:var(--color-bg-primary)}.camera-shutter-btn:active{transform:scale(.9)}.separator{border-top:4px solid var(--color-bg-supportive);margin:0}.separator.vertical{border-top:none;border-left:1px solid var(--color-border-default);margin:0 10px;height:auto;align-self:stretch}.long-btn{color:var(--color-tint-bright);border:none;height:44px;cursor:pointer;border-radius:4px;font-size:medium;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 44px;background-position:12px center;background-size:16px;background-repeat:no-repeat}.long-btn:hover{background-color:var(--color-bg-supportive)}.long-btn.disabled{opacity:.3;cursor:not-allowed}.long-btn.disabled:hover{background-color:transparent}.long-btn.blue{background-color:var(--color-link-primary)}.long-btn.blue:hover{background-color:var(--color-link-primary-inverted)}.long-btn.external{color:var(--color-link-primary)}.long-btn.danger{color:var(--color-tint-negative);font-weight:700}button.icon{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;background-image:none!important;color:var(--color-tint-bright);cursor:pointer;border-radius:4px;min-height:44px;min-width:44px;transition:background-color .2s;position:relative}button.icon:hover{background-color:var(--color-bg-supportive)}button.icon.secondary{background-color:var(--color-bg-supportive);border:1px solid var(--color-bg-supportive)}button.icon.secondary:hover,button.icon.secondary.active{background-color:var(--color-bg);border-color:var(--color-bg)}a.more-menu-item{background-image:none!important;position:relative}button.icon:before,a.more-menu-item:before{content:"";position:absolute;inset:0;background-image:var(--icon-url);background-position:center;background-repeat:no-repeat;filter:var(--icon-filter, none);pointer-events:none}button.icon#back:before{background-position:8px center}button#measurements{white-space:nowrap;flex-shrink:0;min-width:max-content}button#measurements.is-locked{padding-left:28px;position:relative}button#measurements.is-locked:before{content:"";position:absolute;inset:0;background-image:var(--icon-url);background-position:6px center;background-size:12px;background-repeat:no-repeat;filter:var(--icon-filter, none);pointer-events:none}button.icon.long-btn:before,a.more-menu-item:before{background-position:12px center;background-size:16px}.label-icon{min-width:22px;min-height:22px;display:flex;align-items:center;justify-content:center;background-position:center;background-size:16px;background-repeat:no-repeat}.label-text{display:flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;flex-shrink:0}.switch{position:relative;display:inline-block;min-width:60px;max-width:fit-content;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#78788055;-webkit-transition:.2s;transition:.2s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--color-bg-toggle-knob);-webkit-transition:.2s;transition:.2s;border-radius:50%}input:checked+.slider{background-color:var(--color-bg-toggle)}input:focus+.slider{box-shadow:0 0 1px var(--color-bg-disabled)}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}input:disabled+.slider{opacity:.4;cursor:not-allowed}input[type=checkbox]{width:12px;height:12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--color-tint-bright);border-radius:2px;cursor:pointer}input[type=checkbox]:checked{background-color:var(--color-tint-bright)}input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:16px;height:16px;border:2px solid var(--color-tint-subdued);border-radius:50%;cursor:pointer;position:relative;display:inline-block;vertical-align:middle;margin-right:8px;flex-shrink:0}input[type=radio]:checked{border-color:var(--color-tint-bright)}input[type=radio]:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:var(--color-tint-bright);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .1s ease-in-out}input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}label:has(>input[type=radio]){color:var(--color-tint-subdued);cursor:pointer;display:flex;align-items:center}label:has(>input[type=radio]:checked){color:var(--color-tint-bright)}label:has(>input[type=checkbox]){color:var(--color-tint-subdued)}label:has(>input[type=checkbox]:checked){color:var(--color-tint-bright)}.flex{display:flex;align-items:center;gap:20px}.flex-spread{display:flex;justify-content:space-between;align-items:center}.flex-stretch{display:flex;flex-direction:row;align-items:stretch;gap:16px}.flex-column{display:flex;flex-direction:column;gap:16px}.flex-center{display:flex;justify-content:center;align-items:center}.flex-scroll{display:flex;gap:16px;overflow-x:auto;justify-content:start;align-items:start}.flex-column h3{margin-bottom:8px}.debug{position:fixed;bottom:10px;left:10px;color:var(--color-tint-subdued);padding:10px;border-radius:4px;z-index:101;display:flex;gap:10px}.icon{width:24px;height:24px;background-position:center;background-repeat:no-repeat;background-size:16px}.tags,.presets{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 10px 32px}.tags-scroll,.presets-scroll{display:flex;gap:10px;overflow-x:auto;align-items:center;scrollbar-width:none;-ms-overflow-style:none}.tags-scroll::-webkit-scrollbar,.presets-scroll::-webkit-scrollbar{display:none}.tag,.preset{display:inline-block;padding:5px 10px;border-radius:4px;background-color:var(--color-bg-supportive);color:var(--color-tint-subdued);font-size:small;cursor:pointer}.tag.approve-request-btn{display:inline-block;padding:5px 10px;min-height:0;border:none;border-radius:4px;background-color:var(--color-bg-accent);color:var(--color-tint-bright);font-size:small;font-weight:600;cursor:pointer}.tag.approve-request-btn:hover{background-color:var(--color-tint-accent)}.tag.approve-request-btn:active{filter:brightness(.9)}video{object-fit:cover;width:100%;border-top-left-radius:10px;border-top-right-radius:10px}.sidebar{position:absolute;top:0;left:0;bottom:0;display:flex;flex-direction:column;gap:10px;z-index:90;padding:64px 15px 0;width:240px;overflow-y:auto;transform:translate(-100%);transition:transform .2s}.sidebar.show{transform:translate(0)}.sidebar .header{display:flex;justify-content:space-between;align-items:center;gap:10px}button.sidebar-item{color:var(--color-tint-bright);background-color:var(--color-bg);border:none;padding:0;cursor:pointer;border-radius:4px;min-height:44px;width:100%;display:inline-flex;align-items:center;justify-content:start;gap:10px;font-size:medium}button.sidebar-item:hover{background-color:var(--color-bg-supportive)}button.sidebar-item .thumb{width:44px;height:44px;border-radius:4px;border:0;background-color:var(--color-bg-supportive);background-position:center;background-repeat:no-repeat}div.bottom-button-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-supportive);border-radius:30px;height:60px;gap:12px;padding:0 20px;z-index:98;cursor:pointer}div.bottom-button{color:var(--color-tint-bright);background-color:var(--color-bg-supportive);border:none;padding:0;cursor:pointer;border-radius:30px;height:100%;width:100%;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:medium;white-space:nowrap}div.bottom-button>span{white-space:nowrap}div.setting{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:16px;cursor:pointer;text-align:center;width:min-content;background:transparent;background-image:none!important}div.setting .round-button{background-color:var(--color-bg-supportive);background-position:center;background-repeat:no-repeat;background-size:22px;border:1px solid var(--color-border-default);border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:small;position:relative}div.setting.selected .round-button{border:2px solid var(--color-tint-bright)}div.setting.selected div{color:var(--color-tint-bright)}div.setting.disabled,div.setting.locked{opacity:.5;cursor:not-allowed}div.setting.locked .round-button{background-image:url(/img/filters-locked-dark.svg)}div.setting .round-button#ignore{--icon-url: url(/img/menu-close-small.svg)}div.setting .round-button#draw{--icon-url: url(/img/tool-fixedwidth.svg)}div.setting .round-button#straight_line{--icon-url: url(/img/tool-smoothing.svg)}div.setting .round-button#pan{--icon-url: url(/img/tool-pan.svg)}div.setting .round-button#select{--icon-url: url(/img/tool-select.svg)}div.setting .round-button#grid{--icon-url: url(/img/layout-grid.svg)}div.setting .round-button#horizontal{--icon-url: url(/img/layout-horizontal.svg)}div.setting .round-button#vertical{--icon-url: url(/img/layout-vertical.svg);background-size:12px}div.setting .round-button#stack{--icon-url: url(/img/layout-stack.svg);background-size:12px}div.setting .round-button#grid:before,div.setting .round-button#horizontal:before,div.setting .round-button#vertical:before,div.setting .round-button#stack:before,div.setting .round-button#ignore:before,div.setting .round-button#draw:before,div.setting .round-button#straight_line:before,div.setting .round-button#pan:before,div.setting .round-button#select:before{content:"";position:absolute;inset:0;background-image:var(--icon-url);background-position:center;background-repeat:no-repeat;filter:var(--icon-filter, none);pointer-events:none}div.setting .round-button#draw:before{background-size:34px}div.setting .round-button#straight_line:before{background-size:22px}div.setting .round-button#pan:before,div.setting .round-button#select:before{background-size:36px}div.setting .round-button#plain-white{background-color:#fff}div.setting .round-button#transparent{background-image:url(/img/background_transparent_tile.webp);background-repeat:repeat}div.setting .round-button#crumpled{background-image:url(/img/background_crumpled_tile.webp);background-size:cover}div.setting .round-button#lightweight{background-image:url(/img/background_lightweight_tile.webp);background-size:cover}div.setting .round-button#heavyweight{background-image:url(/img/background_heavyweight_tile.webp);background-size:cover}div.setting .round-button#rippled{background-image:url(/img/background_rippled_tile.webp);background-size:cover}div.setting .round-button#blueprint{background-image:url(/img/background_blueprint_tile.webp);background-size:cover}div.setting .round-button#brown{background-image:url(/img/background_brownpaper_tile.webp);background-size:cover}div.setting .round-button#darkprint{background-image:url(/img/background_darkprint_tile.webp);background-size:cover}div.setting .round-button#dot{background-image:url(/img/grid-icon-dot.svg);background-size:cover}div.setting .round-button#graph{background-image:url(/img/grid-icon-graph-paper-1-4.svg);background-size:cover}div.setting .round-button#lined{background-image:url(/img/grid-icon-lined-paper-medium-ruled.svg);background-size:cover}div.setting .round-button#hex{background-image:url(/img/grid-icon-hex.svg);background-size:cover}div.icon-button-list-group .description{margin-bottom:12px}div.icon-button-list-group h3,div.icon-button-list-group .description,div.icon-button-list-group .flex-scroll{padding-left:20px;padding-right:20px}.title-set-container.edge-to-edge{padding:0 20px}.subtitle-set-container{padding:0 20px;margin-top:4px}.subtitle-set-container h3{font-size:small;font-weight:600;color:var(--color-tint-subdued);margin:0}div.pinned-bottom{position:sticky;bottom:0;margin-top:auto;padding:20px 0;width:100%;background:var(--color-bg);z-index:2}.export-resolution-warning{color:var(--color-tint-subdued);font-size:small;text-align:left}div.timeline-grid{display:flex;flex-direction:column;gap:10px}div.timeline-row{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center}div.timeline-icon{width:24px;height:24px;border-radius:11px;background-color:var(--color-bg-supportive);background-position:center;background-repeat:no-repeat;background-size:12px}div.timeline-icon#lock{background-color:var(--color-tint-accent)}div.timeline-text{padding:3px 0;display:flex;align-items:center;gap:10px}div.timeline-line{width:4px;height:100%;display:inline-block;border-radius:2px;background-color:var(--color-bg-supportive);margin-left:10px}div.timeline-line#gradient{background:linear-gradient(180deg,var(--color-tint-accent) 0%,var(--color-bg-supportive) 100%)}div.timeline-grid h4{margin:0}div.web-location{background-repeat:no-repeat;background-position:center left;background-size:10px;padding-left:20px;font-size:small;margin:0 10px}.banner{background-color:var(--color-bg-info)}.banner.success{border-left:4px solid var(--color-tint-positive);background-color:var(--color-bg-positive);padding:16px 20px;color:var(--color-tint-primary-inverted)}.banner.rounded{border-radius:4px}.progress-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animation-open,.animation-closed{width:196px;height:196px}.animation-open{animation:rotate 3s linear infinite;animation-play-state:running}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#close,.close{--icon-url: url(/img/menu-close-small.svg);background-image:url(/img/menu-close-small.svg)}button#info,div#info{--icon-url: url(/img/help-manual.svg);background-image:url(/img/help-manual.svg)}.tab#info{opacity:.5}.tab#close{background-image:none;position:relative}.tab#close:before{content:"";position:absolute;inset:0;background-image:url(/img/menu-close-small.svg);background-position:center;background-size:16px;background-repeat:no-repeat;filter:var(--icon-filter, none);pointer-events:none}.popup .header .tab#info{background-image:none;position:relative}.popup .header .tab#info:before{content:"";position:absolute;inset:0;background-image:url(/img/help-manual.svg);background-position:center;background-size:16px;background-repeat:no-repeat;filter:var(--icon-filter, none);pointer-events:none}#pdf-reopen{--icon-url: url(/img/pdf-reopen.svg);background-image:url(/img/pdf-reopen.svg)}#crop{--icon-url: url(/img/selection-crop.svg);background-image:url(/img/selection-crop.svg)}#emailUs{--icon-url: url(/img/login-email.svg);background-image:url(/img/login-email.svg)}#copy{--icon-url: url(/img/selection-duplicate.svg);background-image:url(/img/selection-duplicate.svg)}#delete{--icon-url: url(/img/selection-delete.svg);background-image:url(/img/selection-delete.svg)}#location{--icon-url: url(/img/input-location.svg);background-image:url(/img/input-location.svg)}#lock{--icon-url: url(/img/filters-locked-dark.svg);background-image:url(/img/filters-locked-dark.svg)}#unlock{--icon-url: url(/img/filters-unlocked-dark.svg);background-image:url(/img/filters-unlocked-dark.svg)}#zoom,#search{--icon-url: url(/img/form-search.svg);background-image:url(/img/form-search.svg)}#rotate{--icon-url: url(/img/filters-rotate-selected.svg);background-image:url(/img/filters-rotate-selected.svg)}#bell{--icon-url: url(/img/special-bell.svg);background-image:url(/img/special-bell.svg)}#check{--icon-url: url(/img/special-check.svg);background-image:url(/img/special-check.svg)}#chat{--icon-url: url(/img/help-askusanything.svg);background-image:url(/img/help-askusanything.svg)}#ios{--icon-url: url(/img/platform-ios.svg);background-image:url(/img/platform-ios.svg)}#android{--icon-url: url(/img/platform-android.svg);background-image:url(/img/platform-android.svg)}#windows{--icon-url: url(/img/platform-windows.svg);background-image:url(/img/platform-windows.svg)}#back{--icon-url: url(/img/browser-back.svg);background-image:url(/img/browser-back.svg)}#forward{--icon-url: url(/img/browser-forward.svg);background-image:url(/img/browser-forward.svg)}#down{--icon-url: url(/img/browser-forward.svg);background-image:url(/img/browser-forward.svg);transform:rotate(90deg)}#reload{--icon-url: url(/img/browser-reload.svg);background-image:url(/img/browser-reload.svg)}#web{--icon-url: url(/img/browser-open-browser.svg);background-image:url(/img/browser-open-browser.svg)}a#share,button#share{--icon-url: url(/img/menu-export.svg);background-image:url(/img/menu-export.svg)}#work{--icon-url: url(/img/accounts-forwork.svg);background-image:url(/img/accounts-forwork.svg)}#personal{--icon-url: url(/img/accounts-forplay.svg);background-image:url(/img/accounts-forplay.svg)}#school{--icon-url: url(/img/accounts-foreducation.svg);background-image:url(/img/accounts-foreducation.svg)}a#settings,button#settings{--icon-url: url(/img/menu-settings.svg);background-image:url(/img/menu-settings.svg)}#art-illustration{background-image:url(/img/interest-art-illustration.svg)}#document-markup{background-image:url(/img/interest-document-markup.svg)}#note-taking{background-image:url(/img/interest-note-taking.svg)}#other{background-image:url(/img/interest-other.svg)}#presenting{background-image:url(/img/interest-presenting.svg)}#sketching-ideas{background-image:url(/img/interest-sketching-ideas.svg)}#technical-drawing{background-image:url(/img/interest-technical-drawing.svg)}#google-signin{--icon-url: url(/img/login-google.svg);border:1px solid var(--color-border-default)}#apple-signin{--icon-url: url(/img/platform-ios.svg);border:1px solid var(--color-border-default)}#microsoft-signin{--icon-url: url(/img/platform-windows.svg);border:1px solid var(--color-border-default)}#tool-size,#tool-fontSize{background-image:url(/img/tool-size.svg)}#tool-opacity{background-image:url(/img/tool-opacity.svg)}#tool-smoothing{background-image:url(/img/tool-smoothing.svg)}#tool-color{background-image:url(/img/menu-palette.svg)}#info-stats{background-image:url(/img/info-stats.svg)}#info-storage{background-image:url(/img/info-storage.svg)}#info-time{background-image:url(/img/info-time.svg)}#account img{width:18px;height:18px;border-radius:50%}button img,.icon img,.sidebar-item .thumb img,.import-btn img,.label-icon,.icon:not(button):not(a),div.setting.locked .round-button,.setting img{filter:var(--icon-filter, none)}.popup p,.popup h1,.popup h2,.popup h3,.popup h4,.popup h5,.popup h6,.popup a,.popup label,.popup span{user-select:text}.statusbar,.statusbar *,.bottombar,.bottombar *,.toolbar,.toolbar *,.selection-menu,.selection-menu *,.color-palette,.color-palette *,.sidebar,.sidebar *,.bottom-button-container,.bottom-button-container *,.notification,.notification *,.context-menu,.context-menu *,.tool-properties-display,.tool-properties-display *,.render-stats-display,.render-stats-display *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.popup,.popup .header,.scroll-container,.popup .page-grid,.popup .filters,.sidebar,.sidebar .header,.flex-scroll{scrollbar-width:none}.popup::-webkit-scrollbar,.popup .header::-webkit-scrollbar,.scroll-container::-webkit-scrollbar,.popup .page-grid::-webkit-scrollbar,.popup .filters::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.sidebar .header::-webkit-scrollbar,.flex-scroll::-webkit-scrollbar{display:none}.color-palette{position:fixed;top:64px;right:10px;display:flex;align-items:stretch;background:var(--color-bg-supportive);border-radius:6px;overflow:hidden;z-index:90;user-select:none}.palette-viewport{overflow:hidden;position:relative;touch-action:none}.palette-track{display:flex;transition:transform .25s ease}.color-palette.vertical .palette-track{flex-direction:column}.palette-page{display:flex;flex-shrink:0}.color-palette.vertical .palette-page{flex-direction:column}.color-palette .color-cell{width:40px;height:24px;cursor:pointer;border:none;transition:transform .1s ease;position:relative}.color-palette .color-cell.selected:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #0000004d;z-index:1}.color-palette .drag-handle{width:40px;height:24px;cursor:grab;background:var(--color-bg-supportive);display:flex;align-items:center;justify-content:center;position:relative;touch-action:none}.color-palette .drag-handle:active{cursor:grabbing}.color-palette .drag-handle:before{content:"";width:3px;height:3px;background:var(--color-tint-subdued);border-radius:50%;box-shadow:-4px 0 0 var(--color-tint-subdued),4px 0 0 var(--color-tint-subdued)}.color-palette.dragging{pointer-events:none}.color-palette.vertical{flex-direction:column}.color-palette.vertical .drag-handle{width:24px;height:40px}.color-palette.vertical .drag-handle:before{box-shadow:0 -4px 0 var(--color-tint-subdued),0 4px 0 var(--color-tint-subdued)}.color-palette.vertical .color-cell{width:24px;height:40px}.color-cell:disabled{opacity:.5;cursor:default;filter:grayscale(100%)}.palettes-content{gap:0!important;margin:10px 0 20px!important}.popup .header:has(>.tabs){position:sticky;top:0;z-index:1;background:var(--color-bg)}.spectrum-container{padding:0}.spectrum-bar{position:relative;width:100%;height:140px;cursor:crosshair;touch-action:none;overflow:hidden;background:linear-gradient(to bottom,#fff,#fff0 50%,#0000 50%,#000),linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.spectrum-crosshair{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #0003;pointer-events:none;transform:translate(-50%,-50%);z-index:1}.color-input-container{display:flex;align-items:center;gap:6px;padding:12px 20px 16px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.color-input-container::-webkit-scrollbar{display:none}.color-preview-circle{width:34px;height:34px;min-width:34px;border-radius:50%;border:2px solid var(--color-border-default);touch-action:none;-webkit-touch-callout:none}.hash-label{font-size:13px;opacity:.6;margin-right:-2px}.color-hex-input{font-family:inherit;font-size:13px;flex:1;min-width:0;padding:4px 6px;border:1px solid var(--color-bg-supportive);border-radius:6px;background:var(--color-bg);color:var(--color-tint);text-transform:uppercase;letter-spacing:.5px}.color-hex-input:focus{outline:none;border-color:var(--color-tint-subdued)}.soft-tabs,.color-mode-tabs{display:flex;gap:4px;padding:0 20px 8px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.soft-tabs::-webkit-scrollbar,.color-mode-tabs::-webkit-scrollbar{display:none}.soft-tabs.disabled{opacity:.4;pointer-events:none}.soft-tab,.color-mode-tab{white-space:nowrap;display:inline-block;padding:5px 10px;border-radius:4px;color:var(--color-tint-subdued);font-size:small;cursor:pointer}.soft-tab:hover,.color-mode-tab:hover{background-color:var(--color-bg-supportive)}.soft-tab.active,.color-mode-tab.active{background-color:var(--color-bg-supportive);color:var(--color-tint-bright);font-weight:700}.soft-tabs-separator{height:1px;margin:4px 20px;background-color:var(--color-bg-supportive)}.soft-tabs-row{display:flex;align-items:center;gap:8px;padding:0 20px 8px;overflow-x:auto;scrollbar-width:none}.soft-tabs-row::-webkit-scrollbar{display:none}.soft-tabs-row>.soft-tabs{padding:0;flex:0 0 auto}.soft-tabs-row>.soft-tabs-separator{width:1px;height:16px;margin:0;flex:0 0 auto}.hsl-hue-container{padding:8px 0 0}.hsl-hue-bar{position:relative;width:100%;height:24px;cursor:crosshair;touch-action:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hsl-hue-marker{position:absolute;top:0;width:4px;height:100%;background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:2px;pointer-events:none;transform:translate(-50%)}.hsl-sl-container{padding:0}.hsl-sl-area{position:relative;width:100%;height:108px;cursor:crosshair;touch-action:none;overflow:hidden;background:linear-gradient(to bottom,#fff,#fff0 50%,#0000 50%,#000),linear-gradient(to right,gray,red)}.rgb-channels{display:flex;flex-direction:column;gap:10px;padding:0}.rgb-channel-row{display:flex;align-items:center}.rgb-channel-bar{position:relative;width:100%;height:40px;cursor:crosshair;touch-action:none}.rgb-channel-marker{position:absolute;top:0;width:4px;height:100%;background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:2px;pointer-events:none;transform:translate(-50%)}.channel-inputs-row{display:flex;gap:6px;flex:1;min-width:0}.color-channel-input{display:flex;align-items:center;gap:3px;flex:1;min-width:0}.channel-label{font-size:12px;font-weight:600;color:var(--color-tint-subdued);flex-shrink:0}.channel-value{font-family:inherit;font-size:12px;flex:1;min-width:0;width:32px;padding:4px;border:1px solid var(--color-bg-supportive);border-radius:4px;background:var(--color-bg);color:var(--color-tint-bright);text-align:center}.channel-value:focus{outline:none;border-color:var(--color-tint-subdued)}.copic-section{display:flex;flex-direction:column;gap:0}.copic-grid{display:flex;align-items:flex-end;height:140px;overflow:hidden;touch-action:none}.copic-col{display:flex;flex-direction:column;flex:1;min-width:0;height:100%}.copic-cell{cursor:pointer;flex:1;transition:opacity .1s}.copic-cell:hover{opacity:.7;z-index:1}.copic-cell.selected{outline:1.5px solid var(--color-tint-bright);outline-offset:0px;z-index:2}.copic-match-input{text-transform:uppercase}.custom-palettes-section,.palette-sets-wrapper{display:flex;flex-direction:column;gap:8px}#palettes.chrome-collapsed .custom-palettes-section{gap:12px}.custom-palettes-section .title-header{padding:0 20px}.custom-palettes-section .title-header h3{margin:8px 0}.palette-set-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;gap:8px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.palette-set-header::-webkit-scrollbar{display:none}.palette-set-name{font-weight:700;color:var(--color-tint-bright);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}.palette-set-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.palette-set-actions .flex-spread{gap:4px}.dynamic-palette-header::-webkit-scrollbar{display:none}.palette-list{display:flex;flex-direction:column;gap:12px;padding:0 20px}.palette-container{display:flex;flex-direction:column;gap:2px;transition:height .15s ease,opacity .15s ease}button.palette-new-palette-btn{display:none;align-items:center;justify-content:center;gap:4px;width:100%;min-height:auto;padding:5px 6px;background:transparent;border:1px dashed var(--color-border-default);border-radius:4px;color:var(--color-tint-subdued);font-size:small;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}button.palette-new-palette-btn:hover{background:var(--color-bg-supportive);color:var(--color-tint-bright);border-color:var(--color-tint-subdued)}.palette-new-palette-plus{font-size:medium;line-height:1}.palette-name-row{display:flex;align-items:center;gap:4px}.palette-name{flex:1;min-width:0;font-size:small;color:var(--color-tint-subdued);padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.palette-name-input{font-size:small;color:var(--color-tint-bright);background:var(--color-bg-subdued-supportive);border:1.5px solid var(--color-tint-accent);border-radius:3px;padding:1px 3px;outline:none;font-family:inherit;width:100%}button.palette-visibility-toggle{display:none;width:24px;min-width:24px;height:24px;min-height:24px;flex-shrink:0;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--color-tint-subdued);transition:background-color .15s,color .15s}button.palette-visibility-toggle:hover{background:var(--color-bg-supportive-hover);color:var(--color-tint-bright)}.palette-visibility-toggle svg{width:16px;height:16px}.palette-visibility-toggle .icon-eye-off,.palette-container.palette-disabled .palette-visibility-toggle .icon-eye{display:none}.palette-container.palette-disabled .palette-visibility-toggle .icon-eye-off{display:inline}.palette-set-container:not(.set-active) .palette-set-actions .palette-visibility-toggle .icon-eye{display:none}.palette-set-container:not(.set-active) .palette-set-actions .palette-visibility-toggle .icon-eye-off{display:inline}.palette-row button,.dynamic-palette-row button{min-height:auto;border-radius:0;padding:0 8px;width:auto;background-repeat:no-repeat;background-position:center;background-size:auto}.palette-row button:hover,.dynamic-palette-row button:hover{background-color:inherit}.palette-row{display:flex;align-items:stretch;gap:0;border-radius:4px;overflow:hidden;touch-action:none;min-height:24px}.palette-row .color-cell{flex:1;min-width:0;height:24px;min-height:24px;cursor:pointer;border:none;padding:0;position:relative;transition:flex .15s ease,opacity .15s;border-radius:0;touch-action:none;-webkit-touch-callout:none}.palette-row .color-cell.selected:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #0000004d;z-index:1}.palette-row .color-cell.dragging{flex:0;width:0;min-width:0;overflow:hidden;padding:0;border:none;opacity:0}.palette-drop-gap{flex:1;min-width:0;height:24px;transition:flex .15s ease}.palette-row.empty{border:1.5px dashed var(--color-border-default);background:var(--color-bg-supportive);min-height:24px}button.palette-add-btn{width:24px;min-width:24px;flex-shrink:0;height:24px;min-height:auto;display:none;align-items:center;justify-content:center;background:var(--color-bg-supportive);border:none;cursor:pointer;color:var(--color-tint-subdued);padding:0;transition:color .15s,background-color .15s}.palettes-content.palette-drag-active .palette-add-btn{display:flex}button.palette-add-btn:hover{color:var(--color-tint-bright);background-color:var(--color-bg-supportive-hover)}button.palette-drag-handle,button.palette-set-drag-handle,button.dynamic-palette-menu-btn{width:24px;min-width:24px;height:24px;min-height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;letter-spacing:1px;background:var(--color-bg-supportive);border:none;border-radius:4px;padding:0;color:var(--color-tint-subdued);transition:background-color .15s,color .15s;touch-action:none}button.palette-drag-handle:hover,button.palette-set-drag-handle:hover,button.dynamic-palette-menu-btn:hover{background-color:var(--color-bg-supportive-hover);color:var(--color-tint-bright)}button.palette-drag-handle:before,button.palette-set-drag-handle:before,button.dynamic-palette-menu-btn:before{content:var(--palette-handle-glyph, "\22ee")}button.palette-drag-handle-top:before{content:var(--palette-handle-glyph, "\22ef")}.palette-row .palette-drag-handle{margin-left:auto;border-radius:0}button.palette-drag-handle-top{display:none}button.dynamic-palette-menu-btn{touch-action:auto}.palette-row.drop-target{outline:1.5px solid var(--color-tint-accent);outline-offset:-1px}.palette-set-container.palette-set-dragging{height:0;min-height:0;overflow:hidden;opacity:0;margin:0;padding:0}.palette-set-drag-gap{min-height:48px;margin:0 20px;border:1.5px dashed var(--color-tint-accent);border-radius:4px;background:color-mix(in srgb,var(--color-tint-accent) 8%,transparent)}.palette-set-drag-ghost{position:fixed;pointer-events:none;z-index:10001;opacity:.9;padding:8px 20px;background:var(--color-bg-supportive);color:var(--color-tint-bright);font-weight:700;border-radius:4px;box-shadow:0 4px 16px #0006}.palette-container.palette-dragging{height:0;min-height:0;overflow:hidden;opacity:0;margin:0;padding:0}.palette-drag-gap-row{min-height:30px;border:1.5px dashed var(--color-tint-accent);border-radius:4px;background:color-mix(in srgb,var(--color-tint-accent) 8%,transparent)}.palette-drag-ghost-row{position:fixed;pointer-events:none;z-index:10001;opacity:.8;box-shadow:0 4px 16px #0006;border-radius:4px;overflow:hidden}.dynamic-palette-container{display:flex;flex-direction:column;gap:12px;padding:0 20px}.dynamic-palette-row-wrapper{display:flex;flex-direction:column;gap:4px}.dynamic-palette-label-row{display:flex;align-items:center;gap:4px}.dynamic-palette-label{flex:1;min-width:0;color:var(--color-tint-subdued);font-size:small;padding:0 2px}button.dynamic-palette-menu-btn-top{display:none}button.dynamic-palette-menu-btn-top:before{content:var(--palette-handle-glyph, "\22ef")}.dynamic-palette-row-wrapper.palette-disabled{opacity:.35}#palettes.chrome-collapsed .dynamic-palette-row-wrapper.palette-disabled{display:none}.palette-set-container.drop-target{outline:1.5px dashed var(--color-tint-accent);outline-offset:-1px;border-radius:4px}.dynamic-palette-row .color-cell[draggable=true]{cursor:grab}.dynamic-palette-row{display:flex;gap:0px;border-radius:4px;overflow:hidden;min-height:24px;touch-action:none}.dynamic-palette-row .color-cell{flex:1;min-width:0;height:24px;cursor:pointer;border:none;padding:0;transition:opacity .1s}.popup.chrome-collapsed{background-color:transparent;border-color:transparent;box-shadow:none}.popup.chrome-collapsed .move-handle,.popup.chrome-collapsed .resize-handle{opacity:.2}.popup .popup-chrome-expand{opacity:.3}.popup.chrome-collapsed .move-handle:hover,.popup.chrome-collapsed .resize-handle:hover,.popup .popup-chrome-expand:hover{opacity:.5}.popup.chrome-collapsed .popup-chrome-expand:hover{background-color:transparent}.popup.chrome-collapsed .header{display:none}.popup.chrome-collapsed .popup-chrome-expand{display:block}.popup .popup-chrome-expand{display:none;position:absolute;top:0;right:0;height:15px;min-height:0;width:22px;padding:0;border:none;border-radius:0;background-color:transparent;background-image:url(/img/popup-expand.svg);background-repeat:no-repeat;background-position:center;background-size:14px;filter:var(--icon-filter, none);cursor:pointer;touch-action:none;transition:opacity .15s ease;z-index:1}.popup .popup-chrome-toggle{background-image:none;background-color:transparent;position:relative}.popup .popup-chrome-toggle:hover{background-color:var(--color-bg-supportive)}.popup-chrome-toggle:before{content:"";position:absolute;inset:0;background-image:var(--icon-url);background-position:center;background-size:16px;background-repeat:no-repeat;filter:var(--icon-filter, none);pointer-events:none}.title-btn-group{display:flex;align-items:center;gap:4px}#palettes.chrome-collapsed .color-mode-tabs,#palettes.chrome-collapsed .content [data-mode],#palettes.chrome-collapsed .palette-add-btn,#palettes.chrome-collapsed .palette-drag-handle,#palettes.chrome-collapsed .palette-new-palette-btn,#palettes.chrome-collapsed .palette-visibility-toggle,#palettes.chrome-collapsed .dynamic-palette-menu-btn{display:none}#palettes.chrome-collapsed .palette-set-container:not(.set-active){display:none}#palettes.chrome-collapsed .dynamic-palette-header:has(+.dynamic-palette-container:not(.set-active)),#palettes.chrome-collapsed .dynamic-palette-container:not(.set-active){display:none}#palettes.chrome-collapsed .palette-set-header,#palettes.chrome-collapsed .dynamic-palette-header{display:none}#palettes.chrome-collapsed .palette-sets-wrapper{gap:12px}#palettes.chrome-collapsed .palette-container:has(.palette-row.empty),#palettes.chrome-collapsed .palette-container.palette-disabled{display:none}.palette-container.palette-disabled,.palette-set-container:not(.set-active),.dynamic-palette-group:not(.set-active){opacity:.35}#palettes.chrome-collapsed .palette-name-row,#palettes.chrome-collapsed .dynamic-palette-label-row,#palettes.chrome-collapsed .dynamic-palette-label{display:none}.palette-drag-ghost{position:fixed;pointer-events:none;z-index:10001;border-radius:4px;box-shadow:0 4px 12px #0006;opacity:.9}.palette-row.mixer-mode>.color-cell,.palette-row.mixer-mode>.palette-add-btn,.dynamic-palette-row.mixer-mode>.color-cell{display:none}.palette-row .mixer-gradient-bar,.dynamic-palette-row .mixer-gradient-bar{flex:1}.color-palette.mixer-mode>.palette-viewport{display:none}.mixer-gradient-bar{min-width:0;height:24px;cursor:crosshair;touch-action:none;position:relative;border-radius:inherit}.mixer-gradient-marker{position:absolute;top:0;width:4px;height:100%;background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:2px;pointer-events:none;transform:translate(-50%);z-index:1}.color-palette.vertical .mixer-gradient-bar{width:24px;min-width:auto;min-height:0;height:auto}.color-palette.vertical .mixer-gradient-marker{left:0;top:auto;width:100%;height:4px;transform:translateY(-50%)}.user-icons-container{display:flex;align-items:center;height:100%;padding:0 4px;min-width:fit-content}.user-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:2px solid #666;background:var(--color-bg)}.user-icon .online-dot{position:absolute;bottom:-1px;right:-1px;background-color:var(--color-tint-negative);width:6px;height:6px}.user-icon:last-of-type{margin-left:0}.user-icon img{width:100%;height:100%;border-radius:50%;object-fit:cover}.statusbar .user-icon img,.selection-menu .user-icon img{max-width:none;max-height:none}button .user-icon img:not([src*=account-]),.user-icon img:not([src*=account-]){-webkit-filter:none!important;filter:none!important}.user-icon img[src*=account-]{-webkit-filter:var(--icon-filter);filter:var(--icon-filter)}.user-icon.user-icon-tinted{border-color:transparent}.user-icon-mask{width:100%;height:100%;-webkit-mask:var(--icon-url) center / contain no-repeat;mask:var(--icon-url) center / contain no-repeat;background-color:var(--color-tint-bright)}.user-icon-placeholder{width:22px;height:22px;background-color:transparent}.user-count-remaining{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:4px;color:var(--color-tint-bright)}.user-icon,.user-count-remaining{transition:all .2s ease;cursor:pointer;flex-shrink:0}.user-icon:hover,.user-count-remaining:hover{transform:translateY(-1px) scale(1.1);z-index:200!important}.user-icon img{transition:transform .2s ease}.user-icon:hover img{transform:scale(1.05)}#userCount{width:fit-content!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}div.render-stats-display{position:fixed;bottom:8px;left:8px;font-family:Inter,monospace;color:#81878a99;z-index:1000;transition:opacity .3s ease;pointer-events:none}.render-stats-display:hover{color:#81878ae6}.render-stats-content{display:flex;align-items:center;white-space:nowrap;gap:0;font-size:small}.render-stats-display span{font-weight:400}.popup .content.pdf-content{padding:0 20px;flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.pdf-footer{padding:10px 20px 20px;flex-shrink:0;background-color:var(--color-bg);border-radius:14px;display:flex;flex-direction:column;gap:10px}#pdf-filter-input{width:100%;padding-right:40px}#pdf-loading{text-align:center;padding:20px}#pdf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;overflow-y:auto;flex:1;min-height:0;align-items:end;justify-items:center}.pdf-thumbnail-wrapper{display:flex;flex-direction:column;align-items:center;cursor:grab;width:100%}.pdf-thumbnail{border:1px solid var(--color-border-default);border-radius:4px;position:relative;width:100%;height:auto;cursor:pointer}.pdf-thumbnail-wrapper.selected .pdf-thumbnail{border:3px solid var(--color-border-info)}.pdf-page-label{font-size:small;margin-top:4px;color:var(--color-tint-subdued)}.gallery{height:100vh;padding:84px 20px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-auto-rows:max-content;gap:20px;overflow-y:auto;align-items:start;transition:padding-left .2s}.gallery.sidebar-open{padding-left:260px}.gallery-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.gallery-item:hover{transform:scale(1.02);background-color:var(--color-bg-supportive)}.gallery-item .thumbnail{width:100%;aspect-ratio:4 / 3;background-color:#1a1a1a;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px}.gallery-item .thumbnail.no-thumbnail{background-size:48px;background-color:var(--color-border-default)}.gallery-item .info{padding:8px;display:flex;flex-direction:column;gap:4px}.gallery-item .title{color:var(--color-tint-bright);font-weight:600;font-size:medium;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-item .metadata{color:var(--color-tint-subdued);font-size:small;display:flex;align-items:center;justify-content:space-between;gap:6px}.gallery-item .metadata .shared-icon{width:14px;height:auto;opacity:.5;flex-shrink:0}.context-menu{position:fixed;background-color:var(--color-bg-supportive);border:1px solid var(--color-border-default);border-radius:8px;padding:4px;min-width:160px;z-index:10000;box-shadow:0 8px 28px #0000008c}.context-menu-item{display:block;width:100%;padding:8px 12px;background:none;border:none;color:var(--color-tint-bright);font-size:14px;font-family:inherit;text-align:left;cursor:pointer;border-radius:5px;transition:background-color .1s}.popup .context-menu-item{display:block;min-height:auto;width:100%}.context-menu-item:hover{background-color:var(--color-bg-supportive-hover)}.context-menu-item:disabled{opacity:.4;cursor:not-allowed}.context-menu-item:disabled:hover{background-color:transparent}.context-menu-item.danger{color:var(--color-tint-negative)}.context-menu-item.danger:hover{background-color:var(--color-bg-negative-hover);color:var(--color-tint-bright)}.context-menu-separator{height:1px;background-color:var(--color-border-default);margin:4px 0}.context-menu-separator:first-child,.context-menu-separator:last-child,.context-menu-separator+.context-menu-separator{display:none}.context-menu-btn{width:28px;align-self:stretch;border-radius:6px;background:none;border:none;color:var(--color-tint-subdued);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;letter-spacing:1px;flex-shrink:0;transition:background-color .15s,color .15s}.context-menu-btn:hover{background-color:var(--color-bg-supportive-hover);color:var(--color-tint-bright)}.popup .context-menu-btn{background-color:transparent;padding:0 6px}.popup .context-menu-btn:hover{background-color:var(--color-bg-supportive-hover)}.gallery-title-input{background:var(--color-bg-subdued-supportive);border:1.5px solid var(--color-tint-accent);color:var(--color-tint-bright);font-size:medium;font-weight:600;font-family:inherit;border-radius:4px;padding:0 4px;width:100%;outline:none}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 104px);text-align:center;gap:12px;padding:20px}.empty-state h2{color:var(--color-tint-bright)}.empty-state p{color:var(--color-tint-subdued)}.error-page-body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background-color:var(--color-bg);color:var(--color-tint-bright)}@keyframes errorPageFadeIn{0%{opacity:0}to{opacity:1}}.error-page-container,.empty-state-container{text-align:center;max-width:500px;padding:40px;animation:errorPageFadeIn 1s ease-out forwards}.error-page-container h1{font-size:72px;margin:0 0 10px;color:var(--color-tint-accent)}.error-page-container h2{font-size:24px;margin:0 0 20px;font-weight:500}.error-page-container p{color:var(--color-tint-subdued);line-height:1.6}.error-btn{display:inline-block;background-color:var(--color-bg-accent);color:#fff;padding:12px 24px;border:none;border-radius:6px;text-decoration:none;font-weight:600;font-family:inherit;font-size:1rem;cursor:pointer;transition:background-color .2s}.error-btn:hover{background-color:var(--color-tint-accent);color:#fff}.fixed-error-overlay{position:fixed;inset:0;z-index:99999;flex-direction:column}.startup-icon{width:72px;height:72px;margin-bottom:8px;filter:var(--icon-filter)}.startup-description{margin-top:1rem}.startup-troubleshooting{margin-top:2rem;text-align:left;background:#0003;padding:1rem;border-radius:8px}.startup-troubleshooting-title{margin:0 0 .5rem}.startup-troubleshooting-list{margin:0;padding-left:1.5rem;font-size:.9em;color:var(--color-tint-subdued, #aaa)}.startup-actions{display:flex;gap:.75rem;justify-content:center;margin-top:2rem}@keyframes expandStage2{0%{grid-template-rows:0fr;opacity:0}10%{grid-template-rows:1fr;opacity:0}to{grid-template-rows:1fr;opacity:1}}.startup-stage-2{display:grid;grid-template-rows:0fr;opacity:0;animation:expandStage2 1.5s ease-out 2.5s forwards}.startup-stage-2-content{overflow:hidden}#offscreen-indicators{position:fixed;inset:0;pointer-events:none;z-index:200}.offscreen-indicator{position:absolute;width:24px;height:24px;pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-50%,-50%);transition:left .1s ease,top .1s ease,opacity .2s ease}.offscreen-indicator.visible{opacity:1}.offscreen-indicator.no-transition{transition:none}.offscreen-indicator-visual{width:8px;height:4.5px;flex-shrink:0;background-color:var(--color-tint-bright)}.offscreen-indicator.edge-right .offscreen-indicator-visual,.offscreen-indicator.edge-left .offscreen-indicator-visual{width:4.5px;height:8px}.offscreen-indicator.edge-right .offscreen-indicator-visual{clip-path:polygon(100% 50%,0% 0%,0% 100%)}.offscreen-indicator.edge-left .offscreen-indicator-visual{clip-path:polygon(0% 50%,100% 0%,100% 100%)}.offscreen-indicator.edge-top .offscreen-indicator-visual{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.offscreen-indicator.edge-bottom .offscreen-indicator-visual{clip-path:polygon(50% 100%,0% 0%,100% 0%)}.statusbar button#more{display:none}.more-popup-content .more-menu-item{display:none!important;background-size:auto}@media(max-width:800px){.statusbar-canvas button#pdf,.statusbar-canvas button#help,.statusbar-canvas button#debug,.statusbar-canvas button#fullscreen,.statusbar-canvas button#magic{display:none!important}.more-popup-content .more-menu-item#more-pdf,.more-popup-content .more-menu-item#more-help,.more-popup-content .more-menu-item#more-debug,.more-popup-content .more-menu-item#more-fullscreen,.more-popup-content .more-menu-item#more-magic{display:flex!important}.statusbar-canvas button#more{display:inline-flex!important}}@media(max-width:650px){.statusbar-canvas button#import,.statusbar-canvas button#export,.statusbar-canvas button#settings{display:none!important}.more-popup-content .more-menu-item#more-import,.more-popup-content .more-menu-item#more-export,.more-popup-content .more-menu-item#more-settings{display:flex!important}}@media(max-width:500px){.statusbar-canvas button#undo,.statusbar-canvas button#redo{display:none!important}.more-popup-content .more-menu-item#more-undo,.more-popup-content .more-menu-item#more-redo{display:flex!important}.statusbar-canvas button#drawing{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.bottombar button .btn-label{display:none}}