@import "https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.glass-container .icon-button{color:#000;opacity:.8}.glass-container .icon-button.round.selected{color:#fff}.icon-button{opacity:.5;cursor:pointer;transition:all .2s ease-in-out}.icon-button.danger{color:#c00}.icon-button.selected{opacity:.7}.icon-button.round{border-radius:18px;padding:7px}.icon-button.round.selected{background-color:#000000bf}.icon-button:hover{opacity:.9}.icon-button.disabled{opacity:.1;cursor:not-allowed}.glass-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#222;background-color:#e6e6e666;border:1px solid #e6e6e633;border-radius:3rem;overflow:hidden;box-shadow:0 6px 6px #0003,0 0 20px #0000001a}.slider{justify-content:space-around;align-items:center;gap:14px;width:240px;display:flex}.slider svg{flex-shrink:0}.slider .slider-input{flex-direction:row;align-items:center;display:flex}.slider input[type=range]{color:#09f;z-index:1;outline:none;width:90px}.slider input[type=range]:disabled{opacity:.3}.slider input[type=number]{width:46px;color:inherit;background-color:#0000;border:1px solid #0000;border-radius:6px;outline:none;padding:4px 6px;transition:border-color .3s ease-in-out}.slider input[type=number]:focus{border-color:#ffffff4d}.slider input[type=number].error{border-color:#c00}.slider input[type=number]:disabled{opacity:.3}.slider label{text-align:center;min-width:50px;display:inline-block}button{border-radius:var(--button-border-radius);cursor:pointer;white-space:nowrap;border:0;flex-direction:row;justify-content:space-between;align-items:center;padding:5px 12px;font-size:11pt;font-weight:500;transition:all .2s ease-in-out;display:flex}button.small{font-size:8pt}button .left-icon{margin-right:10px}button .right-icon{margin-left:10px}button.disabled{cursor:not-allowed;opacity:.3!important}button.primary{color:var(--button-primary-text-color);background-color:var(--button-primary-background-color)}button.primary:hover{background-color:var(--button-primary-background-color-hover)}button.standard{color:var(--button-standard-text-color);border:var(--button-standard-border);background-color:#0000}button.standard:hover{background-color:var(--button-standard-background-color-hover)}button.ghost{color:var(--button-ghost-text-color);background-color:#0000}button.ghost:hover{background-color:#ffffff26}button.ghost-inverted{color:#fffc;background-color:#0000}button.ghost-inverted:hover{background-color:#ffffff26}.photo-toolbox-wrapper{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute}.photo-toolbox-wrapper .photo-toolbox{pointer-events:auto;flex-direction:row;justify-content:center;align-items:center;gap:7px;padding:8px;display:flex}.photo-toolbox-wrapper .photo-toolbox button{color:#222}.slider-tool-container{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.slider-tool-container button{opacity:0;pointer-events:none}.slider-tool-container button.visible{opacity:1;pointer-events:auto}.slider-tool-container .slider-tool{background-color:var(--slider-tool-background-color);-webkit-user-select:none;user-select:none;border-radius:25px;flex-direction:row;align-items:center;gap:10px;padding:6px 15px;display:flex}.slider-tool-container .slider-tool svg{flex-shrink:0}.slider-tool-container .slider-tool span{font-size:9pt}.slider-tool-container .slider-tool .tool-icon{color:#09f}.scaled-canvas{box-shadow:0 5px 11px #0000002e,0 4px 15px #00000026}.page-warning{text-align:center;color:var(--page-warning-text-color);opacity:0;pointer-events:none;margin-top:5px;margin-bottom:3px;font-size:10pt;font-weight:700;transition:opacity .2s ease-in-out}.page-warning.visible{opacity:1}.page-warning svg{vertical-align:middle;margin-bottom:2px;margin-right:5px}.canvas-tooltip{pointer-events:none;color:#fff;-webkit-user-select:none;user-select:none;white-space:pre;opacity:0;text-align:center;background-color:#000000a6;border:1px solid #ffffff38;border-radius:12px;padding:6px 8px;font-size:10pt;line-height:1.5;transition:opacity .2s ease-in-out;position:absolute;box-shadow:0 4px 12px #0003}.canvas-tooltip.visible{opacity:1}.background-color-selector{position:relative}.background-color-selector .color-label{padding-bottom:14px;font-size:12px;font-weight:700}.background-color-selector .color-swatch{cursor:pointer;border:1px solid #aaa;border-radius:50%;width:25px;height:25px}.background-color-selector .color-swatch.disabled{opacity:.3;cursor:not-allowed}.background-color-selector .color-picker-popup{background-color:var(--slider-tool-background-color);z-index:1;pointer-events:none;opacity:0;border-radius:15px;flex-direction:column;align-items:center;padding:16px;transition:opacity .2s ease-in-out;display:flex;position:absolute;top:45px;right:0;box-shadow:0 0 15px #00000080}.background-color-selector .color-picker-popup.open{pointer-events:auto;opacity:1}.background-color-selector .color-picker-popup .color-value{-webkit-user-select:all;user-select:all;cursor:text;padding-top:10px;padding-bottom:4px;font-family:monospace;font-size:11px}.album-page-manager{flex-direction:column;margin:20px;display:flex}.album-page-manager.active .photo-canvas-wrapper{border-color:#0760d6}.album-page-manager .canvas-toolbox{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;margin:4px;display:flex}.photo-canvas-wrapper{border:5px solid #0000;border-radius:14px;width:max-content;margin:auto;padding:6px;transition:border-color .2s ease-in-out}.photo-canvas-wrapper .photo-canvas{border:4px solid #0000;transition:border .2s ease-in-out;position:relative}.photo-canvas-wrapper .photo-canvas .canvas-guide-line{opacity:.6;pointer-events:none;z-index:1;background:repeating-linear-gradient(#777,#777 4px,#0000 6px 12px);width:1pt;position:absolute;top:0;bottom:0;left:50%}.photo-canvas-wrapper .photo-canvas .canvas-empty-message{color:#999;pointer-events:none;text-align:center;z-index:2;flex-direction:column;align-items:center;gap:6px;padding:18px;font-size:1.1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-canvas-wrapper .photo-canvas .canvas-empty-message svg{margin-bottom:8px}.overlay{opacity:0;background-color:var(--overlay-background-color);pointer-events:none;color:#fff;z-index:9999;scrollbar-width:none;box-sizing:border-box;width:100vw;height:100vh;-webkit-backdrop-filter:var(--overlay-backdrop-filter);backdrop-filter:var(--overlay-backdrop-filter);padding:60px;transition:opacity .2s ease-in-out;position:fixed;top:0;left:0;overflow-y:scroll}.overlay.open{opacity:1;pointer-events:auto}.preview-pages{-webkit-user-select:none;user-select:none;flex-flow:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.zoom-preview{pointer-events:none;z-index:9999;background-color:#000;background-repeat:no-repeat;border:2px solid #0009;position:fixed;overflow:hidden;box-shadow:0 16px 30px #0000009e}.photo-sync{opacity:0;pointer-events:none;flex-direction:row;justify-content:center;align-items:center;gap:10px;font-size:10pt;transition:opacity .6s ease-in-out;display:flex}.photo-sync.visible{opacity:1}.photo-sync .details{text-align:center;margin-top:5px}.photo-sync small{color:gray;font-size:8pt}.export-action-menu{z-index:20;pointer-events:none;opacity:0;border:1px solid #ffffff1f;border-radius:12px;padding:10px;transition:opacity .2s ease-in-out;position:absolute;top:65px;right:15px;box-shadow:0 0 15px #00000080}.export-action-menu.open{pointer-events:auto;opacity:1}.export-done-notification{z-index:14;pointer-events:none;opacity:0;box-shadow:var(--notification-box-shadow);border:1px solid #ffffff1f;border-radius:12px;padding:25px 70px;transition:opacity .2s ease-in-out;position:absolute;top:15px;right:15px}.export-done-notification.open{pointer-events:auto;opacity:1}.export-done-notification .point-to-renders{position:absolute;top:10px;right:10px}.export-done-notification div svg{color:#71d171}.export-done-notification div{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.unread-indicator{pointer-events:none;opacity:0;background-color:#418ef8;border-radius:50%;width:10px;height:10px;transition:opacity .2s ease-in-out;display:inline-block;position:absolute;top:-3px;right:-3px}.unread-indicator.visible{opacity:1}select{border:1px solid var(--select-border-color);color:var(---select-text-color);background-color:#0000;border-radius:7px;outline:none;padding:6px 9px;font-size:10pt}.auto-save{color:#80808080;pointer-events:none;grid-template-columns:max-content;place-items:center start;font-size:9pt;font-style:italic;display:inline-grid}.auto-save>span{white-space:nowrap;opacity:0;grid-area:1/1;transition:opacity .2s ease-in-out}.auto-save>span.visible{opacity:1}.download-code-overlay{flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}.download-code-overlay .download-code{letter-spacing:6px;-webkit-user-select:text;user-select:text;background-color:#fff1;border-radius:12px;padding:18px 28px;font-family:monospace;font-size:28pt;display:inline-block}.feature-flag-selector{flex-direction:row;align-items:center;display:flex}.feature-flag-selector .feature-flag-toggle{flex-direction:row;align-items:center;gap:7px;margin:0 10px;font-size:9pt;display:flex}.feature-flag-selector .feature-flag-toggle label{cursor:pointer}.header{flex-direction:row;justify-content:space-between;align-items:center;margin:7pt 10pt;display:flex}.header h1{margin:0;font-size:14pt}.header .left-side{flex-direction:row;align-items:center;gap:17px;display:flex}.header .right-side{flex-direction:row;align-items:center;gap:10px;display:flex}.language-selector{flex-direction:column;align-items:center;gap:15px;display:flex}.side-nav{-webkit-user-select:none;user-select:none;width:300px;height:calc(100vh - 50px);color:var(---sidenav-text-color);z-index:3;scrollbar-width:none;text-align:center;flex-direction:column;justify-content:flex-start;gap:20px;margin:0;padding:20px;font-size:13px;transition:all .3s cubic-bezier(.83,0,.17,1);display:flex;position:fixed;left:0;overflow:scroll;box-shadow:0 0 15px #00000080}.side-nav.closed{transform:translate(-340px)}.side-nav button{color:#cf1313;background:0 0;justify-content:center;font-weight:600}.side-nav .build-time{color:#7f7f7f99;font-size:8pt}.photo-gallery{color:var(--photo-gallery-text-color);background-color:var(--photo-gallery-background-color)}.photo-gallery.active{border-color:#0760d6}.photo-gallery.unused .photo-gallery-header{z-index:2;border-radius:4pt;margin-top:4pt;margin-left:4pt;padding:2pt 4pt;position:fixed}.photo-gallery .photo-gallery-header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.photo-gallery .photo-gallery-header svg{margin:6px}.photo-gallery .photo-gallery-header h3{align-items:center;margin:5px;font-size:10pt;display:flex}.photo-gallery .photo-gallery-header h3 .photo-count{opacity:.37;margin-left:5px;font-weight:400;display:inline-block}.photo-gallery .photo-gallery-header h3.draggable{cursor:grab}.gallery-photos{flex-wrap:wrap;gap:5px;min-height:90px;display:flex}.gallery-photos .photo-wrapper{width:90px;height:90px;display:inline-block;position:relative}.gallery-photos .photo-wrapper .here{opacity:0;pointer-events:none;background-color:#0760d6;border-radius:5px;width:5px;height:100px;transition:opacity .3s ease-in-out;position:absolute;top:-5px;left:6px}.gallery-photos .photo-wrapper.dragging .here{opacity:1}.gallery-photos .photo-wrapper.dragging .gallery-photo{transform:translate(20px)}.gallery-photos .photo-wrapper .placeholder{cursor:progress;background-color:#333;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.gallery-photos .photo-wrapper .gallery-photo{object-fit:contain;outline:2px solid #0000;width:90px;height:90px;transition:opacity .1s ease-in-out,transform .3s ease-in-out,outline-color .1s ease-in-out,background-color .1s ease-in-out}.gallery-photos .photo-wrapper .gallery-photo.selected{background-color:#0760d622;border-radius:5px;outline-color:#0760d6}.photo-gallery,.gallery-new-page{border:2px solid #0000;border-radius:5px;margin:5px;padding:2px;transition:all .2s ease-in-out}.photo-gallery.dragging,.gallery-new-page.dragging{border-style:dashed;border-color:#ccc}.gallery-new-page{flex-direction:row;justify-content:center;align-items:center;display:flex}.glass-panel{background-color:#ffffff08;border:1px solid #ffffff1f;border-radius:25px;width:100%;height:100%;position:relative;overflow:hidden}.glass-panel.dragging{border-style:dashed;border-color:#ccc}.glass-panel .glass-panel__header{z-index:1;padding:16px 22px;font-size:14px;font-weight:700;position:absolute;top:0;left:0}.glass-panel .glass-panel__handle-wrapper{z-index:1;text-align:center;position:absolute;left:0;right:0}.glass-panel .glass-panel__handle-wrapper.bottom{line-height:17px;bottom:0}.glass-panel .glass-panel__handle-wrapper.top{line-height:7px;top:0}.glass-panel .glass-panel__handle-wrapper .drag-handle{cursor:row-resize;background-color:var(--drag-handle-background-color);border-radius:3px;width:40px;height:6px;transition:background-color .2s ease-in-out;display:inline-block}.glass-panel .glass-panel__handle-wrapper .drag-handle:hover{background-color:var(--drag-handle-background-color-hover)}.glass-panel .glass-panel__scroll{-webkit-mask-mode:alpha;border-radius:inherit;height:100%;overflow-y:auto;-webkit-mask-image:linear-gradient(#00000040 0,#000 43px calc(100% - 43px),#00000040 100%);mask-image:linear-gradient(#00000040 0,#000 43px calc(100% - 43px),#00000040 100%);-webkit-mask-source-type:alpha;mask-mode:alpha}.unused-photos-first-upload{flex-direction:row;justify-content:center;align-items:center;width:100%;margin-bottom:40px;display:flex}.unused-photos-first-upload button{margin:10px 0}.layout-visualizer{cursor:pointer;border:2px solid #0000;border-radius:5px;padding:3px;transition:border-color .2s ease-in-out;position:relative}.layout-visualizer:hover{border-color:#0760d6}.layout-visualizer:hover .favorite-toggle .not-favorite.active{opacity:1}.layout-visualizer .favorite-toggle{width:20px;height:20px;position:absolute;bottom:5px;left:5px}.layout-visualizer .favorite-toggle .favorite{color:#b00;opacity:0;transition:all .3s ease-in-out;transform:scale(2)}.layout-visualizer .favorite-toggle .favorite.active{opacity:1;transform:scale(1)}.layout-visualizer .favorite-toggle .not-favorite{opacity:0;color:#fff;mix-blend-mode:difference}.layout-visualizer .favorite-toggle svg{opacity:0;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.layouts-wrapper{z-index:11;margin:5px;position:sticky;top:5px;right:5px}.layouts-wrapper .layouts{scrollbar-width:none;flex-flow:wrap;gap:5pt;padding:5pt;display:flex;overflow:scroll}.loading-overlay{flex-direction:column;justify-content:center;align-items:center;gap:40px;font-size:32px;font-weight:700;display:flex}.loading-overlay .loading-bar{background-color:#fff2;border:none;border-radius:5px;width:195px;height:7px;overflow:hidden}.loading-overlay .loading-bar .loading-bar-progress{background-color:#fff;height:100%;transition:width .4s ease-in-out}.error-overlay{flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex}.error-overlay .error-title{font-size:37px;font-weight:700}.error-overlay .error-message{font-size:18px}.error-overlay svg{color:#d10000}.new-album-overlay{flex-direction:column;justify-content:center;align-items:center;gap:40px;font-size:37px;font-weight:700;display:flex}.album-pages{scrollbar-width:none;flex-direction:column;justify-content:space-evenly;align-items:center;padding-top:30pt;padding-bottom:30pt;display:flex;overflow:hidden scroll}.album-pages .add-page-wrapper{text-align:center;border:2px dashed #0000;border-radius:5px;width:100%;margin:4px;padding:3px;transition:all .2s ease-in-out}.album-pages .add-page-wrapper.dragging{border-color:#ccc}.album-pages .album-page{flex-direction:column;align-items:center;display:flex}.alert{box-shadow:var(--notification-box-shadow);pointer-events:auto;opacity:1;z-index:13;border:1px solid #ffffff1f;border-radius:12px;justify-content:flex-start;align-items:center;padding:15px;transition:opacity .4s ease-in-out;display:flex;position:absolute;top:15px;left:15px;right:15px}.alert svg{margin:15px}.alert.hidden{opacity:0;pointer-events:none}:root{--font-body:ui-sans-serif, system-ui, -apple-system, Segoe UI Variable , Segoe UI , Roboto, Helvetica Neue , Arial, Noto Sans , Apple Color Emoji , Segoe UI Emoji , Noto Color Emoji , sans-serif;--font-heading:ui-sans-serif, system-ui, -apple-system, Segoe UI Variable , Segoe UI , Roboto, Helvetica Neue , Arial, Noto Sans , Apple Color Emoji , Segoe UI Emoji , Noto Color Emoji , sans-serif;--font-weight-heading:bold;--app-background-color:#1c1c1e;--app-text-color:#eee;--app-shadow-opacity:.5;--button-border-radius:6px;--glass-background-color:#1c1c1c;--glass-backdrop-filter:blur(7px);--glass-success-background-color:#0f540766;--glass-warning-background-color:#aa680066;--glass-error-background-color:#a009;--navbar-background-color:#2a2a2e;--navbar-border-bottom:none;--navbar-box-shadow:0 0 15px 0 #0000004d;--navbar-text-color:#eee;--sidenav-text-color:#e7e7e7;--notification-box-shadow:0 0 15px 0 #00000080;--overlay-background-color:#000000b3;--overlay-backdrop-filter:blur(7px);--drag-handle-background-color:#ffffff80;--drag-handle-background-color-hover:#fff;--button-primary-background-color:#ffd726;--button-primary-background-color-hover:#ffd726a1;--button-primary-text-color:#000;--button-standard-text-color:#fffc;--button-standard-border:none;--button-standard-background-color-hover:#ffffff26;--button-ghost-text-color:#fffc;--photo-gallery-background-color:#242424;--photo-gallery-text-color:#eee;--page-warning-text-color:#ffd726;--slider-tool-background-color:#2f2f34;--select-border-color:#777;--select-text-color:#fff}[data-theme=photonesto]{--font-body:"Roboto", sans-serif;--font-heading:"Noto Serif", sans-serif;--font-weight-heading:400;--app-background-color:#f0efeb;--app-text-color:#333;--app-shadow-opacity:.1;--button-border-radius:4px;--glass-background-color:#d6d3cc;--glass-backdrop-filter:blur(4px);--glass-success-background-color:#0f5407bf;--glass-warning-background-color:#aa6800bf;--glass-error-background-color:#aa0000a6;--navbar-background-color:#fff;--navbar-border-bottom:1px solid #d6d3cc;--navbar-box-shadow:none;--navbar-text-color:#000000de;--sidenav-text-color:#000000de;--notification-box-shadow:0 0 10px 0 #0006;--overlay-background-color:#1e1e1ed4;--overlay-backdrop-filter:blur(4px);--drag-handle-background-color:#0000004d;--drag-handle-background-color-hover:#0009;--button-primary-background-color:#58624c;--button-primary-background-color-hover:#9eb087;--button-primary-text-color:#fff;--button-standard-text-color:#000000de;--button-standard-border:1px solid #0000001f;--button-standard-background-color-hover:#f6f6f6;--button-ghost-text-color:#000000de;--photo-gallery-background-color:#d6d3cc;--photo-gallery-text-color:#000000de;--page-warning-text-color:#e88007;--slider-tool-background-color:#fff;--select-border-color:#aaa;--select-text-color:#000000de}html,body{overscroll-behavior:none;margin:0;padding:0}body{color:var(--app-text-color);-ms-text-size-adjust:100%;-webkit-user-select:none;user-select:none;background-color:var(--app-background-color);font-size:12pt;font-weight:400}body,input,button,select,textarea{font-family:var(--font-body);font-optical-sizing:auto;font-variation-settings:"wdth" 100;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}h1,h2{font-family:var(--font-heading);font-weight:var(--font-weight-heading)}.album-view{flex-direction:column;height:100vh;display:flex}.pointer{cursor:pointer}.grab{cursor:grab}.not-allowed{cursor:not-allowed}.navbar{z-index:4;color:var(--navbar-text-color);background-color:var(--navbar-background-color);border-bottom:var(--navbar-border-bottom);box-shadow:var(--navbar-box-shadow);position:sticky;top:0}.main{flex:1;display:flex;overflow:hidden}.glass{background-color:rgb(from var(--glass-background-color) r g b/.6);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter)}.glass.success{background-color:var(--glass-success-background-color);color:#fff}.glass.warning{background-color:var(--glass-warning-background-color);color:#fff}.glass.error{background-color:var(--glass-error-background-color);color:#fff}.relative{position:relative}.column{position:relative;overflow:hidden}.column .column-content{scrollbar-width:none;height:100%;overflow-y:auto}.column .left-column-content{flex-direction:column;height:100%;display:flex;overflow:hidden}.column .left-column-content>:first-child{flex:1}.column .left-column-content>*{scrollbar-width:none;min-height:0;padding:5pt;overflow:auto}.column.right{flex:1}.column.divider{flex-direction:column;justify-content:center;display:flex}.column.divider .drag-handle{cursor:col-resize;background-color:var(--drag-handle-background-color);border-radius:3px;width:6px;height:40px;transition:background-color .2s ease-in-out;display:block}.column.divider .drag-handle:hover{background-color:var(--drag-handle-background-color-hover)}.column:before,.column:after{content:"";pointer-events:none;z-index:2;height:30px;display:block;position:absolute;left:0;right:0}.column:before{background:linear-gradient(to bottom, rgba(0, 0, 0, var(--app-shadow-opacity)), transparent);top:0}.column:after{background:linear-gradient(to top, rgba(0, 0, 0, var(--app-shadow-opacity)), transparent);bottom:0}@keyframes pulse{0%,to{opacity:.1}50%{opacity:1}}.pulse{animation:2s ease-in-out infinite pulse}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:.6s ease-in-out fade-in}@keyframes fly-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fly-in{animation:.4s fly-in!important}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating{-ms-animation:rotating 3s linear infinite;animation:3s linear infinite rotating}.point-up{--nudge:8px;--duration:1.25s;transform-origin:50% 100%;animation:point-up var(--duration) ease-in-out infinite;will-change:transform;display:inline-block}@keyframes point-up{0%,70%,to{transform:translateY(0)}12%{transform:translateY(-8px)}24%{transform:translateY(0)}36%{transform:translateY(-8px)}48%{transform:translateY(0)}}.error-page{color:#eee;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.error-page .error-panel{background-color:#9a0b0b;border-radius:16px;min-width:300px;max-width:90vw;padding:15px;box-shadow:0 5px 11px #0000002e,0 4px 15px #00000026}.error-page pre{color:#fff6;-webkit-user-select:text;user-select:text;background-color:#0003;border-radius:7px;min-height:100px;max-height:50vh;padding:10px;font-size:7pt;overflow:scroll}