@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";@font-face{font-family:Inter;src:url(/Inter-VariableFont_opsz,wght.ttf)format("truetype-variations");font-weight:100 900;font-style:normal}:root{--bg-primary:#0a171c;--bg-secondary:#012d34;--bg-panel:#013f4899;--accent-primary:#10acaf;--accent-secondary:#013f48;--accent-glow:#10acaf66;--text-primary:#fff6e9;--text-secondary:#fff6e9a6;--border-light:#10acaf26;--glass-shadow:0 12px 40px 0 #0006;--sidebar-width:280px;--toolbar-height:60px;--radius-md:12px;--radius-lg:16px;--z-base:10;--z-nav:20;--z-drawer:30;--z-modal:50;--font-display:"Outfit",system-ui,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}body{background:radial-gradient(circle at 50% 10%,#0a1e24 0%,var(--bg-primary)100%);touch-action:manipulation;width:100%;min-width:320px;min-height:100vh;margin:0;display:flex;overflow:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}button{font-family:var(--font-display);cursor:pointer;font-weight:500}#root{width:100%}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#1e1e1e99;border:1px solid #ffffff14;box-shadow:0 8px 32px #0000004d}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.uploader-container{color:var(--text-secondary);padding:1rem}.upload-dropzone{border:2px dashed var(--border-light);border-radius:var(--radius-md);cursor:pointer;background:#ffffff05;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;transition:all .2s;display:flex}.upload-dropzone:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#646cff0d}.uploaded-preview{margin-top:1.5rem}.uploaded-preview h4{text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.9rem}.preview-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.preview-item{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:4px;position:relative;overflow:hidden}.preview-item.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px #646cff66}.preview-item img{object-fit:cover;width:100%;height:100%}.add-btn{background:var(--accent-primary);color:#fff;cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:5px;right:5px;transform:scale(.8)}.preview-item:hover .add-btn{opacity:1;transform:scale(1)}.achievement-wizard{height:100%;color:var(--text-primary);-webkit-overflow-scrolling:touch;flex-direction:column;gap:1.25rem;padding:1rem;display:flex;overflow-y:auto}.batch-session-card{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172acc 100%);border:1px solid #6366f140;border-radius:12px;flex-direction:column;gap:.6rem;padding:.75rem;display:flex;box-shadow:0 4px 16px #00000040}.batch-session-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.batch-session-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.batch-counter-badge{color:#c7d2fe;letter-spacing:.03em;background:#6366f133;border:1px solid #6366f166;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700}.batch-photo-tag{border-radius:4px;align-items:center;gap:5px;padding:2px 6px;font-size:.7rem;font-weight:500;display:inline-flex}.batch-photo-tag.has-photo{color:#34d399;background:#10b9811f}.batch-photo-tag.no-photo{color:#fbbf24;background:#f59e0b1f}.status-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.batch-session-actions{align-items:center;gap:6px;display:flex}.batch-delete-btn{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.batch-delete-btn:hover{color:#fff;background:#ef444440}.batch-reset-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;transition:all .2s;display:flex}.batch-reset-btn:hover{color:#fff;background:#ffffff1f}.batch-session-nav-row{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding-top:4px;display:flex}.batch-nav-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.batch-nav-btn:disabled{opacity:.35;cursor:not-allowed}.batch-nav-btn:not(:disabled):hover{background:var(--accent-primary);border-color:var(--accent-primary)}.batch-dot-indicators{align-items:center;gap:6px;max-width:140px;padding:2px 4px;display:flex;overflow-x:auto}.batch-dot{cursor:pointer;background:#ffffff40;border:1px solid #0000;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.batch-dot.with-photo{background:#10b981}.batch-dot.active{background:#6366f1;border-color:#fff;transform:scale(1.3)}.wizard-nav-bar{z-index:5;-webkit-backdrop-filter:blur(12px);background:#0e0f17d9;justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex;position:sticky;top:0}.wizard-nav{border:1px solid var(--border-light);background:#ffffff0d;border-radius:12px;flex:1;gap:4px;padding:4px;display:flex}.wizard-minimize-btn{color:#c7d2fe;cursor:pointer;white-space:nowrap;background:#6366f126;border:1px solid #6366f161;border-radius:10px;flex-shrink:0;align-items:center;gap:5px;height:40px;padding:0 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.wizard-minimize-btn:hover{color:#fff;background:#6366f147;border-color:#6366f199;box-shadow:0 2px 10px #6366f140}.wizard-nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;position:relative}.wizard-nav-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #4f46e559}.tab-photo-dot{background:#34d399;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:8px}.wizard-section{flex-direction:column;gap:.75rem;display:flex}.wizard-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.wizard-label span{align-items:center;gap:6px;display:flex}.type-toggle-group{border:1px solid var(--border-light);background:#00000040;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.type-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.type-toggle-btn.active{color:#fff;background:#ffffff1f;border:1px solid #fff3}.format-pills{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.format-pill{border:1px solid var(--border-light);color:var(--text-secondary);text-align:center;cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:8px 10px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.format-pill.active{background:var(--accent-glow);border-color:var(--accent-primary);color:#fff;font-weight:600}.template-thumbnails-carousel{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.template-thumb-card{cursor:pointer;scroll-snap-align:start;text-align:center;background:#ffffff0a;border:2px solid #ffffff14;border-radius:10px;flex-direction:column;flex:0 0 100px;align-items:center;gap:6px;padding:6px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex}.template-thumb-card:hover{background:#ffffff14;border-color:#6366f166;transform:translateY(-2px)}.template-thumb-card.active{border-color:var(--accent-primary);background:#6366f126;box-shadow:0 4px 14px #6366f159}.template-thumb-media{aspect-ratio:1;background:#0006;border-radius:6px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.template-thumb-media img{object-fit:cover;width:100%;height:100%;display:block}.template-thumb-check{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;animation:.2s ease-out scaleIn;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 6px #00000080}.template-thumb-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:90px;font-size:.72rem;font-weight:500;overflow:hidden}.template-thumb-card.active .template-thumb-title{color:#fff;font-weight:600}.template-wizard-btn-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.template-browse-more-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-self:flex-start;margin-top:2px;padding:2px 4px;font-size:.76rem;font-weight:600;transition:all .2s}.template-browse-more-btn:hover{color:#a5b4fc;text-decoration:underline}.template-inline-upload-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:1px dashed #ffffff40;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.template-inline-upload-btn:hover{color:#fff;background:#ffffff1f;border-color:#818cf8}.color-swatches-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (min-width:480px){.color-swatches-grid{grid-template-columns:repeat(6,1fr)}}.color-swatch-btn{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;min-height:38px;padding:7px 10px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex;position:relative}.color-swatch-btn:hover{color:#fff;background:#ffffff1a}.color-swatch-btn.active{border-color:var(--accent-primary);color:#fff;box-shadow:0 0 0 1px var(--accent-primary);background:#ffffff24;font-weight:600}.color-circle{border-radius:50%;flex-shrink:0;width:14px;height:14px}.color-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.color-check{color:var(--accent-primary);flex-shrink:0}.custom-color-label{position:relative;overflow:hidden}.custom-color-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.custom-gradient{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid #ffffff4d}.chips-row{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.chips-row::-webkit-scrollbar{height:4px}.chips-row::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.chip-btn{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;min-height:36px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.chip-btn:hover{color:#fff;background:#ffffff1a}.chip-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.chip-btn.chip-none{color:#94a3b8;border-style:dashed}.chip-btn.chip-none.active{color:#fff;background:#94a3b840;border-color:#94a3b8}.dept-grid,.sem-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.grid-chip{border:1px solid var(--border-light);color:var(--text-secondary);text-align:center;cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:8px 6px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.grid-chip:hover{color:#fff;background:#ffffff1a}.grid-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.grid-chip.chip-none{color:#94a3b8;border-style:dashed}.grid-chip.chip-none.active{color:#fff;background:#94a3b840;border-color:#94a3b8}.wizard-input{border:1px solid var(--border-light);color:#fff;box-sizing:border-box;background:#00000059;border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}.wizard-input:focus{border-color:var(--accent-primary);background:#00000080;box-shadow:0 0 0 2px #6366f140}.wizard-input::placeholder{color:#ffffff59}.recent-quickfill{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;display:flex;overflow-x:auto}.recent-quickfill span{flex-shrink:0}.recent-pill{color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:.75rem}.recent-pill:hover{background:#ffffff24}.photo-uploader-card{text-align:center;cursor:pointer;background:#ffffff08;border:2px dashed #818cf866;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:1.5rem 1rem;transition:all .2s;display:flex}.photo-uploader-card:hover{border-color:var(--accent-primary);background:#6366f114;transform:translateY(-1px)}.uploader-icon-wrap{background:#6366f11f;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:4px;display:flex}.uploader-title{color:#fff;font-size:1rem;font-weight:700}.uploader-subtitle{color:var(--text-secondary);max-width:280px;font-size:.8rem}.uploader-target-hint{color:#818cf8;background:#6366f126;border-radius:10px;margin-top:4px;padding:2px 8px;font-size:.75rem}.photo-preview-card{border:1px solid var(--border-light);background:#00000040;border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex}.photo-thumbnail-container{background:#0006;border-radius:8px;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.photo-thumbnail-img{object-fit:contain;max-width:100%;max-height:100%}.photo-remove-btn{color:#fff;cursor:pointer;background:#000000a6;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.photo-remove-btn:hover{background:#ef4444;border-color:#ef4444}.photo-preview-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-danger-soft{color:#f87171!important;background:#ef44441f!important;border-color:#ef44444d!important}.btn-danger-soft:hover{color:#fff!important;background:#ef444440!important}.photo-adjustments-card{border:1px solid var(--border-light);background:#ffffff08;border-radius:10px;flex-direction:column;gap:10px;margin-top:10px;padding:12px;display:flex}.adjustments-heading{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.8rem;font-weight:600}.photo-btn-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.photo-slider-row{flex-direction:column;gap:6px;display:flex}.photo-slider-row label{color:var(--text-secondary);justify-content:space-between;font-size:.8rem;display:flex}.photo-slider-row input[type=range]{width:100%;accent-color:var(--accent-primary)}.wizard-actions-bar{border-top:1px solid var(--border-light);flex-direction:column;gap:8px;margin-top:auto;padding-top:1rem;display:flex}.btn-wizard-primary{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #10b9814d}.btn-wizard-primary:hover{background:#059669;box-shadow:0 4px 16px #10b98166}.btn-wizard-export-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-wizard-secondary{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.btn-wizard-secondary:hover{background:#ffffff24}.btn-whatsapp{color:#25d366;background:#25d36626;border-color:#25d36659}.btn-whatsapp:hover{background:#25d36640;border-color:#25d366}.wizard-actions-sub-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.wizard-view-poster-link{color:#818cf8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}.wizard-view-poster-link:hover{color:#a5b4fc;background:#6366f11f}.inline-team-add{gap:6px;margin-top:6px;display:flex}.inline-team-add input{border:1px solid var(--border-light);color:#fff;background:#0006;border-radius:6px;flex:1;padding:8px 12px;font-size:.85rem}.inline-team-add button{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:600}.template-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.template-modal-dialog{background:#111827;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:85vh;animation:.2s ease-out scaleIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #0009}.template-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.template-modal-title{align-items:center;gap:10px;display:flex}.template-modal-title h3{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.template-modal-count{color:var(--text-secondary);background:#ffffff14;border-radius:12px;padding:2px 8px;font-size:.75rem}.template-modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.template-modal-close-btn:hover{color:#fff;background:#ffffff1a}.template-modal-filter-tabs{background:#0003;border-bottom:1px solid #ffffff0d;gap:6px;padding:10px 20px;display:flex;overflow-x:auto}.template-filter-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s}.template-filter-tab:hover{color:#fff;background:#ffffff0d}.template-filter-tab.active{background:var(--accent-primary);color:#fff;font-weight:600}.template-modal-upload-bar{color:#c7d2fe;background:#6366f114;border-bottom:1px solid #6366f126;justify-content:space-between;align-items:center;padding:10px 20px;font-size:.8rem;display:flex}.template-modal-upload-label{background:var(--accent-primary);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:opacity .2s;display:inline-flex}.template-modal-upload-label:hover{opacity:.9}.template-modal-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;padding:20px;display:grid;overflow-y:auto}.template-modal-card{cursor:pointer;background:#ffffff08;border:2px solid #ffffff14;border-radius:10px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.template-modal-card:hover{border-color:#6366f180;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.template-modal-card.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary),0 8px 20px #6366f166}.template-modal-media{aspect-ratio:1;background:#000;width:100%;position:relative;overflow:hidden}.template-modal-media img{object-fit:cover;width:100%;height:100%;display:block}.template-modal-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:.3px;background:#000000bf;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600;position:absolute;bottom:6px;left:6px}.template-modal-selected-badge{background:var(--accent-primary);color:#fff;border-radius:12px;align-items:center;gap:3px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #00000080}.template-modal-footer{flex-direction:column;gap:2px;padding:8px 10px;display:flex}.template-modal-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.template-modal-dims{color:var(--text-secondary);font-size:.65rem}@media (max-width:480px){.template-modal-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.template-modal-dialog{max-height:90vh}}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-light);z-index:10;flex-direction:column;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .2s;display:flex}@media (min-width:769px){.sidebar.collapsed{opacity:0;pointer-events:none;border-right:none!important;width:0!important;min-width:0!important;overflow:hidden!important}}.logo{border-bottom:1px solid var(--border-light);padding:1.5rem}.logo-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-collapse-btn{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d}@media (max-width:768px){.sidebar-collapse-btn{display:none}}.logo h2{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem}.nav-menu{border-bottom:1px solid var(--border-light);gap:.5rem;padding:1rem;display:flex;overflow-x:auto}.nav-item{color:var(--text-secondary);text-align:center;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{background:var(--accent-glow);color:var(--text-primary);border:1px solid var(--accent-primary)}.sidebar-content{scroll-behavior:smooth;flex:1;padding:1rem;overflow-y:auto}.placeholder-msg{color:var(--text-secondary);text-align:center;margin-top:2rem;font-size:.9rem;font-style:italic}.tab-hint{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem;line-height:1.4}.custom-file-upload{border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:center;cursor:pointer;color:var(--text-primary);background:#ffffff1a;justify-content:center;align-items:center;min-height:44px;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.custom-file-upload:hover{background:#ffffff26}.custom-file-upload input[type=file]{display:none}.reset-btn{border:1px solid var(--border-light);width:100%;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;min-height:44px;padding:.5rem;font-size:.85rem;transition:all .3s cubic-bezier(.25,1,.5,1)}.reset-btn:hover{color:#ff6b6b;border-color:#ff6b6b}.text-tab{flex-direction:column;gap:1rem;display:flex}.add-text-btn{border:1px solid var(--border-light);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:#ffffff0d;align-items:center;min-height:44px;padding:.5rem;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.add-text-btn:hover{background:var(--accent-glow);border-color:var(--accent-primary)}.add-text-btn.heading{font-size:1.25rem;font-weight:700}.add-text-btn.body{font-size:1rem;font-weight:400}.text-layers h4{color:var(--text-secondary);text-transform:uppercase;margin:1rem 0 .5rem;font-size:.85rem}.layers-tab{flex-direction:column;gap:.4rem;padding-top:.25rem;display:flex}.layers-tab-hint{color:var(--text-secondary);opacity:.65;margin-bottom:.5rem;font-size:.75rem;line-height:1.4}.layer-tile{border-radius:var(--radius-md);cursor:default;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff1a;align-items:center;gap:.6rem;padding:.55rem .6rem;transition:background .15s,border-color .15s;display:flex}.layer-tile:not(.layer-tile-locked):hover{background:#ffffff14;border-color:#fff3}.layer-tile-icon{background:#ffffff0f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;line-height:1;display:flex}.lt-icon-text{color:var(--accent-primary);background:var(--accent-glow);border:1px solid var(--accent-primary);font-family:serif;font-size:.9rem;font-weight:700}.layer-tile-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.85rem;overflow:hidden}.layer-tile-grip{cursor:grab;color:#ffffff4d;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:1rem;transition:color .15s,background .15s}.layer-tile-grip:hover{color:#fffc;background:#ffffff12}.layer-tile-locked{opacity:.5;cursor:not-allowed;border-style:dashed}.layer-tile.lt-dragging{opacity:.35;border-style:dashed}.layer-tile.lt-drop-target{border-top:2px solid var(--accent-primary);box-shadow:0 -2px 8px var(--accent-glow)}.layers-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.layers-hint{color:var(--text-secondary);opacity:.6;letter-spacing:.3px;font-size:.7rem}.layer-drag-handle{cursor:grab;color:#ffffff4d;-webkit-user-select:none;user-select:none;border-radius:4px;flex-shrink:0;align-self:flex-start;margin-top:2px;padding:4px 6px;font-size:1.1rem;line-height:1;transition:color .15s,background .15s}.layer-drag-handle:hover{color:#fffc;background:#ffffff12}.layer-drag-handle:active{cursor:grabbing}.text-layer-item.layer-dragging{opacity:.35;background:#0000000d;border:1px dashed #fff3}.text-layer-item.layer-drop-target{border-top:2px solid var(--accent-primary);box-shadow:0 -2px 8px var(--accent-glow);transition:border-top .1s,box-shadow .1s}.text-layer-item{background:#0003;border-radius:4px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.25rem;display:flex}.text-layer-item input[type=text]{color:var(--text-primary);background:0 0;border:none;flex:1;height:200px;padding:.5rem;font-family:inherit;font-size:.9rem}.text-layer-item input[type=color]{cursor:pointer;background:0 0;border:none;width:24px;height:24px}input[type=color]{border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-secondary);width:48px;height:48px;padding:0;transition:all .2s}input[type=color]:hover{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);transform:scale(1.02)}input[type=color]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:calc(var(--radius-md) - 2px);border:none}input[type=color]::-moz-color-swatch{border-radius:calc(var(--radius-md) - 2px);border:none}.delete-layer{color:#ff6b6b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 .5rem;font-size:1.25rem;line-height:1;transition:transform .2s;display:flex}.delete-layer:hover{transform:scale(1.1)}.presets-section{border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;padding-bottom:1.5rem}.presets-section h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem;font-size:.85rem}.preset-categories{gap:.5rem;margin-bottom:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.category-btn{border:1px solid var(--border-light);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;min-height:44px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex}.category-btn:hover{border-color:var(--text-primary);color:var(--text-primary);background:#ffffff0d}.category-btn.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--text-primary)}.presets-grid{scroll-behavior:smooth;grid-template-columns:repeat(3,1fr);gap:.5rem;max-height:200px;padding-right:5px;display:grid;overflow-y:auto}@keyframes listReveal{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.preset-btn{border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:#ffffff08;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:80px;padding:.75rem;transition:all .3s cubic-bezier(.25,1,.5,1);animation:linear both listReveal;animation-timeline:view();animation-range:entry 10% cover 30%;display:flex}.preset-btn:hover{border-color:var(--accent-primary);background:#ffffff1a;transform:translateY(-2px)}.preset-btn:active{transform:translateY(0)}.preset-icon{font-size:1.5rem;line-height:.5}.preset-name{color:var(--text-primary);font-size:.75rem;font-weight:500}.presets-grid::-webkit-scrollbar{width:3px}.presets-grid::-webkit-scrollbar-track{background:#ffffff05}.presets-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.presets-grid::-webkit-scrollbar-thumb:hover{background:#ffffff40}.small-presets{border-bottom:none;margin-bottom:.5rem;padding-bottom:.5rem}.color-presets-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.color-preset-btn{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;border:1px solid #fff3;transition:transform .2s,border-color .2s,box-shadow .2s}.color-preset-btn:hover{border-color:var(--text-primary);transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.text-layer-item{flex-direction:row;align-items:flex-start;gap:0;padding:.4rem .4rem .4rem 0}.layer-body{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.text-layer-item textarea{color:var(--text-primary);resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;width:100%;padding:.5rem;font-family:inherit;font-size:.9rem}.text-controls-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.font-size-input{color:var(--text-primary);border-radius:var(--radius-md);text-align:center;background:0 0;border:1px solid #fff3;width:60px;height:36px;padding:.25rem}.bold-btn{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;min-width:36px;height:36px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.bold-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.bold-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.capitalize-btn{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;min-width:36px;height:36px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.capitalize-btn:hover{border-color:var(--text-primary);color:var(--text-primary);background:#ffffff0d}.capitalize-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.folders-list{border-bottom:2px solid #32323c;margin-bottom:1rem;padding:6px}.folders-list h5{text-align:center}.template-grid h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:1.5rem;margin-bottom:.75rem;font-size:.85rem}.templates-list{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.template-btn{border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:linear both listReveal;animation-timeline:view();animation-range:entry 10% cover 30%;display:flex}.template-btn:hover{border-color:var(--accent-primary);background:#ffffff1a;transform:translateY(-4px)scale(1.02);box-shadow:0 4px 12px #0003}.template-btn.active{border-color:var(--accent-primary);background:#6366f133;box-shadow:0 0 16px #6366f173}.aspect-box{background:#ffffff0d;border:1px dashed #fff3;border-radius:4px;width:100%;transition:border-color .3s}.template-btn:hover .aspect-box{border-color:var(--accent-secondary);background:#ffffff1a}.template-btn span{color:var(--text-primary);text-align:center;font-size:.75rem;font-weight:500}.templates-list{max-height:400px;padding-top:5px;padding-right:5px;overflow-y:auto}.templates-list::-webkit-scrollbar{width:6px}.templates-list::-webkit-scrollbar-track{background:#ffffff05}.templates-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.templates-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.add-text-btn.heading{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;width:80%;margin-bottom:.2rem;font-weight:300;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #646cff4d}.add-text-btn.heading:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 6px 20px #646cff80}.add-text-btn.heading:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:20%;transition:all .5s;position:absolute;top:0;left:-100%}.add-text-btn.heading:hover:after{left:100%}.mobile-menu-toggle{display:none}@media (max-width:768px){.mobile-menu-toggle{background:var(--bg-secondary);border:1px solid var(--border-light);width:44px;height:44px;bottom:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:1001;cursor:pointer;border-radius:50%;flex-direction:column;justify-content:space-around;padding:10px;transition:all .3s;display:flex;position:fixed;left:18px;box-shadow:0 4px 12px #00000080}.mobile-menu-toggle:hover,.mobile-menu-toggle.open{background:var(--accent-primary);border-color:var(--accent-primary)}.mobile-menu-toggle .bar{background:#fff;border-radius:2px;width:100%;height:2px;transition:all .3s}.mobile-menu-toggle.open .bar:first-child{transition-delay:.1s;transform:translateY(12px)rotate(45deg)}.mobile-menu-toggle.open .bar:nth-child(2){opacity:0;transition-delay:.1s}.mobile-menu-toggle.open .bar:nth-child(3){transition-delay:.1s;transform:translateY(-8px)rotate(-45deg)}.sidebar{border-right:1px solid var(--border-light);z-index:1000;-webkit-backdrop-filter:blur(20px);background:#0a0a0afa;flex-direction:column;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:4px 0 20px #00000080;width:350px!important}.sidebar.mobile-open{transform:translate(0)}.logo{display:block}.nav-menu{border:none;border-bottom:1px solid var(--border-light);z-index:auto;background:0 0;flex-direction:row;justify-content:flex-start;height:auto;padding:1rem;position:static;overflow-x:auto}.nav-item{border-radius:var(--radius-md);flex:none;height:auto;padding:.5rem 1rem;font-size:.9rem}.nav-item.active{background:var(--accent-glow)}.sidebar-content{height:auto;box-shadow:none;pointer-events:auto;background:0 0;border:none;border-radius:0;flex:1;padding:1rem;position:static;display:block!important;transform:none!important}.sidebar-content:empty{display:block;transform:none}.presets-section{margin-bottom:1rem;padding-bottom:1rem}.presets-section h4{margin-bottom:.5rem;font-size:.9rem}.preset-categories{gap:.35rem;margin-bottom:.25rem}.category-btn{padding:.3rem .6rem;font-size:.75rem}.presets-grid{gap:.4rem;max-height:150px}.preset-btn{gap:.35rem;padding:.5rem .4rem}.preset-icon{font-size:1.2rem}.preset-name{font-size:.7rem}.text-controls-row{gap:.4rem}.bold-btn{min-width:44px;height:44px;font-size:1rem}.capitalize-btn{min-width:44px;height:44px;font-size:.95rem}.font-size-input{width:65px;height:44px;padding:.3rem;font-size:.95rem}.text-layer-item textarea{width:300px;height:100px;padding:.4rem;font-size:.85rem}.mobile-menu-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;cursor:pointer;background:#00000080;width:100vw;height:100vh;animation:.3s fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.font-select{color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;background:#8938380f;border:1px solid #ffffff26;flex:1;height:36px;padding:.3rem .5rem;font-family:inherit;font-size:.82rem}.font-select:focus{border-color:var(--accent-primary);outline:none}select{appearance:base-select}select::picker(select){appearance:base-select}select{background:#fff;border:2px solid #ccc;border-radius:8px;padding:12px 16px;font-size:16px;transition:all .2s}select:hover{background:#164567}select::picker(select){background:#1a1818;border:1px solid #ddd;border-radius:12px;padding:8px;box-shadow:0 4px 12px #00000026}select option{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;display:flex}select option:hover{background:#916a6a}select option:checked{background:#164567;font-weight:700}select ::checkmark{color:#22084c;margin-left:auto}.align-btns{gap:.25rem;display:flex}.align-btn{color:var(--text-secondary);width:30px;height:30px;min-height:unset;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;padding:0;font-size:.8rem;line-height:1;transition:all .2s;display:flex}.align-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.align-btn:hover:not(.active){border-color:var(--text-primary);color:var(--text-primary)}.image-adjustments{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;margin-top:1rem;padding:.75rem}.image-adjustments h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.8rem}.slider-row{margin-bottom:.6rem}.slider-row label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:.3rem;font-size:.8rem;display:flex}.slider-value{color:var(--accent-secondary);font-size:.75rem;font-weight:600}.slider-row input[type=range]{width:100%;height:4px;accent-color:var(--accent-primary);cursor:pointer;border-radius:2px}.crop-sidebar-controls{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.crop-enter-btn.full-width{justify-content:center;width:100%;padding:.5rem 1rem;font-size:.85rem}.crop-active-hint{color:var(--accent-primary);text-align:center;background:rgba(var(--accent-primary-rgb,0,168,255),.1);border:1px solid rgba(var(--accent-primary-rgb,0,168,255),.25);border-radius:8px;margin:0;padding:.4rem .5rem;font-size:.78rem;animation:2s ease-in-out infinite pulse-soft}.batch-controls{margin-bottom:.75rem}.batch-status-bar{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:.75rem;padding:.5rem;display:flex}.batch-status-bar span{color:var(--text-secondary);text-align:center;min-width:60px;font-size:.85rem}.batch-status-bar button{color:var(--text-secondary);width:32px;height:32px;min-height:unset;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #fff3;padding:0;font-size:1rem}.batch-status-bar button:disabled{opacity:.3;cursor:not-allowed}.batch-status-bar button:not(:disabled):hover{color:var(--text-primary);background:#ffffff1a}.design-mode-toggle{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;gap:.4rem;margin-bottom:1rem;padding:.25rem;display:flex}.mode-pill{color:var(--text-secondary);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:16px;flex:1;padding:.45rem .6rem;font-size:.82rem;font-weight:600;transition:all .18s}.mode-pill.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #6366f159}.mode-pill:not(.active):hover{color:var(--text-primary);background:#ffffff14}.template-upload-row{gap:.4rem;margin-bottom:.75rem;display:flex}.template-upload-row .custom-file-upload.small,.template-upload-row .reset-btn.small{flex:1;margin-bottom:0}.custom-file-upload.small{min-height:38px;margin-bottom:0;padding:.4rem .6rem;font-size:.82rem}.reset-btn.small{min-height:38px;padding:.4rem .5rem;font-size:.82rem}.full-width{width:100%}.scratch-panel{flex-direction:column;gap:1.25rem;display:flex}.scratch-section>h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 .6rem;font-size:.78rem}.size-presets-grid{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.size-chip{border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.55rem .4rem;transition:all .15s;display:flex}.size-chip:hover{background:#ffffff17;border-color:#ffffff40}.size-chip.active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)inset;background:#6366f126}.size-chip-label{font-size:.78rem;font-weight:600}.size-chip-desc{color:var(--text-secondary);font-size:.68rem}.bg-type-toggle{gap:.3rem;margin-bottom:.75rem;display:flex}.bg-type-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;flex:1;padding:.4rem .3rem;font-size:.75rem;font-weight:600;transition:all .15s}.bg-type-btn:hover{color:var(--text-primary);background:#ffffff17}.bg-type-btn.active{border-color:var(--accent-primary);color:var(--text-primary);background:#6366f12e}.bg-control-row{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.bg-control-row label{color:var(--text-secondary);flex-shrink:0;width:40px;font-size:.78rem}.bg-control-row input[type=range]{flex:1}.color-hex{color:var(--text-secondary);text-align:right;min-width:48px;font-family:monospace;font-size:.72rem}.bg-color-picker{cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;flex-shrink:0;width:36px;height:28px;padding:1px 2px}.bg-gradient-controls{flex-direction:column;gap:0;display:flex}.gradient-preview{border-radius:var(--radius-md);border:1px solid #ffffff1f;height:48px;margin-bottom:.75rem}.bg-image-controls{flex-direction:column;gap:.4rem;display:flex}.bg-image-preview{aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid #ffffff1a;width:100%;overflow:hidden}.bg-image-preview img{object-fit:cover;width:100%;height:100%}.logos-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.logo-insert-btn{border-radius:var(--radius-sm);cursor:pointer;aspect-ratio:16/9;background:#ffffff08;border:1px solid #ffffff14;justify-content:center;align-items:center;padding:.75rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.logo-insert-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.logo-insert-btn img{object-fit:contain;width:100%;height:100%;max-height:48px}.layer-actions-row{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.layer-lock-btn{color:var(--text-secondary);width:32px;height:32px;min-height:unset;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #ffffff26;justify-content:center;align-items:center;padding:0;font-size:.85rem;transition:all .2s;display:flex}.layer-lock-btn:hover{border-color:var(--accent-primary);background:#ffffff0f}.layer-lock-btn.active{color:#f84;background:#ff783226;border-color:#ff783266}.layer-lock-btn-tile{color:var(--text-secondary);cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.75rem;transition:all .2s}.layer-tile:hover .layer-lock-btn-tile{opacity:1}.layer-lock-btn-tile.active{opacity:1;color:#f84}.effects-controls{border-top:1px solid #ffffff0f;flex-direction:column;gap:.4rem;margin-top:.25rem;padding:.4rem 0;display:flex}.effect-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.effect-toggle-btn{color:var(--text-secondary);width:30px;height:30px;min-height:unset;border-radius:var(--radius-md);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.effect-toggle-btn:hover{border-color:var(--accent-primary);background:#ffffff1a}.effect-toggle-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.effect-inline-controls{align-items:center;gap:.35rem;animation:.2s ease-out effectSlideIn;display:flex}@keyframes effectSlideIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.effect-inline-controls input[type=color]{cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;width:26px;height:26px;padding:0}.effect-inline-controls input[type=range]{height:4px;accent-color:var(--accent-primary);cursor:pointer}.toolbar{height:var(--toolbar-height);z-index:20;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:relative}.toolbar-left{align-items:center;gap:.5rem;display:flex}.file-name{color:var(--text-primary);font-weight:500}.editable-file-name{cursor:pointer;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;padding:2px 8px;transition:background .15s}.editable-file-name:hover{background:#ffffff1a}.file-name-input{color:var(--text-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-md);min-width:160px;max-width:280px;box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff14;outline:none;padding:2px 8px;font-family:inherit;font-size:.95rem;font-weight:500;transition:box-shadow .2s}.btn-clear{color:#ff6b6b!important;border-color:#ff505059!important}.btn-clear:hover{background:#ff50501f!important;border-color:#ff5050!important}.toolbar-right{flex-wrap:wrap;gap:.75rem;display:flex}.btn-icon{color:var(--text-secondary);min-width:36px;height:36px;min-height:unset;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #ffffff26;justify-content:center;align-items:center;padding:0;font-size:1.1rem;transition:all .2s;display:flex}.btn-icon:not(:disabled):hover{color:var(--text-primary);border-color:var(--accent-primary);background:#ffffff1a}.btn-icon:disabled{opacity:.25;cursor:not-allowed}.whatsapp-btn{color:#25d366!important;border-color:#25d36666!important}.whatsapp-btn:hover{background:#25d36626!important;border-color:#25d366!important}button{cursor:pointer;border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:.5rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.btn-primary{background:var(--accent-primary);color:var(--bg-primary);box-shadow:0 4px 12px var(--accent-glow);font-weight:600}.btn-primary:hover{background:var(--accent-secondary);box-shadow:0 6px 16px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.btn-secondary:hover{border-color:var(--accent-primary);background:#ffffff26}.toolbar-template-picker-wrapper{margin:0 px;align-items:center;display:flex}.toolbar-template-dropdown{color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;outline:none;max-width:210px;padding:6px 10px;font-size:.82rem;font-weight:500;transition:all .2s}.toolbar-template-dropdown:hover{border-color:var(--accent-primary);background:#ffffff24}.toolbar-template-dropdown option,.toolbar-template-dropdown optgroup{color:#fff;background:#181926}@media (max-width:768px){.toolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;height:50px;min-height:50px;padding:.5rem .75rem}.toolbar-left{align-items:center;gap:.35rem;width:auto;display:flex}.toolbar-template-dropdown{max-width:80px;padding:3px 4px;font-size:.6rem}.file-name{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:.85rem;font-weight:600;display:block;overflow:hidden}.file-name-input{max-width:130px;font-size:.85rem}.toolbar-right{align-items:center;gap:.35rem;width:auto;display:flex}.btn-clear{padding:.35rem .6rem;font-size:.75rem}.toolbar-right button{white-space:nowrap;flex:none;height:34px;min-height:34px;padding:.35rem .65rem;font-size:.75rem}.btn-icon{flex:none;min-width:32px;height:32px;margin:0;padding:0}}.canvas-container{background:radial-gradient(circle,#1a1a1a 0%,#000 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex;position:relative;overflow:auto}.row{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.canvas-wrapper{border-radius:var(--radius-lg);z-index:1;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}#poster-canvas{aspect-ratio:1;cursor:crosshair;touch-action:none;background:#fff;max-width:100%;max-height:80vh;box-shadow:0 4px 6px #0000001a}.canvas-controls{border:1px solid var(--border-light);background:#00000080;border-radius:20px;align-items:center;gap:.75rem;margin-top:1rem;padding:.4rem .75rem;display:flex}.instruction-text{color:var(--text-secondary);margin:0;font-size:.85rem}.crop-enter-btn{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #fff3;border-radius:14px;align-items:center;gap:.3rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.crop-enter-btn:hover{background:#ffffff24;border-color:#fff6}.crop-enter-btn-reset{color:#ff6b6b;border-color:#ff6b6b4d}.crop-enter-btn-reset:hover{background:#ff6b6b1a;border-color:#ff6b6b99}.crop-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ad9;border:1px solid #ffffff1f;border-radius:22px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.45rem .8rem;animation:.18s crop-toolbar-in;display:flex}@keyframes crop-toolbar-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.crop-toolbar-hint{color:#ffffff73;white-space:nowrap;margin-right:.25rem;font-size:.75rem}.crop-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:14px;padding:.3rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s}.crop-btn-confirm{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.crop-btn-confirm:hover{filter:brightness(1.15)}.crop-btn-cancel{color:var(--text-primary);background:#ffffff12;border-color:#ffffff2e}.crop-btn-cancel:hover{background:#ffffff21}.crop-btn-reset{color:#ff6b6b;background:0 0;border-color:#ff6b6b4d}.crop-btn-reset:hover{background:#ff6b6b1a;border-color:#ff6b6b99}@media (max-width:768px){.canvas-container{justify-content:center;align-items:center;height:100%;max-height:100%;padding:.5rem;position:relative;overflow:hidden}.canvas-wrapper{aspect-ratio:auto;justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;padding:0;display:flex}canvas{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;display:block;box-shadow:0 4px 16px #00000073;width:auto!important;height:auto!important}.canvas-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;pointer-events:none;background:#000c;border-radius:16px;flex-wrap:wrap;justify-content:center;width:max-content;max-width:95%;margin:0;padding:4px 10px;font-size:.7rem;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000080}.instruction-text{text-align:center;color:#ffffffb3;width:100%;margin:0;font-size:.7rem}.crop-toolbar{z-index:100;flex-direction:column;width:max-content;max-width:95%;margin-top:0;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0009}}.layout{background-color:var(--bg-primary);width:100vw;height:100vh;color:var(--text-primary);display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.workspace-container{height:calc(100vh - var(--toolbar-height));flex-direction:column;flex:1;display:flex;overflow:hidden}.canvas-view-pane{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.mobile-studio-sheet{display:none!important}@media (max-width:768px){.layout{height:100vh;flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.main-content{height:100%;background:radial-gradient(circle,#1a1a1a 0%,#000 100%);flex-direction:column;flex:1;height:100dvh;padding:0;display:flex;overflow:hidden}.workspace-container{height:calc(100vh - 50px);flex-direction:column;flex:1;height:calc(100dvh - 50px);max-height:calc(100dvh - 50px);display:flex;position:relative;overflow:hidden}.canvas-view-pane{flex:0 0 42dvh;width:100%;height:42dvh;max-height:42dvh;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.canvas-view-pane.expanded{height:100%!important;max-height:100%!important;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;flex:100%!important}.mobile-studio-sheet{height:calc(58vh - 50px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-light);z-index:15;height:calc(58dvh - 50px);padding-bottom:env(safe-area-inset-bottom,0px);background:#0e0f17fa;border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;flex:1;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 -10px 30px #000000a6;display:flex!important}.mobile-studio-sheet.minimized{cursor:pointer;bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;-webkit-backdrop-filter:blur(20px)!important;z-index:950!important;background:#0f172af0!important;border:1px solid #6366f173!important;border-radius:24px!important;flex:none!important;justify-content:center!important;align-items:center!important;width:auto!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;left:74px!important;right:18px!important;overflow:hidden!important;box-shadow:0 8px 30px #000000bf,0 0 20px #6366f140!important}.mobile-sheet-content{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow-y:auto}.mobile-studio-sheet.minimized .mobile-sheet-content{display:none!important}.mobile-sheet-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#141827f2;border-bottom:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;align-items:center;padding:6px 14px;transition:background .2s;display:flex}.mobile-studio-sheet.minimized .mobile-sheet-header{background:0 0!important;border-bottom:none!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0 14px!important}.sheet-handle-bar{background:#ffffff40;border-radius:2px;width:44px;height:4px;margin-bottom:5px;transition:background .2s}.mobile-studio-sheet.minimized .sheet-handle-bar{display:none!important}.mobile-sheet-header:hover .sheet-handle-bar{background:#ffffff8c}.sheet-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.sheet-title-group{align-items:center;gap:2px;padding-left:10px;display:flex}.sheet-title{text-transform:uppercase;letter-spacing:.08em;color:#e2e8f0;font-size:.7rem;font-weight:700}.sheet-status-pill{color:#818cf8;background:#6366f126;border:1px solid #6366f159;border-radius:4px;padding:1px 5px;font-size:.61rem;font-weight:600}.sheet-toggle-btn{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.sheet-toggle-btn:hover{color:#fff;background:#6366f140;border-color:#6366f180}}.desktop-expand-studio-btn{z-index:100;-webkit-backdrop-filter:blur(16px);color:#e2e8f0;cursor:pointer;background:#0f172aeb;border:1px solid #6366f166;border-radius:30px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.2,.8,.2,1);animation:.3s ease-out fadeInSlideUp;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 10px 30px #00000080,0 0 20px #6366f140}.desktop-expand-studio-btn:hover{border-color:var(--accent-primary);color:#fff;background:#1e293bfa;transform:translateY(-2px)scale(1.02);box-shadow:0 14px 35px #0009,0 0 25px #6366f166}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:400px;margin:0 auto;padding:40px;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.login-header p{color:#fff9;margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#fffc;font-size:14px;font-weight:500}.form-group input{color:#fff;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;width:100%;padding:14px 16px;font-size:15px;transition:all .2s}.form-group input::placeholder{color:#fff6}.form-group input:focus{background:#ffffff1f;border-color:#4f8cff;outline:none;box-shadow:0 0 0 3px #4f8cff26}.error-message{color:#fca5a5;text-align:center;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;padding:12px 16px;font-size:14px}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f8cff 0%,#6366f1 100%);border:none;border-radius:10px;width:100%;margin-top:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #4f8cff66}.login-btn:active{transform:translateY(0)}@media (max-width:480px){.login-container{padding:16px}.login-card{border-radius:16px;padding:32px 24px}.login-header h1{font-size:24px}.login-header p{font-size:13px}.login-header{margin-bottom:24px}.login-form{gap:16px}.form-group input{padding:12px 14px;font-size:16px}.login-btn{padding:12px 20px;font-size:15px}}@media (max-height:500px){.login-container{align-items:flex-start;padding:12px;overflow-y:auto}.login-card{margin:12px auto;padding:24px 20px}.login-header{margin-bottom:16px}.login-header h1{margin-bottom:4px;font-size:22px}.login-form{gap:12px}.form-group input{padding:10px 12px}.login-btn{margin-top:4px;padding:10px 18px}}.app-container{width:100%;height:100vh}