@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}*,*: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);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}.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:64px;left:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;z-index:98;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;pointer-events:none}.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-properties-display 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}.tool-properties-display input.value-display:focus{outline:none;border:1px solid transparent;box-shadow:none}.tool-properties-display input.value-display::-webkit-outer-spin-button,.tool-properties-display 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}.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}.bottombar button:hover,.bottombar button.active{background-color:var(--color-bg-supportive)}#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:92vh;max-height:92dvh;overflow:visible;opacity:0;transition:opacity .2s,height .2s}.popup.show{opacity:1}.popup .header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:0}.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,button.secondary:hover{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;height:100%;overflow:hidden}.scroll-container{overflow-x:auto;flex:1}.popup .page-grid{display:flex;flex-wrap:nowrap;overflow:auto;align-items:flex-start}.popup .grid-page{width:100%;flex-shrink:0;flex-grow:1;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:16px 0 0}.popup .input-group{display:flex;flex-direction:row;gap:10px;align-items:center;width:100%;align-self:stretch}.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;opacity:.3;height:10px;display:block;flex-shrink:0}.popup .resize-handle{cursor:ew-resize;background-repeat:no-repeat;background-size:14px;opacity:.3;display:block;position:absolute;z-index:100;width:18px;height:18px;bottom:0}.popup .resize-handle.bottom-left{background-image:url(/img/overlay-resize-handle-bl.svg);background-position:4px 0px;left:0}.popup .resize-handle.bottom-right{background-image:url(/img/overlay-resize-handle-br.svg);background-position:0px 0px;right: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}.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: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}.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}.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-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{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 10px 32px}.tag{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}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}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}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);background-repeat:no-repeat;background-position:center bottom 6px;background-size:10px}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}div.pinned-bottom{position:absolute;bottom:0;padding:20px 0;width:100%}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)}#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{background-image:url(/img/login-google.svg);border:1px solid var(--color-border-default)}#apple-signin{background-image:url(/img/platform-ios.svg);border:1px solid var(--color-border-default)}#microsoft-signin{background-image:url(/img/platform-windows.svg);border:1px solid var(--color-border-default)}#tool-size{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)}#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),div.setting.locked .round-button,.setting img{filter:var(--icon-filter, none)}p,h1,h2,h3,h4,h5,h6,a,label,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 *{-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}.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}.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.disabled{opacity:.5;pointer-events:none;filter:grayscale(100%)}.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}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-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-footer>div{display:flex;flex-direction:row;justify-content:flex-start;gap:10px}.pdf-layout-toggle{display:flex;align-items:center;gap:10px;font-size:small;user-select:none}.pdf-layout-tags{display:flex;gap:8px}.pdf-layout-tag{padding:2px 8px;border-radius:4px;background-color:var(--color-bg);cursor:pointer;font-size:small;transition:all .2s ease;user-select:none}.pdf-layout-tag:hover{background-color:var(--color-bg-supportive)}.pdf-layout-tag.selected{background-color:var(--color-bg-supportive);color:var(--color-tint-bright)}#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}.context-menu-item:hover{background-color:var(--color-bg-supportive-hover)}.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%)}