@import"https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Arvo:wght@400;700&family=Arapey:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Slab:wght@100..900&family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Saira+Stencil+One&family=Special+Elite&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#dfc2f9;color:#333;-webkit-tap-highlight-color:transparent}.app-container{display:flex;flex-direction:column;height:100dvh;background-color:#eee}@media (min-width: 768px){.app-container{max-width:480px;max-height:90vh;height:90vh;margin:5vh auto 0;box-shadow:0 0 20px #0000001a;position:relative}}.canvas-container{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden;min-height:0;box-sizing:border-box;transition:padding-bottom .3s ease,height .3s ease,align-items .3s ease}@media (min-width: 768px){.canvas-container{padding:2rem}}.picflam-canvas{box-shadow:0 4px 15px #0000001a;border-radius:0;transition:aspect-ratio .3s ease-in-out;width:100%}.footer-container{height:70px;flex-shrink:0}.footer-menu{height:70px;background-color:#555;color:#fff;display:flex;justify-content:space-around;align-items:center;padding:0 1rem}.footer-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;padding:.5rem;-webkit-tap-highlight-color:transparent}.footer-button.t-button{font-family:Arapey,serif;font-weight:400;letter-spacing:.2px}.footer-menu.hidden{display:none}.drawer-content.background-drawer{height:70px;max-height:70px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:none;border-top:none;background-color:#555;animation:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.background-drawer .drawer-body{display:flex;justify-content:center;align-items:center;position:relative;height:100%;gap:14px;padding:0 1rem}.background-option-button{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:#fff;font-size:24px;padding:.5rem;transition:none}.background-drawer .drawer-confirm-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.color-swatch-preview{width:28px;height:28px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 1px #0003;background-size:cover;background-position:center;background-color:transparent;transition:none}.drawer-content.color-drawer{background-color:#555;color:#fff;height:auto;max-height:70vh;animation:fade-in .3s ease-out}.color-drawer .drawer-header{border-bottom:1px solid rgba(255,255,255,.15);height:auto;padding:.5rem 1rem}.color-drawer .drawer-title{font-weight:500;color:#fff}.color-drawer .drawer-header-button{color:#fff;font-weight:700;font-size:28px}.color-drawer .drawer-body{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.color-controls-wrapper{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:350px;margin:0 auto}.color-row{display:flex;justify-content:space-between;align-items:center}.color-swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid #cccccc;transition:border-color .2s ease;box-sizing:border-box;overflow:hidden;position:relative}.color-swatch.active{border-color:#fff}.gradient-swatch{background:transparent}.gradient-inner{position:absolute;top:-100%;left:-100%;width:300%;height:300%;transform-origin:center}.rainbow-button,.color-button{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #0000001a;box-sizing:border-box;cursor:pointer;border:2px solid #cccccc;position:relative;overflow:hidden}.rainbow-button:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:conic-gradient(from 90deg,violet,indigo,#00f,green,#ff0,orange,red,violet);border-radius:50%;z-index:0}.rainbow-button.active,.color-button.active{border-color:#fff}.rainbow-button .plus-icon,.color-button .plus-icon{color:#fff;font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));z-index:1;position:relative}@media (min-width: 768px){.color-picker-popover{position:absolute;top:auto;bottom:100%;left:50%;transform:translate(-50%)}}.custom-gradient-row{display:flex;align-items:center;gap:.5rem;width:100%}.custom-gradient-bar{flex-grow:1;height:24px;border-radius:12px;border:1px solid rgba(255,255,255,.2);margin:0 4px}.gradient-direction-row{display:flex;justify-content:center;gap:1.5rem}.gradient-direction-row button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.gradient-direction-row button:hover{opacity:1}.search-modal-overlay{position:fixed;inset:0;background-color:#555;display:flex;flex-direction:column;animation:fade-in .3s ease-out;z-index:40}@media (min-width: 768px){.search-modal-overlay{position:absolute;z-index:40}}.drawer-content.search-drawer{background-color:transparent;color:#fff;height:100%;width:100%;border-radius:0;box-shadow:none;animation:none;display:flex;flex-direction:column}.search-drawer .drawer-header{border-bottom:1px solid rgba(255,255,255,.15);height:auto;padding:1rem}.search-drawer .drawer-title{font-weight:500;color:#fff}.search-drawer .drawer-header-button{color:#fff}.search-drawer-body{flex-grow:1;overflow-y:auto;padding:1rem}.search-bar{display:flex;align-items:center;background-color:#f0f0f0;border-radius:8px;padding:.5rem 1rem;margin-bottom:1rem}.search-bar-icon{color:#9a9a9a;margin-right:.5rem}.search-bar-input{border:none;background:none;outline:none;width:100%;font-size:1rem}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.search-result-item{position:relative;cursor:pointer;aspect-ratio:1 / 1}.search-result-item img{width:100%;height:100%;object-fit:cover;border-radius:4px}.search-error{color:#b94a48;text-align:center}.load-more-button{grid-column:1 / -1;padding:1rem;background-color:#444;color:#fff;border:1px solid #666;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:1rem;width:100%;box-sizing:border-box}.drawer-content.size-drawer{height:70px;max-height:70px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:none;border-top:none;background-color:#555;animation:none}.size-drawer .drawer-body{display:flex;justify-content:center;align-items:center;height:100%;position:relative;padding:0 1rem}.drawer-back-button{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.info-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.size-options-wrapper{display:flex;justify-content:center;align-items:center;gap:1rem}.drawer-button-divider{width:1px;height:40%;background-color:#666;margin:0 .5rem}.size-option-button{background:none;border:none;display:flex;flex-direction:column;align-items:center;cursor:pointer;color:#fff;padding:.25rem}.size-option-icon-wrapper{font-size:24px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #666;transition:background-color .2s ease-in-out}.size-option-button.active{color:#333}.size-option-button.active .size-option-icon-wrapper{background-color:#fff;border-color:#fff}.drawer-content.save-drawer{background-color:#555;color:#fff;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.save-drawer .drawer-header{border-bottom:1px solid rgba(255,255,255,.15)}.save-drawer .drawer-header-button{color:#fff;font-size:24px}.save-drawer .drawer-body{display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1.5rem}.save-slots-container{display:flex;gap:1rem;justify-content:center;width:100%}.save-slot-saved{position:relative;width:100px}.save-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem}.save-slot-button{width:100px;height:100px;border-radius:8px;background-color:#777;border:2px dashed #666;color:#ccc;cursor:pointer;font-size:48px;font-weight:200;line-height:1;transition:background-color .2s ease,border-color .2s ease}.save-slot-button:hover{background-color:#4a4a4a;border-color:#777}.save-slot-thumbnail{width:100px;height:100px;border-radius:8px;cursor:pointer;background-color:#f0f2f5;border:2px solid #666;background-size:cover;background-position:center;transition:transform .2s ease-in-out}.save-slot-thumbnail:hover{transform:scale(1.05)}.delete-project-button{position:absolute;top:-8px;right:-8px;background:#e0e0e0;border:none;color:#555;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.save-drawer-warning{font-size:.9rem;color:#ccc;text-align:center}.drawer-overlay{position:fixed;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent calc(100% - 70px),rgba(0,0,0,.3) calc(100% - 70px),rgba(0,0,0,.3) 100%);display:flex;z-index:20;align-items:flex-end;pointer-events:none}.drawer-backdrop{position:fixed;inset:0;z-index:15}@media (min-width: 768px){.drawer-overlay{position:absolute}}.drawer-content{background-color:#555;width:100%;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 15px #0000001a;color:#fff;pointer-events:auto}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eeeeee}.drawer-title{font-weight:700}.drawer-title.flex-grow{flex-grow:1;text-align:center}.drawer-header-button{background:none;border:none;font-size:20px;cursor:pointer;color:#9a9a9a}.drawer-body{display:flex;justify-content:space-around;padding:2rem 1rem}.drawer-content.image-drawer.single-row{background-color:#555;color:#fff;height:70px;max-height:70px;border-top-left-radius:0;border-top-right-radius:0;z-index:21;animation:none;transform:translateY(0);position:fixed;bottom:0;left:0;right:0}@media (min-width: 768px){.drawer-content.image-drawer.single-row{position:absolute}}.image-drawer-controls{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:100%;position:relative}.drawer-back-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;flex-shrink:0}.drawer-center-content{display:flex;align-items:center;justify-content:center;flex:1;gap:1rem;margin-left:3rem}.control-toggles{display:flex;gap:.75rem;flex-shrink:0}.control-toggle-button,.fit-fill-button{background:none;border:1px solid #fff;color:#fff;font-size:20px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:background-color .2s ease,color .2s ease;border-width:1px}.control-toggle-button.active{background-color:#fff;color:#333}.active-control-area{display:flex;align-items:center;flex:1;justify-content:center}.fit-fill-button{border:none;width:auto;padding:0 1rem;font-size:.9rem;font-weight:500;gap:.5rem;height:34px;color:#ccc;border-radius:6px}.fit-fill-controls{display:flex;gap:4px;align-items:center;background-color:#666;padding:4px;border-radius:8px}.slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#e0e0e0;border-radius:5px;outline:none;opacity:.9;transition:opacity .2s}.slider:hover{opacity:1}.opacity-slider-wrapper{width:100%;position:relative;display:flex;align-items:center}.opacity-slider-track{width:100%;height:8px;border-radius:5px;background:linear-gradient(to right,#e0e0e0,#888);position:absolute}.opacity-slider{background:transparent!important;position:absolute;top:-3px;left:0;margin:0;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#a0a0a0;border-radius:50%;cursor:pointer;border:2px solid #555555;box-shadow:0 0 2px #00000080}.slider::-moz-range-thumb{width:24px;height:24px;background:#a0a0a0;border-radius:50%;cursor:pointer;border:2px solid #555555;box-shadow:0 0 2px #00000080}.fit-fill-button.active{background-color:#888;color:#fff}.image-transform-controls-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;cursor:default}.slide-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:auto;flex-shrink:0;width:100%;scroll-snap-align:center;scroll-snap-stop:always}.slide-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;justify-content:flex-start;touch-action:none}.canvas-wrapper{min-width:0;min-height:0;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;justify-content:center}.slide-actions-top{display:none;position:relative;justify-content:center;gap:1.5rem;width:100%;height:40px;align-items:center;margin-bottom:8px}.slide-actions-top.visible{display:flex}.slide-actions-top button{background:none;border:none;font-size:22px;color:#666;cursor:pointer;padding:.25rem;transition:color .2s ease}.slide-actions-top button:hover{color:#000}.drag-handle{cursor:grab}.delete-layer-button{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10;background-color:#00000080;color:#fff;border-radius:50%;width:34px;height:34px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background-color .2s ease}.delete-layer-button:hover{background-color:#000000b3}.text-toolbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#555;color:#fff;height:70px;display:flex;align-items:center;box-sizing:border-box;padding:0 20px}@media (min-width: 768px){.text-toolbar{position:absolute!important}}.toolbar-inner{width:100%;display:flex;align-items:center;gap:2px;justify-content:space-between}.center-group{flex:1;display:flex;justify-content:center;align-items:center;gap:14px}.chevron-btn,.icon-btn{background:none;border:none;color:#fff;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:22px}.check-btn{background:none;border:none;color:#fff;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:26px}.edit-container{flex:1;display:flex;align-items:center;margin:0 5px}.edit-textarea{flex:1;min-height:44px;max-height:56px;resize:none;overflow:auto;background:#fff;color:#222;border:none;outline:none;border-radius:10px;padding:8px 10px;font-size:16px;font-weight:700}.edit-textarea::placeholder{color:#bbb}.mic-btn{background:none;border:none;color:#fff;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:22px}.mic-btn.recording{animation:pulse 1s infinite;border-radius:50%;overflow:hidden}@keyframes pulse{0%{box-shadow:0 0 #ff0000b3}70%{box-shadow:0 0 0 5px #f000}to{box-shadow:0 0 #f000}}.font-chips{display:inline-flex;gap:8px;justify-content:flex-end}.font-chip{width:44px;height:44px;border-radius:8px;border:1px solid #666;background:#444;color:#fff;font-size:18px}.font-chip.active{background:#fff;color:#222}.toggle-group{display:inline-flex;gap:6px;align-items:center;margin-left:16px;margin-right:16px}.toggle-btn{width:44px;height:44px;border-radius:8px;border:1px solid #777;background:#444;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.toggle-btn.active{background:#fff;color:#222}.slider-wrap{flex:1;display:flex;align-items:center;gap:16px;padding-left:8px;padding-right:8px}.big-icon{font-size:20px;opacity:.9}.range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#777;border-radius:4px;outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#eee;border:2px solid #444;cursor:pointer}.range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#eee;border:2px solid #444;cursor:pointer}.range.gradient{background:linear-gradient(90deg,#fff,#888)}.swatch-wrap{flex:1;display:inline-flex;align-items:center;gap:8px;justify-content:flex-end;padding-right:8px}.swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;position:relative;overflow:hidden}.swatch.active{border-color:#fff}.swatch.rainbow:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%}.swatch.rainbow{background:transparent;overflow:hidden;cursor:pointer}.color-picker-wrapper{position:relative}.color-picker-popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:10px}.style-group{display:inline-flex;gap:6px;align-items:center;padding-right:8px}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#8a2be2,indigo);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;padding:2rem;box-sizing:border-box}.splash-content{display:flex;flex-direction:column;height:100vh;padding:2rem 0}.splash-main-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:90vw;gap:1rem}.splash-logo{width:200px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.splash-tagline{font-size:1.2rem;color:#fff;margin:1.5rem 0;font-family:Inter,sans-serif;font-weight:400;line-height:1.4;max-width:300px}.splash-button{background:gold;color:#000;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin:1.5rem 0;font-family:Inter,sans-serif;box-shadow:0 4px 12px #0003}.splash-button:hover{background:#ffc107;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.splash-button:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.splash-credit{font-size:.9rem;color:#fffc;font-family:Inter,sans-serif;font-weight:400;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto;margin-bottom:3rem}@media (max-width: 480px){.splash-screen{padding:1rem}.splash-logo{width:150px;margin-bottom:1.5rem}.splash-tagline{font-size:1rem;margin:1rem 0}.splash-button{padding:.875rem 1.5rem;font-size:1rem}.splash-credit{font-size:.8rem}}.tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#e6e2fff2;color:#000;padding:1.5rem;border-radius:12px;max-width:320px;width:60%;box-shadow:0 8px 32px #00000040;border:1px solid #cccccc;animation:fadeIn .3s ease-out;z-index:1100}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.tooltip-text-area h3{margin-top:0;margin-bottom:.75rem;font-size:1.2rem;color:#333;text-align:center}.tooltip-text-area p{margin-top:0;margin-bottom:1.5rem;font-size:.9rem;font-weight:700;line-height:1.5;color:#333;text-align:center}.tooltip-close{position:absolute;top:-10px;right:-10px;background-color:#555;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.tooltip-close:hover{background-color:#000}.tooltip-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.tooltip-progress-dots{display:flex;gap:6px;flex-grow:1;justify-content:center}.tooltip-progress-dots .dot{width:8px;height:8px;border-radius:50%;background-color:#888;transition:background-color .3s}.tooltip-progress-dots .dot.active{background-color:#333}.tooltip-arrow-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;font-size:32px;line-height:1;color:#555;transition:color .2s ease-in-out}.tooltip-arrow-btn.inactive{color:#999;cursor:default}