@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:#0d0b18;--bg-card:#151124;--bg-elevated:#1c1630;--bg-input:#100d1e;--lavender:#b7b1f2;--lavender-soft:#cdc9f8;--lavender-dim:#b7b1f224;--lavender-border:#b7b1f252;--pink:#fdb7ea;--pink-soft:#fecef3;--pink-dim:#fdb7ea24;--pink-border:#fdb7ea59;--peach:#ffdccc;--peach-dim:#ffdccc24;--yellow:#fbf3b9;--yellow-dim:#fbf3b924;--purple:var(--lavender);--purple-soft:var(--lavender-soft);--purple-dim:var(--lavender-dim);--purple-border:var(--lavender-border);--mint:#b7f2e8;--mint-dim:#b7f2e824;--red:#f2b7c6;--red-dim:#f2b7c624;--red-border:#f2b7c661;--text-1:#f0eeff;--text-2:#c9c4e8;--text-3:#7a72a8;--border:#b7b1f22e;--border-bright:#b7b1f26b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-1);font-family:var(--font-sans);font-feature-settings:"cv02", "cv03", "cv04", "cv11";width:100vw;height:100vh;overflow:hidden}.app-container{background-color:var(--bg);width:100vw;height:100vh;position:relative;overflow:hidden}.app-container:before,.gallery-layout-container:before,.landing-container:before,.login-view-container:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#b7b1f214 1.5px,#0000 0);background-size:28px 28px;position:fixed;inset:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#b7b1f252;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--pink)}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes float-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slime-idle{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.05,.93)translateY(2px)}}@keyframes slime-jump{0%{transform:scale(1.05,.9)translateY(0)}35%{transform:scale(.9,1.15)translateY(-60px)}65%{transform:scale(1.1,.85)translateY(5px)}85%{transform:scale(.95,1.02)translateY(-2px)}to{transform:scale(1)translateY(0)}}@keyframes float-sparkle{0%,to{opacity:.3;transform:translateY(0)rotate(0)}50%{opacity:.9;transform:translateY(-10px)rotate(15deg)}}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #00d4aab3}70%{transform:scale(1);box-shadow:0 0 0 6px #00d4aa00}to{transform:scale(.95);box-shadow:0 0 #00d4aa00}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fabPopupOpen{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounce-logo{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-op{0%,to{opacity:.5}50%{opacity:1}}@keyframes shadow-scale{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #fdb7ea61}50%{box-shadow:0 0 0 8px #ff3d8a00}}.app-badge{background:var(--mint-dim);color:var(--mint);text-transform:uppercase;letter-spacing:.6px;border:1px solid #00d4aa66;border-radius:20px;align-items:center;gap:5px;padding:2px 9px;font-size:.65rem;font-weight:800;display:inline-flex}.pulse-dot{background-color:var(--mint);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-green;display:inline-block}.sidebar{background:var(--bg-card);border:1.5px solid var(--border);z-index:100;border-radius:20px;flex-direction:column;justify-content:space-between;width:248px;transition:border-color .25s;display:flex;position:absolute;top:86px;bottom:100px;left:18px;box-shadow:0 8px 32px #0000008c,inset 0 0 0 1px #b7b1f20f}.sidebar:hover{border-color:var(--pink-border)}.sidebar-scrollable{flex:1;padding:14px;overflow-y:auto}.group-wrapper{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:14px;margin-bottom:10px;transition:border-color .2s;overflow:hidden}.group-wrapper:hover{border-color:var(--purple-border)}.btn-group{width:100%;color:var(--text-1);text-transform:uppercase;letter-spacing:.9px;cursor:pointer;font-size:.72rem;font-weight:800;font-family:var(--font-sans);background:0 0;border:none;justify-content:space-between;align-items:center;padding:11px 13px;transition:background .15s;display:flex}.btn-group:hover{background:#ffffff04}.group-arrow svg{color:var(--purple-soft);transition:transform .2s}.btn-group.collapsed .group-arrow svg{color:var(--text-3);transform:rotate(-90deg)}.group-content{flex-direction:column;gap:9px;padding:0 13px 13px;display:flex}.group-content.collapsed{display:none}.dynamic-control-row{flex-direction:column;gap:4px;display:flex}.dynamic-control-row.checkbox-row{flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:3px 0}.dynamic-control-row label{color:var(--text-2);letter-spacing:.15px;font-size:.7rem;font-weight:700}.dynamic-control-input{background:var(--bg-input);border:1.5px solid var(--border);width:100%;color:var(--text-1);font-size:.77rem;font-family:var(--font-sans);border-radius:9px;outline:none;padding:6px 10px;transition:border-color .2s,box-shadow .2s}.dynamic-control-input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #fdb7ea1f}input[type=color].dynamic-control-input{border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;height:28px;padding:0;overflow:hidden}.btn-emu{background:var(--pink);color:#2d1f4a;cursor:pointer;font-size:.74rem;font-weight:800;font-family:var(--font-sans);border:none;border-radius:9px;padding:7px 12px;transition:all .2s;box-shadow:0 3px 10px #fdb7ea4d}.btn-emu:hover{background:#fecef3;transform:translateY(-1px);box-shadow:0 6px 16px #fdb7ea61}.sidebar-footer{border-top:1.5px solid var(--border);flex-direction:column;gap:9px;padding:13px;display:flex}.sidebar-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.btn-save,.btn-clear{cursor:pointer;font-size:.73rem;font-weight:800;font-family:var(--font-sans);border-radius:10px;padding:8px 12px;transition:all .2s}.btn-save{background:var(--purple-dim);border:1.5px solid var(--purple-border);color:var(--purple-soft)}.btn-save:hover{border-color:var(--purple);color:#fff;background:#b7b1f238}.btn-clear{background:var(--red-dim);border:1.5px solid var(--red-border);color:#f2b7c6}.btn-clear:hover{border-color:var(--red);background:#f2b7c638}.btn-sidebar-add{border:1.5px solid var(--pink-border);background:var(--pink-dim);width:100%;color:var(--pink-soft);cursor:pointer;font-size:.78rem;font-weight:800;font-family:var(--font-sans);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px;transition:all .2s;display:flex}.btn-sidebar-add:hover{background:var(--pink);color:#2d1f4a;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 14px #ff3d8a59}.sidebar-right{background:var(--bg-card);border:1.5px solid var(--border);z-index:100;border-radius:20px;flex-direction:column;width:236px;transition:border-color .25s;display:flex;position:absolute;top:86px;bottom:100px;right:18px;box-shadow:0 8px 32px #0000008c}.sidebar-right:hover{border-color:var(--pink-border)}.sidebar-right-section{border-bottom:1.5px solid var(--border);padding:14px}.sidebar-right-section:last-child{border-bottom:none;flex:1;overflow-y:auto}.right-section-title{text-transform:uppercase;letter-spacing:1.1px;color:var(--pink-soft);margin-bottom:10px;font-size:.66rem;font-weight:800}.layers-list{flex-direction:column;gap:5px;list-style:none;display:flex}.no-layers-text{color:var(--text-3);padding:5px 0;font-size:.73rem;font-style:italic}.layers-list li{background:var(--bg-elevated);border:1.5px solid var(--border);cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .18s;display:flex}.layers-list li:hover{border-color:var(--purple-border)}.layers-list li.active{background:var(--pink-dim);border-color:var(--pink);box-shadow:inset 3px 0 0 var(--pink)}.layer-item-title{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.77rem;font-weight:700;overflow:hidden}.layer-actions{align-items:center;gap:3px;display:flex}.btn-delete-layer{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.82rem;transition:all .15s;display:flex}.btn-delete-layer:hover{background:var(--red-dim);color:#f2b7c6}.template-cards-grid{flex-direction:column;gap:8px;display:flex}.template-card{background:var(--bg-elevated);border:1.5px solid var(--border);cursor:pointer;border-radius:12px;padding:10px 12px;transition:all .2s}.template-card:hover{border-color:var(--pink);transform:translateY(-2px);box-shadow:0 4px 16px #ff3d8a26}.template-card-title{color:var(--text-1);margin-bottom:2px;font-size:.74rem;font-weight:800}.template-card-desc{color:var(--text-3);font-size:.63rem;line-height:1.25}.main-workspace{z-index:10;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.top-bar{background:var(--bg-card);border:1.5px solid var(--border);z-index:100;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;height:58px;margin:14px 18px 0;padding:0 18px;display:flex;box-shadow:0 4px 20px #0006}.top-bar-left h2{color:var(--text-1);letter-spacing:-.2px;font-size:.88rem;font-weight:800}.top-bar-actions{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:12px;align-items:center;gap:5px;padding:4px;display:flex}.top-bar-actions .btn-save,.top-bar-actions .btn-clear,.top-bar-actions .btn-copy-obs{cursor:pointer;height:33px;font-size:.72rem;font-weight:800;line-height:1;font-family:var(--font-sans);border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:0 13px;transition:all .2s;display:flex}.top-bar-actions .btn-save{color:var(--text-2);background:0 0}.top-bar-actions .btn-save:hover{background:var(--purple-dim);color:var(--purple-soft)}.top-bar-actions .btn-clear{color:#f2b7c6;background:0 0}.top-bar-actions .btn-clear:hover{background:var(--red-dim)}.top-bar-actions .btn-copy-obs{background:var(--pink);color:#2d1f4a;box-shadow:0 3px 10px #fdb7ea4d}.top-bar-actions .btn-copy-obs:hover{background:#fecef3;transform:translateY(-1px);box-shadow:0 5px 14px #fdb7ea6b}.top-bar-actions .btn-copy-obs:active{transform:translateY(0)}.user-profile{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:9999px;align-items:center;gap:9px;padding:4px 10px 4px 5px;display:flex}.user-avatar{border:2px solid var(--pink);border-radius:50%;width:24px;height:24px;box-shadow:0 0 8px #ff3d8a59}.user-name{color:var(--text-1);font-size:.77rem;font-weight:700}.btn-logout{color:var(--text-3);cursor:pointer;font-size:.7rem;font-weight:700;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;padding:2px 6px;transition:all .2s}.btn-logout:hover{color:#f2b7c6;background:var(--red-dim)}.emulator-controls{background:var(--bg-card);border:1.5px solid var(--border);z-index:100;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:fit-content;max-width:90%;height:54px;padding:0 14px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000073}.btn-emu-zoom-control{cursor:pointer;border:1.5px solid var(--purple-border);background:var(--purple-dim);color:var(--purple-soft);white-space:nowrap;font-size:.73rem;font-weight:800;font-family:var(--font-sans);border-radius:10px;padding:7px 12px;transition:all .2s}.btn-emu-zoom-control:hover{color:#fff;border-color:var(--purple);background:#b7b1f238}.emu-event-dropdown-container{display:inline-block;position:relative}.btn-emu-event-selector-trigger{cursor:pointer;border:1.5px solid var(--pink-border);background:var(--pink-dim);color:var(--pink-soft);white-space:nowrap;font-size:.76rem;font-weight:800;font-family:var(--font-sans);border-radius:10px;padding:7px 15px;transition:all .2s}.btn-emu-event-selector-trigger:hover{background:var(--pink);color:#2d1f4a;border-color:var(--pink);box-shadow:0 3px 12px #fdb7ea4d}.emu-event-dropdown-menu{background:var(--bg-card);border:1.5px solid var(--border);z-index:105;border-radius:14px;flex-direction:column;gap:3px;min-width:150px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.emu-dropdown-item{color:var(--text-2);text-align:left;cursor:pointer;font-size:.72rem;font-weight:800;font-family:var(--font-sans);background:0 0;border:none;border-radius:9px;padding:8px 12px;transition:all .18s}.emu-dropdown-item:hover{color:#fff;background:var(--purple-dim)}.emu-dropdown-item.follow:hover{background:#3b82f61f;border-left:3px solid #3b82f6}.emu-dropdown-item.subscribe:hover{border-left:3px solid var(--purple);background:var(--purple-dim)}.emu-dropdown-item.cheer:hover{border-left:3px solid var(--yellow);background:#ffd60a1a}.emu-dropdown-item.tip:hover{border-left:3px solid var(--mint);background:var(--mint-dim)}.emu-dropdown-item.raid:hover{border-left:3px solid var(--pink);background:var(--pink-dim)}.emu-dropdown-item.redemption:hover{border-left:3px solid var(--red);background:var(--red-dim)}.canvas-area{background-color:var(--bg);z-index:5;background-image:radial-gradient(#b7b1f212 1.5px,#0000 0);background-size:30px 30px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.preview-wrapper{cursor:grab;background:0 0;border:2px dashed #b7b1f252;border-radius:10px;transition:border-color .2s;position:absolute;box-shadow:0 10px 40px #00000080}.preview-wrapper.dragging{cursor:grabbing;border-color:var(--pink);box-shadow:0 0 24px #fdb7ea33}.preview-wrapper.resizing{border-color:var(--purple)}.preview-wrapper iframe{pointer-events:none;background:0 0;border:none;width:100%;height:100%}.size-tooltip{background:var(--bg-card);border:1.5px solid var(--purple-border);color:var(--text-1);white-space:nowrap;border-radius:7px;padding:2px 9px;font-size:.67rem;font-weight:800;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.resize-handle{background:var(--pink);cursor:se-resize;z-index:10;border-top-left-radius:5px;border-bottom-right-radius:5px;width:14px;height:14px;position:absolute;bottom:0;right:0;box-shadow:0 0 8px #fdb7ea61}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.empty-icon{font-size:3rem;animation:2s ease-in-out infinite pulse}.empty-title{color:#fff;font-size:1.2rem;font-weight:800}.empty-desc{color:var(--text-3);max-width:280px;font-size:.77rem;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#06030ed1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content-panel{border:1.5px solid var(--purple-border);background:#100a1e;border-radius:18px;flex-direction:column;width:90%;max-width:780px;height:75vh;animation:.22s forwards modalScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #000c}.modal-header-block{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.modal-title-text{color:#fff;font-size:.86rem;font-weight:800}.btn-close-modal{background:var(--bg-elevated);border:1.5px solid var(--border);color:var(--text-3);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;transition:all .2s;display:flex}.btn-close-modal:hover{background:var(--red-dim);color:#f2b7c6;border-color:var(--red-border)}.modal-body-block{flex-direction:column;flex:1;display:flex;overflow:hidden}.modal-tabs-row{background:var(--bg);border-bottom:1.5px solid var(--border);display:flex}.ide-tab{border:none;border-right:1.5px solid var(--border);color:var(--text-3);cursor:pointer;font-size:.7rem;font-weight:800;font-family:var(--font-sans);background:0 0;outline:none;padding:10px 16px;transition:all .15s}.ide-tab:hover{color:var(--text-2)}.ide-tab.active{color:var(--pink-soft);box-shadow:inset 0 2px 0 var(--pink);background:#100a1e}.editor-container-host{background:#1e1e1e;flex:1;width:100%;height:100%;position:relative;overflow:hidden}.modal-footer-block{border-top:1.5px solid var(--border);justify-content:flex-end;gap:9px;padding:13px 18px;display:flex}.btn-modal-cancel{border:1.5px solid var(--border);color:var(--text-2);cursor:pointer;font-size:.77rem;font-weight:700;font-family:var(--font-sans);background:0 0;border-radius:10px;padding:8px 16px;transition:all .2s}.btn-modal-cancel:hover{background:var(--purple-dim);color:var(--purple-soft)}.btn-modal-submit{background:var(--pink);color:#2d1f4a;cursor:pointer;font-size:.77rem;font-weight:800;font-family:var(--font-sans);border:none;border-radius:10px;padding:8px 20px;transition:all .2s;box-shadow:0 3px 10px #fdb7ea4d}.btn-modal-submit:hover{background:#fecef3;transform:translateY(-1px);box-shadow:0 5px 16px #fdb7ea6b}.login-view-container{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.login-card{background:var(--bg-card);border:1.5px solid var(--purple-border);text-align:center;border-radius:24px;width:380px;padding:32px;box-shadow:0 20px 60px #000000a6,inset 0 0 0 1px #b7b1f214}.login-icon-box{background:var(--pink);border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:1.9rem;animation:2.5s infinite pulse-glow;display:flex;box-shadow:0 0 #fdb7ea61}.login-title{letter-spacing:-.3px;color:#fff;margin-bottom:6px;font-size:1.32rem;font-weight:800}.login-subtitle{color:var(--text-2);margin-bottom:24px;font-size:.79rem;line-height:1.45}.btn-twitch-connect{background:var(--purple);color:#2d1f4a;cursor:pointer;width:100%;font-size:.87rem;font-weight:800;font-family:var(--font-sans);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;transition:all .22s;display:flex;box-shadow:0 4px 14px #7c3aed4d}.btn-twitch-connect:hover{background:#b7b1f2;transform:translateY(-1px);box-shadow:0 8px 20px #7c3aed73}.btn-twitch-connect:active{transform:translateY(0)}.login-tabs{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:12px;margin-bottom:20px;padding:3px;display:flex}.login-tab-btn{color:var(--text-3);cursor:pointer;font-size:.74rem;font-weight:800;font-family:var(--font-sans);background:0 0;border:none;border-radius:9px;flex:1;padding:8px 10px;transition:all .2s}.login-tab-btn:hover{color:var(--text-1)}.login-tab-btn.active{background:var(--pink);color:#2d1f4a;box-shadow:0 3px 10px #ff3d8a40}.tab-content-panel{flex-direction:column;animation:.22s ease-out forwards tabFadeIn;display:flex}.tab-panel-desc{color:var(--text-2);text-align:center;margin-bottom:16px;font-size:.75rem;line-height:1.45}.btn-fab-trigger{background:var(--pink);color:#2d1f4a;cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:2.1rem;font-weight:300;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 6px 20px #fdb7ea61}.btn-fab-trigger:hover{background:#fecef3;transform:scale(1.1)rotate(90deg);box-shadow:0 10px 26px #fdb7ea80}.btn-fab-trigger.active{background:var(--red);transform:scale(1)rotate(45deg);box-shadow:0 5px 16px #ff4d4d73}.fab-trigger-plus{margin-top:-6px;line-height:1}.fab-menu-popup{background:var(--bg-card);border:1.5px solid var(--purple-border);z-index:200;border-radius:16px;flex-direction:column;gap:3px;width:186px;padding:7px;animation:.22s cubic-bezier(.34,1.56,.64,1) forwards fabPopupOpen;display:flex;position:absolute;bottom:64px;left:0;box-shadow:0 16px 40px #000000b3}.fab-menu-item{cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;transition:all .18s;display:flex}.fab-menu-item:hover{background:var(--purple-dim)}.fab-menu-item.custom:hover{background:var(--pink-dim)}.fab-menu-icon{font-size:1rem}.fab-menu-text{color:var(--text-2);font-size:.77rem;font-weight:800;transition:color .18s}.fab-menu-item:hover .fab-menu-text{color:#fff}.gallery-layout-container{background-color:var(--bg);width:100vw;height:100vh;color:var(--text-1);z-index:1;flex-direction:column;padding:36px 44px;display:flex;position:relative;overflow-y:auto}.gallery-header{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:22px;display:flex}.gallery-brand-title{color:var(--pink);letter-spacing:-.5px;font-size:1.8rem;font-weight:800}.gallery-brand-subtitle{color:var(--text-2);max-width:560px;margin-top:5px;font-size:.84rem;line-height:1.45}.gallery-toolbar{margin-bottom:22px}.btn-create-new-overlay{background:var(--pink);color:#2d1f4a;cursor:pointer;font-size:.81rem;font-weight:800;font-family:var(--font-sans);border:none;border-radius:12px;padding:10px 22px;transition:all .22s;box-shadow:0 4px 14px #fdb7ea4d}.btn-create-new-overlay:hover{background:#fecef3;transform:translateY(-1.5px);box-shadow:0 7px 20px #fdb7ea6b}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;padding-bottom:36px;display:grid}.gallery-card{background:var(--bg-card);border:1.5px solid var(--border);cursor:pointer;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:210px;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000059}.gallery-card:before{content:"";background:var(--purple);border-radius:20px 20px 0 0;height:3px;transition:background .25s;position:absolute;top:0;left:0;right:0}.gallery-card:hover{border-color:var(--pink-border);transform:translateY(-4px);box-shadow:0 12px 30px #00000080,inset 0 0 0 1px #fdb7ea1f}.gallery-card:hover:before{background:var(--pink)}.gallery-card-glow{background:var(--purple);opacity:.06;pointer-events:none;border-radius:50%;width:120px;height:120px;transition:opacity .3s;position:absolute;top:-40px;right:-40px}.gallery-card:hover .gallery-card-glow{opacity:.12}.gallery-card-top{border-bottom:1.5px solid var(--border);margin-bottom:11px;padding-bottom:11px}.gallery-card-name{color:#fff;letter-spacing:-.2px;font-size:1.05rem;font-weight:800}.gallery-card-resolution{color:var(--purple-soft);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.66rem;font-weight:700;display:block}.gallery-card-body{flex:1;margin-bottom:16px}.gallery-card-info{color:var(--text-2);font-size:.75rem}.gallery-card-tags{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.gallery-widget-tag{background:var(--purple-dim);border:1px solid var(--purple-border);color:var(--purple-soft);border-radius:7px;padding:3px 8px;font-size:.63rem;font-weight:800}.gallery-widget-tag.excess{background:var(--pink-dim);border-color:var(--pink-border);color:var(--pink-soft)}.gallery-card-footer{align-items:center;gap:7px;display:flex}.btn-gallery-edit{background:var(--pink);color:#2d1f4a;cursor:pointer;height:34px;font-size:.73rem;font-weight:800;font-family:var(--font-sans);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 3px 10px #ff3d8a38}.btn-gallery-edit:hover{background:#fecef3;box-shadow:0 5px 14px #ff3d8a61}.btn-gallery-copy{background:var(--purple-dim);border:1.5px solid var(--purple-border);height:34px;color:var(--purple-soft);cursor:pointer;font-size:.73rem;font-weight:800;font-family:var(--font-sans);border-radius:10px;justify-content:center;align-items:center;padding:0 12px;transition:all .2s;display:flex}.btn-gallery-copy:hover{color:#fff;background:#b7b1f238}.btn-gallery-delete{background:var(--red-dim);border:1.5px solid var(--red-border);color:#f2b7c6;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.83rem;transition:all .2s;display:flex}.btn-gallery-delete:hover{color:#fff;border-color:var(--red);background:#f2b7c638}.gallery-empty-state{text-align:center;background:var(--bg-card);border:2px dashed var(--purple-border);border-radius:20px;flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:56px 36px;display:flex}.gallery-empty-icon{font-size:3.5rem;animation:2s infinite alternate bounce}.gallery-empty-title{color:#fff;font-size:1.2rem;font-weight:800}.gallery-empty-desc{color:var(--text-3);max-width:300px;margin-bottom:6px;font-size:.81rem;line-height:1.45}.gallery-layout-container{overflow:hidden!important}.gallery-main-layout{flex:1;gap:26px;min-height:0;margin-top:8px;display:flex}.gallery-left-col{flex:1;height:100%;padding-right:14px;overflow-y:auto}.gallery-left-col::-webkit-scrollbar{width:5px}.gallery-left-col::-webkit-scrollbar-track{background:0 0}.gallery-left-col::-webkit-scrollbar-thumb{background:var(--purple-dim);border-radius:4px}.gallery-left-col::-webkit-scrollbar-thumb:hover{background:var(--purple-border)}.gallery-sidebar{background:var(--bg-card);border:1.5px solid var(--border);border-top:2px solid var(--pink);border-radius:20px;flex-direction:column;flex-shrink:0;gap:18px;width:305px;height:100%;padding:18px;display:flex;overflow-y:auto;box-shadow:0 8px 28px #00000059}.info-hub-title{color:#fff;letter-spacing:.4px;align-items:center;gap:7px;margin-bottom:4px;font-size:1.05rem;font-weight:800;display:flex}.info-hub-section{border-bottom:1.5px solid var(--border);padding-bottom:14px}.info-hub-section:last-child{border-bottom:none;padding-bottom:0}.info-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:14px;margin-top:9px;padding:13px}.app-status-row{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.app-version{color:var(--pink-soft);font-size:.84rem;font-weight:800}.changelog-list{color:var(--text-2);flex-direction:column;gap:5px;font-size:.75rem;list-style:none;display:flex}.changelog-item{align-items:flex-start;gap:6px;line-height:1.35;display:flex}.changelog-bullet{color:var(--pink-soft);margin-top:1px;font-size:.68rem}.social-links-container{flex-direction:column;gap:8px;margin-top:11px;display:flex}.social-btn{border:1.5px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:9px 13px;font-size:.78rem;font-weight:800;text-decoration:none;transition:all .22s;display:flex}.social-btn-left{align-items:center;gap:9px;display:flex}.social-btn-icon{font-size:1.05rem}.social-btn-arrow{opacity:.55;font-size:.72rem;transition:transform .2s}.social-btn:hover .social-btn-arrow{opacity:1;transform:translate(3px)}.social-btn.x-twitter{color:#fff;background:#ffffff09;border-color:#ffffff1a}.social-btn.x-twitter:hover{background:#ffffff12;border-color:#ffffff47}.social-btn.discord{color:#a5b4fc;background:#5865f21a;border-color:#5865f247}.social-btn.discord:hover{color:#fff;background:#5865f22e;border-color:#5865f28c}.social-btn.etsy{color:#fed7aa;background:#f1641e1a;border-color:#f1641e47}.social-btn.etsy:hover{color:#fff;background:#f1641e2e;border-color:#f1641e80}.updates-upcoming-box{border:1.5px dashed var(--pink-border);color:var(--text-2);background:#ff3d8a0a;border-radius:14px;margin-top:9px;padding:11px;font-size:.73rem;line-height:1.4}.updates-upcoming-title{color:var(--pink-soft);margin-bottom:4px;font-weight:800}.search-bar-wrapper{align-items:center;width:270px;margin-left:9px;display:flex;position:relative}.search-input{background:var(--bg-elevated);border:1.5px solid var(--border);width:100%;color:var(--text-1);border-radius:12px;outline:none;padding:8px 12px 8px 33px;font-family:inherit;font-size:.77rem;font-weight:600;transition:all .25s}.search-input:focus{border-color:var(--pink);background:var(--bg-card);box-shadow:0 0 0 3px #fdb7ea1f}.search-input::placeholder{color:var(--text-3)}.search-icon{color:var(--text-3);pointer-events:none;font-size:.73rem;position:absolute;left:11px}.clear-search-btn{cursor:pointer;opacity:.6;color:#f2b7c6;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:.7rem;transition:opacity .18s,transform .18s;display:flex;position:absolute;right:9px}.clear-search-btn:hover{opacity:1;transform:scale(1.1)}.landing-container{background-color:var(--bg);width:100vw;min-height:100vh;color:var(--text-1);font-family:var(--font-sans);flex-direction:column;display:flex;position:relative;overflow:hidden auto}.landing-glow{filter:blur(130px);pointer-events:none;opacity:.28;z-index:0;border-radius:50%;width:420px;height:420px;position:absolute}.glow-purple{background:#b7b1f2;top:-150px;left:-150px}.glow-pink{background:#fdb7ea;bottom:-150px;right:-150px}.landing-header{z-index:10;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:22px 56px;display:flex;position:relative}.landing-logo{align-items:center;gap:10px;font-size:1.45rem;font-weight:800;display:flex}.landing-logo .highlight{color:var(--pink)}.landing-logo .logo-emoji{animation:3s ease-in-out infinite bounce-logo}.landing-nav-actions{align-items:center;gap:22px;display:flex}.nav-link{color:var(--text-2);font-size:.88rem;font-weight:700;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--pink)}.landing-hero{z-index:10;flex:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;width:100%;max-width:1400px;margin:0 auto;padding:36px 56px 72px;display:grid;position:relative}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.badge{background:var(--purple-dim);border:1.5px solid var(--purple-border);color:var(--purple-soft);letter-spacing:.8px;border-radius:9999px;margin-bottom:22px;padding:5px 14px;font-size:.72rem;font-weight:800}.hero-title{letter-spacing:-.8px;margin-bottom:18px;font-size:3.4rem;font-weight:800;line-height:1.15}.gradient-text{color:var(--pink);-webkit-text-fill-color:var(--pink);background:0 0;-webkit-background-clip:unset}.hero-subtitle{color:var(--text-2);max-width:540px;margin-bottom:34px;font-size:1.05rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.btn-hero-primary{background:var(--pink);color:#2d1f4a;cursor:pointer;font-size:.93rem;font-weight:800;font-family:var(--font-sans);border:none;border-radius:12px;padding:13px 26px;transition:all .22s;box-shadow:0 6px 20px #ff3d8a59}.btn-hero-primary:hover{background:#fecef3;transform:translateY(-2px);box-shadow:0 10px 26px #ff3d8a80}.btn-hero-secondary{background:var(--bg-elevated);color:var(--text-1);border:1.5px solid var(--purple-border);cursor:pointer;font-size:.93rem;font-weight:800;font-family:var(--font-sans);border-radius:12px;padding:13px 26px;transition:all .22s}.btn-hero-secondary:hover{background:var(--purple-dim);border-color:var(--purple);color:#fff;transform:translateY(-2px)}.hero-showcase{justify-content:center;align-items:center;display:flex}.showcase-card{background:var(--bg-card);border:1.5px solid var(--purple-border);border-radius:22px;flex-direction:column;width:100%;max-width:420px;display:flex;overflow:hidden;box-shadow:0 24px 56px #0009}.showcase-header{background:var(--bg);border-bottom:1.5px solid var(--border);align-items:center;gap:6px;padding:13px 18px;display:flex}.showcase-dot{border-radius:50%;width:10px;height:10px}.dot-red{background:var(--red)}.dot-yellow{background:var(--yellow)}.dot-green{background:var(--mint)}.showcase-title{letter-spacing:1px;color:var(--purple-soft);margin-left:6px;font-size:.66rem;font-weight:800}.showcase-body{background-image:radial-gradient(#b7b1f214 1.5px,#0000 0);background-size:22px 22px;flex-direction:column;justify-content:center;align-items:center;height:260px;display:flex;position:relative}.showcase-footer{background:var(--bg);border-top:1.5px solid var(--border);color:var(--text-2);align-items:center;gap:7px;padding:11px 18px;font-size:.72rem;font-weight:700;display:flex}.pulse-green{color:var(--mint);animation:1.5s ease-in-out infinite pulse-op}.showcase-bubble{color:var(--bg);text-align:center;background:#fff;border-radius:13px;max-width:210px;padding:7px 15px;font-size:.77rem;font-weight:800;animation:3s ease-in-out infinite float-bubble;position:absolute;top:26px;box-shadow:0 8px 20px #0003}.showcase-bubble:after{content:"";border:6px solid #0000;border-top-color:#fff;border-bottom:0 solid #fff;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.showcase-slime-wrapper{cursor:pointer;flex-direction:column;align-items:center;margin-top:50px;display:flex;position:relative}.showcase-slime{background:var(--pink);transform-origin:bottom;z-index:2;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;justify-content:center;align-items:center;width:88px;height:78px;animation:2.5s ease-in-out infinite slime-idle;display:flex;position:relative;box-shadow:inset 0 -8px #0000002e,0 0 22px #fdb7ea4d}.showcase-slime.jump-trigger{animation:.8s cubic-bezier(.25,.8,.25,1) forwards slime-jump}.slime-face{gap:15px;display:flex;position:relative;top:-5px}.slime-eye{background:#1a0a28;border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;display:flex;position:relative}.eye-pupil{background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:2px;left:2px}.slime-mouth{border-bottom:2.5px solid #1a0a28;border-radius:0 0 6px 6px;width:8px;height:6px;position:absolute;bottom:-8px;left:calc(50% - 4px)}.slime-blush{background:#ffffff80;border-radius:50%;width:8px;height:4px;position:absolute;top:42px}.blush-left{left:15px}.blush-right{right:15px}.slime-shadow{z-index:1;background:#00000059;border-radius:50%;width:72px;height:6px;margin-top:4px;animation:2.5s ease-in-out infinite shadow-scale}.showcase-sparkles{pointer-events:none;width:100%;height:100%;position:absolute}.sparkle{font-size:1rem;animation:3s ease-in-out infinite float-sparkle;position:absolute}.sp-1{animation-delay:0s;top:70px;left:60px}.sp-2{animation-delay:.8s;top:110px;right:65px}.sp-3{animation-delay:1.5s;bottom:55px;left:75px}.landing-features{z-index:10;text-align:center;border-top:1.5px solid var(--border);width:100%;max-width:1400px;margin:0 auto;padding:56px 56px 90px;position:relative}.section-title{letter-spacing:-.5px;margin-bottom:44px;font-size:2.1rem;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;display:grid}.feature-card{background:var(--bg-card);border:1.5px solid var(--border);text-align:left;border-radius:20px;padding:30px;transition:all .22s}.feature-card:hover{border-color:var(--pink-border);transform:translateY(-4px);box-shadow:0 10px 28px #fdb7ea1f}.feature-icon{margin-bottom:18px;font-size:2.1rem}.feature-card h3{color:#fff;margin-bottom:10px;font-size:1.1rem;font-weight:800}.feature-card p{color:var(--text-2);font-size:.86rem;line-height:1.55}.landing-footer-section{z-index:10;text-align:center;border-top:1.5px solid var(--border);color:var(--text-3);padding:28px 56px;font-size:.79rem;position:relative}.btn{cursor:pointer;font-weight:800;font-family:var(--font-sans);border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;transition:all .2s;display:inline-flex}.btn-primary{background:var(--pink);color:#2d1f4a;box-shadow:0 3px 10px #fdb7ea4d}.btn-primary:hover:not(:disabled){background:#fecef3;transform:translateY(-1px);box-shadow:0 5px 14px #fdb7ea66}.btn-secondary{background:var(--purple-dim);border:1.5px solid var(--purple-border);color:var(--purple-soft)}.btn-secondary:hover:not(:disabled){color:#fff;background:#b7b1f238}.btn-danger{background:var(--red-dim);border:1.5px solid var(--red-border);color:#f2b7c6}.btn-danger:hover:not(:disabled){color:#fff;background:#f2b7c638}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.gallery-tabs{gap:6px;margin-bottom:20px;display:flex}.gallery-tab-btn{border:1.5px solid var(--border);background:var(--bg-elevated);color:var(--text-2);cursor:pointer;font-size:.79rem;font-weight:800;font-family:var(--font-sans);border-radius:12px;align-items:center;gap:7px;padding:8px 18px;transition:all .2s;display:flex}.gallery-tab-btn:hover{border-color:var(--purple-border);color:#fff}.gallery-tab-btn.active{background:var(--pink);border-color:var(--pink);color:#2d1f4a;box-shadow:0 3px 12px #ff3d8a47}.gallery-tab-count{background:#ffffff2e;border-radius:6px;padding:1px 6px;font-size:.67rem;font-weight:800}.gallery-toolbar-bar{background:var(--bg-card);border:1.5px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}@media (width<=600px){.platform-select-container{grid-template-columns:1fr}}@media (width<=960px){.landing-hero{text-align:center;grid-template-columns:1fr;gap:36px;padding:18px 22px 56px}.hero-content{align-items:center}.landing-header{padding:22px}}