.photo-strip-container{-webkit-user-select:none;user-select:none;width:220px;box-shadow:var(--shadow-strip);border-radius:.25rem;flex-direction:column;gap:.75rem;display:flex;position:relative}.photo-strip-container.frame-white{color:#1e1e24;background-color:#fff}.photo-strip-container.frame-black{color:#fff;background-color:#1e1e24}.photo-strip-container.frame-pink{color:#5c2038;background-color:#fce7f0}.photo-strip-container.frame-cream{color:#3d352e;background-color:#f4efe6}.photo-strip-container.has-holes{padding:24px 26px 20px}.photo-strip-container.no-holes{padding:20px 18px 18px}.photo-slot{cursor:pointer;border-width:2px;border-color:#0000;border-radius:.125rem;justify-content:center;align-items:center;width:100%;height:140px;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s;display:flex;position:relative;overflow:hidden}.photo-slot:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1));outline:2px solid #0000}.photo-slot.is-active{border-color:var(--color-primary)}.photo-slot .slot-badge{pointer-events:none;z-index:10;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#0006;border-radius:9999px;padding:.125rem .375rem;font-size:9px;font-weight:600;position:absolute;top:.25rem;left:.25rem}.photo-slot .filter-original{filter:none}.photo-slot .filter-bw{filter:grayscale()contrast(110%)}.photo-slot .filter-sepia{filter:sepia(75%)contrast(95%)brightness(95%)}.photo-slot .filter-grain{filter:contrast(115%)brightness(95%)saturate(85%)}.photo-slot .filter-kodachrome{filter:saturate(145%)contrast(110%)}.photo-slot .filter-pastel{filter:brightness(108%)saturate(80%)contrast(90%)}.filter-original{filter:none}.filter-bw{filter:grayscale()contrast(110%)}.filter-sepia{filter:sepia(75%)contrast(95%)brightness(95%)}.filter-grain{filter:contrast(115%)brightness(95%)saturate(85%)}.filter-kodachrome{filter:saturate(145%)contrast(110%)}.filter-pastel{filter:brightness(108%)saturate(80%)contrast(90%)}.text-label-footer{overflow-wrap:break-word;text-align:center;padding-top:.25rem}.text-label-footer.font-typewriter{font-family:var(--font-typewriter);font-size:12px;font-weight:700}.text-label-footer.font-handwriting{font-family:var(--font-handwriting);font-size:18px;font-weight:400}.text-label-footer.font-retro{font-family:var(--font-retro);letter-spacing:.1em;font-size:15px;font-weight:400}.custom-template-canvas-wrapper{flex-direction:column;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.custom-template-canvas{-webkit-user-select:none;user-select:none;--tw-border-opacity:1;border-width:1px;border-color:rgb(229 226 218/var(--tw-border-opacity,1));--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:var(--color-surface);will-change:transform;border-radius:1rem;flex-shrink:0;position:relative;overflow:hidden}.custom-slot-mask{z-index:10;cursor:grab;touch-action:none;border-width:0;justify-content:center;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;overflow:hidden}.custom-slot-mask:active{cursor:grabbing}.custom-slot-mask.is-active{outline-offset:2px;border-style:none;outline:2px solid #0000}.custom-slot-mask.is-empty{background-color:#0000001a}@media (prefers-color-scheme:dark){.custom-slot-mask.is-empty{background-color:#ffffff1a}}.custom-slot-mask.is-filled{background-color:#0000}.custom-slot-mask .slot-photo-wrapper{pointer-events:none;width:100%;height:100%;min-height:100%;transition-property:transform;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:75ms;position:relative}.custom-slot-mask .slot-photo-img{width:100%;height:100%}.custom-slot-mask .slot-photo-img.fit-cover{object-fit:cover}.custom-slot-mask .slot-photo-img.fit-contain{object-fit:contain}.custom-slot-mask .slot-placeholder{pointer-events:none;text-align:center;--tw-text-opacity:1;color:rgb(108 117 125/var(--tw-text-opacity,1));flex-direction:column;justify-content:center;align-items:center;padding:.25rem;display:flex}.custom-slot-mask .slot-active-badge{pointer-events:none;z-index:30;--tw-bg-opacity:1;background-color:rgb(230 57 70/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.25rem;height:1.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 0 20px 0 #eed5d566 inset;--tw-shadow-colored:inset 0 0 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:9999px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:.375rem;right:.375rem}.custom-frame-overlay{pointer-events:none;z-index:20;position:absolute;inset:0}.custom-frame-overlay .frame-overlay-img{pointer-events:none;object-fit:contain;width:100%;height:100%;display:block}.sticker-element{z-index:30;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.sticker-element:active{cursor:grabbing}.sticker-element.is-selected{z-index:40}.sticker-element.is-selected .sticker-content-wrapper{outline:2px dashed var(--color-primary,#ec4899);outline-offset:4px;border-radius:8px}.sticker-element .sticker-content-wrapper{transform-origin:50%;justify-content:center;align-items:center;padding:.25rem;transition-property:transform;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:75ms;display:flex;position:relative}.sticker-element .sticker-emoji{pointer-events:none;--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);font-size:1.875rem;line-height:2.25rem;display:block}@media (min-width:768px){.sticker-element .sticker-emoji{font-size:2.25rem;line-height:2.5rem}}.sticker-element .sticker-controls-overlay{pointer-events:none;margin:-8px;position:absolute;inset:0}.sticker-element .sticker-controls-overlay .sticker-handle{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;--tw-border-opacity:1;border-width:2px;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:2rem;height:2rem;color:rgb(30 41 59/var(--tw-text-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:9999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;line-height:1.25rem;transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.sticker-element .sticker-controls-overlay .sticker-handle:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sticker-element .sticker-controls-overlay .sticker-handle:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.sticker-element .sticker-controls-overlay .sticker-handle{width:1.75rem;height:1.75rem;font-size:.75rem;line-height:1rem}}.sticker-element .sticker-controls-overlay .sticker-handle.handle-top-left{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));top:-1rem;left:-1rem}.sticker-element .sticker-controls-overlay .sticker-handle.handle-top-left:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.sticker-element .sticker-controls-overlay .sticker-handle.handle-top-right{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));top:-1rem;right:-1rem}.sticker-element .sticker-controls-overlay .sticker-handle.handle-top-right:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.sticker-element .sticker-controls-overlay .sticker-handle.handle-bottom-left{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));bottom:-1rem;left:-1rem}.sticker-element .sticker-controls-overlay .sticker-handle.handle-bottom-left:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.sticker-element .sticker-controls-overlay .sticker-handle.handle-bottom-right{cursor:nwse-resize;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));bottom:-1rem;right:-1rem}.sticker-element .sticker-controls-overlay .sticker-handle.handle-bottom-right:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}
.editor-view{-webkit-user-select:none;user-select:none;background-color:var(--color-canvas);height:100vh;color:var(--color-main);flex-direction:column;display:flex;overflow:hidden}.editor-view__header{z-index:20;border-bottom-width:1px;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex}@media (min-width:768px){.editor-view__header{gap:0;padding:.625rem 1.25rem}}.editor-view__header{background-color:var(--color-surface);border-color:var(--color-border)}.editor-view__back-btn{cursor:pointer;background-color:#0000;border-style:none;padding:.25rem;font-size:1rem;line-height:1.5rem;transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.editor-view__back-btn:hover{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.editor-view__back-btn{padding:0;font-size:1.125rem;line-height:1.75rem}}.editor-view__seo-links{align-items:center;gap:.75rem;font-size:11px;font-weight:700;display:none}@media (min-width:992px){.editor-view__seo-links{display:flex}}.editor-view__seo-links a{color:var(--color-muted);text-decoration:none;transition:color .2s}.editor-view__seo-links a:hover{color:var(--color-primary)}.editor-view__seo-summary{border-bottom-width:1px;flex-shrink:0;font-size:11px;line-height:1.375;display:none}@media (min-width:768px){.editor-view__seo-summary{display:block}}.editor-view__seo-summary{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-muted)}.editor-view__seo-summary-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .75rem;padding:.375rem 1.25rem;display:flex}.editor-view__seo-summary-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;background-color:var(--color-subtle);color:var(--color-main);border-width:1px;border-color:var(--color-border);border-radius:6px;padding:.125rem .5rem;font-weight:800}.editor-view__seo-summary-toggle[aria-expanded=true],.editor-view__seo-summary-toggle:hover{color:var(--color-primary);border-color:var(--color-primary)}.editor-view__seo-summary-content{text-align:center;border-top-width:1px;border-color:var(--color-border);padding:.25rem 1.25rem .5rem;display:none}.editor-view__seo-summary-content.is-open{display:block}.editor-view__seo-summary p{margin:0}.editor-view__seo-summary p+p{margin-top:.25rem}.editor-view__seo-summary nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .75rem;font-weight:600;display:flex}.editor-view__seo-summary a{color:var(--color-primary);text-decoration:none}.editor-view__seo-summary a:hover{text-decoration:underline}.editor-view__action-btn{cursor:pointer;border-width:1px;border-radius:.75rem;padding:.25rem .625rem;font-size:11px;font-weight:600;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.editor-view__action-btn{border-radius:1rem;padding:.375rem 1rem;font-size:.75rem;line-height:1rem}}.editor-view__action-btn--secondary{background-color:var(--color-subtle);border-color:var(--color-border);color:var(--color-main)}.editor-view__action-btn--secondary:hover{background-color:var(--color-border)}.editor-view__action-btn--primary{background-color:var(--color-primary);color:#fff;border-color:#0000;font-weight:700}.editor-view__action-btn--primary:hover{opacity:.9}.editor-view__workspace{touch-action:none;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;overflow:hidden}@media (min-width:768px){.editor-view__workspace{padding:2.5rem}}.editor-view__workspace{touch-action:none;background:radial-gradient(circle at center, var(--color-surface) 0%, var(--color-canvas) 100%)}.editor-view__tool-panel{z-index:10;background-color:var(--color-surface);border-top-width:1px;border-color:var(--color-border);-ms-overflow-style:none;scrollbar-width:none;flex-shrink:0;justify-content:center;width:100%;max-width:100%;padding:.75rem 1rem;display:flex;overflow-x:auto}.editor-view__tool-panel::-webkit-scrollbar{display:none}.editor-view__dock{z-index:30;background-color:var(--color-surface);border-top-width:1px;border-color:var(--color-border);box-shadow:var(--shadow-dock);flex-shrink:0;justify-content:center;padding-top:.625rem;padding-bottom:.625rem;display:flex;position:relative}.editor-view__dock-container{z-index:30;background-color:var(--color-subtle);border-width:1px;border-color:var(--color-border);border-radius:9999px;gap:.25rem;padding:.25rem;display:flex;position:relative}.editor-view__dock-item{z-index:30;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;color:var(--color-muted);background-color:#0000;border-style:none;border-radius:9999px;flex-direction:column;align-items:center;gap:.125rem;padding:.375rem 1rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.editor-view__dock-item.active{background-color:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 4px #00000014}.editor-view__modal-backdrop{z-index:100;--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}@media (min-width:576px){.editor-view__modal-backdrop{padding:2rem}}.editor-view__modal-backdrop{background-color:#0a0a0ceb}.editor-view__slot-toolbar{z-index:30;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-width:1px;border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem;display:flex;position:fixed;top:50%;right:.5rem}@media (min-width:768px){.editor-view__slot-toolbar{border-radius:20px;gap:.375rem;padding:.625rem;right:1.25rem}}.editor-view__slot-toolbar{background:var(--color-surface);border-color:var(--color-border);animation:.28s cubic-bezier(.16,1,.3,1) forwards slotToolbarSlideIn;box-shadow:0 8px 32px #1e1e2414,0 2px 8px #1e1e240a}@keyframes slotToolbarSlideIn{0%{opacity:0;transform:translateY(-50%)translate(24px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.editor-view__slot-toolbar-header{justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding-bottom:.25rem;padding-left:.25rem;padding-right:.25rem;display:flex}@media (min-width:768px){.editor-view__slot-toolbar-header{justify-content:flex-start}}.editor-view__slot-toolbar-header{border-bottom:1px solid var(--color-border);margin-bottom:2px}.editor-view__slot-toolbar-badge{-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.05em;border-radius:.375rem;padding:.125rem .375rem;font-size:9px;font-weight:800}@media (min-width:768px){.editor-view__slot-toolbar-badge{padding-left:.5rem;padding-right:.5rem;font-size:10px}}.editor-view__slot-toolbar-badge{background:var(--color-main);color:#fff;letter-spacing:.08em;line-height:1.4}.editor-view__slot-toolbar-close{cursor:pointer;background:var(--color-subtle);width:1.25rem;height:1.25rem;color:var(--color-muted);border-style:none;border-radius:.375rem;justify-content:center;align-items:center;margin-left:auto;font-size:11px;line-height:1;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.editor-view__slot-toolbar-close:hover{background:var(--color-border);color:var(--color-main)}.editor-view__slot-toolbar-divider{background:linear-gradient(90deg, transparent 0%, var(--color-border) 50%, transparent 100%);width:100%;height:1px;margin:2px 0}.editor-view__slot-toolbar-btn{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;border-width:1px;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:100%;min-width:54px;padding:.375rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}@media (min-width:768px){.editor-view__slot-toolbar-btn{text-align:left;flex-direction:row;justify-content:flex-start;gap:.625rem;min-width:120px;padding:.5rem .625rem}}.editor-view__slot-toolbar-btn{color:var(--color-main);background:0 0;border-color:#0000}.editor-view__slot-toolbar-btn:hover{background:var(--color-subtle);border-color:var(--color-border);transform:scale(1.02)}.editor-view__slot-toolbar-btn:active{transform:scale(.97)}.editor-view__slot-toolbar-btn-icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1rem;display:flex}@media (min-width:768px){.editor-view__slot-toolbar-btn-icon{width:30px;height:30px;font-size:15px}}.editor-view__slot-toolbar-btn-icon{background:var(--color-subtle);transition:background .2s,transform .2s}.editor-view__slot-toolbar-btn:hover .editor-view__slot-toolbar-btn-icon{background:var(--color-border);transform:scale(1.08)}.editor-view__slot-toolbar-btn-label{white-space:nowrap;text-align:center;font-size:9px;font-weight:600;line-height:1.25}@media (min-width:768px){.editor-view__slot-toolbar-btn-label{text-align:left;font-size:11px}}.editor-view__slot-toolbar-btn-label{color:var(--color-main)}.editor-view__rotate-control{background:var(--color-subtle);border-width:1px;border-color:var(--color-border);border-radius:.5rem;align-items:center;gap:.125rem;padding:.125rem;display:flex}.editor-view__rotate-step{--tw-text-opacity:1;width:1.5rem;height:1.5rem;color:rgb(230 57 70/var(--tw-text-opacity,1));border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.editor-view__rotate-step:hover:not(:disabled){background:var(--color-surface)}.editor-view__rotate-step:focus-visible{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(230 57 70/var(--tw-ring-opacity,1));outline:2px solid #0000}.editor-view__rotate-step:disabled{cursor:not-allowed;opacity:.3}.editor-view__rotate-value{--tw-text-opacity:1;color:rgb(230 57 70/var(--tw-text-opacity,1));align-items:center;font-weight:700;display:flex}.editor-view__rotate-value input{text-align:center;--tw-text-opacity:1;width:2rem;min-width:0;height:1.5rem;color:rgb(230 57 70/var(--tw-text-opacity,1));appearance:textfield;background-color:#0000;border-radius:.25rem;padding:0;font-size:.75rem;font-weight:700;line-height:1rem}.editor-view__rotate-value input:focus-visible{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(230 57 70/var(--tw-ring-opacity,1));outline:2px solid #0000}.editor-view__rotate-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editor-view__rotate-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.editor-view__rotate-popover{z-index:50;--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);width:12rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background:var(--color-surface);border-width:1px;border-color:var(--color-border);color:var(--color-main);border-radius:.75rem;margin-right:.75rem;padding:.75rem;animation:.2s cubic-bezier(.16,1,.3,1) forwards rotatePopoverFadeIn;position:absolute;top:0;right:100%}@keyframes rotatePopoverFadeIn{0%{opacity:0;transform:translate(8px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.editor-view__rotate-popover:after{content:"";background:var(--color-surface);border-right:1px solid var(--color-border);border-top:1px solid var(--color-border);width:10px;height:10px;position:absolute;top:14px;right:-6px;transform:rotate(45deg)}.editor-view__canvas-zoom-toolbar{-webkit-user-select:none;user-select:none;--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:var(--color-surface);border-width:1px;border-color:var(--color-border);color:var(--color-main);border-radius:1rem;align-items:center;gap:.625rem;padding:.375rem .875rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #1e1e241a}.editor-view__canvas-zoom-toolbar-btn{cursor:pointer;background-color:var(--color-subtle);border-width:1px;border-color:var(--color-border);width:1.75rem;height:1.75rem;color:var(--color-main);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;line-height:1.25rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.editor-view__canvas-zoom-toolbar-btn:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.editor-view__canvas-zoom-toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.editor-view__canvas-zoom-toolbar-text{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;min-width:44px;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.editor-view__canvas-zoom-toolbar-text:hover{--tw-text-opacity:1;color:rgb(230 57 70/var(--tw-text-opacity,1))}.editor-view__canvas-zoom-toolbar-text{color:var(--color-main)}
.error-modal-overlay{z-index:50;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#0009;justify-content:center;align-items:center;padding:1rem;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;display:flex;position:fixed;inset:0}.error-modal-overlay .error-modal-card{--tw-scale-x:1;--tw-scale-y:1;width:100%;max-width:28rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-width:1px;border-color:rgb(228 228 231/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:center;--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;padding:1.5rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.error-modal-overlay .error-modal-card{--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}}.error-modal-overlay .error-modal-card__icon-wrapper{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:3.5rem;height:3.5rem;color:rgb(220 38 38/var(--tw-text-opacity,1));border-radius:9999px;justify-content:center;align-items:center;margin-bottom:1rem;margin-left:auto;margin-right:auto;display:flex}@media (prefers-color-scheme:dark){.error-modal-overlay .error-modal-card__icon-wrapper{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1));background-color:#7f1d1d4d}}.error-modal-overlay .error-modal-card__title{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1));margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}@media (prefers-color-scheme:dark){.error-modal-overlay .error-modal-card__title{--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}}.error-modal-overlay .error-modal-card__message{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1));margin-bottom:1.5rem;font-size:.875rem;line-height:1.625}@media (prefers-color-scheme:dark){.error-modal-overlay .error-modal-card__message{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}}.error-modal-overlay .error-modal-card__actions{justify-content:center;align-items:center;gap:.75rem;display:flex}.error-modal-overlay .error-modal-card__btn-home{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(212 212 216/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.error-modal-overlay .error-modal-card__btn-home:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){.error-modal-overlay .error-modal-card__btn-home{--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.error-modal-overlay .error-modal-card__btn-home:hover{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}}.error-modal-overlay .error-modal-card__btn-retry{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0px 1px 18px #0000001f;--tw-shadow-colored:0px 1px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.75rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.error-modal-overlay .error-modal-card__btn-retry:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}