@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";
:root{--bg-root:#07090e;--bg-panel:#0c1018;--bg-surface:#141925;--bg-hover:#1a2235;--bg-input:#111623;--border:#ffffff12;--border-mid:#ffffff1f;--border-focus:#00cfc9;--text-hi:#eef2ff;--text-mid:#8b9cbd;--text-lo:#404f6b;--blue:#004acc;--blue-soft:#004acc2e;--blue-glow:#004acc73;--cyan:#00cfc9;--cyan-soft:#00cfc924;--cyan-glow:#00cfc966;--green:#10b981;--green-glow:#10b98166;--radius-sm:6px;--radius:10px;--radius-lg:14px;--font:"Plus Jakarta Sans", system-ui, sans-serif;--mono:"DM Mono", "Fira Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:var(--bg-root);color:var(--text-hi);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}header{background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:30;flex-shrink:0;justify-content:center;align-items:center;height:58px;display:flex;position:sticky;top:0}header:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--blue) 25%, var(--cyan) 75%, transparent 100%);height:2px;position:absolute;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1500px;padding:0 1.5rem;display:flex}header h1{color:var(--text-hi);letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1rem;font-weight:700;display:flex}header h1 svg{color:var(--cyan);flex-shrink:0}.btn-album{border:1px solid var(--border-mid);border-radius:var(--radius-sm);color:var(--text-mid);font-family:var(--font);cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.btn-album:hover{border-color:var(--cyan);color:var(--cyan)}.container{flex:1;grid-template-columns:440px 1fr;width:100%;max-width:1500px;height:calc(100vh - 58px);margin:0 auto;display:grid;overflow:hidden}@media (max-width:1100px){.container{grid-template-columns:1fr;height:auto;overflow:visible}}.editor-panel{background:var(--bg-panel);border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:#ffffff0f transparent;overflow-y:auto}.editor-panel::-webkit-scrollbar{width:4px}.editor-panel::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:2px}.workflow-step{border-bottom:1px solid var(--border);padding:1.5rem 1.75rem}.workflow-step:last-child{border-bottom:none}.step-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.step-number{display:none}.step-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-lo);font-size:.7rem;font-weight:700}.step-header:before{content:"";background:linear-gradient(180deg, var(--blue), var(--cyan));border-radius:2px;flex-shrink:0;width:3px;height:14px;display:block}.workflow-step .form-group+.form-group,.workflow-step .form-row+.form-group{margin-top:.75rem}.workflow-step .sliders-panel{margin-top:.875rem}.workflow-step .checkbox-label+.btn-primary{margin-top:.75rem}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-lo);font-size:.7rem;font-weight:700}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-row{grid-template-columns:1fr 90px;align-items:end;gap:.75rem;display:grid}label{color:var(--text-mid);letter-spacing:.005em;font-size:.8rem;font-weight:600}input[type=text],input[type=number],input[type=email],select{background:var(--bg-input);border:1px solid var(--border-mid);border-radius:var(--radius-sm);width:100%;color:var(--text-hi);font-family:var(--font);-webkit-appearance:none;outline:none;padding:.65rem .875rem;font-size:.925rem;font-weight:500;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--cyan-soft)}input::placeholder{color:var(--text-lo);font-weight:400}.upload-zone{border:1.5px dashed var(--border-mid);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--bg-input);padding:1.75rem 1rem;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.upload-zone:after{content:"";background:radial-gradient(ellipse at 50% 0%, var(--cyan-soft) 0%, transparent 70%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.upload-zone:hover{border-color:var(--cyan);background:#0e1622}.upload-zone:hover:after{opacity:1}.upload-zone svg{width:1.75rem;height:1.75rem;color:var(--cyan);margin-bottom:.6rem;position:relative}.upload-zone p{color:var(--text-mid);font-size:.85rem;line-height:1.5;position:relative}.upload-zone strong{color:var(--cyan);font-weight:700}.sliders-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1rem;padding:1rem 1.125rem;display:flex}.slider-row{flex-direction:column;gap:.45rem;display:flex}.slider-header{justify-content:space-between;align-items:baseline;display:flex}.slider-header span:first-child{color:var(--text-mid);font-size:.8rem;font-weight:500}.slider-header span:last-child{font-family:var(--mono);color:var(--cyan);font-size:.75rem}input[type=range]{appearance:none;background:var(--border-mid);cursor:pointer;width:100%;height:3px;box-shadow:none;border:none;border-radius:2px;outline:none}input[type=range]:focus{box-shadow:none}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--cyan);cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .1s,box-shadow .1s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 10px var(--cyan-glow);transform:scale(1.2)}.btn-group{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.btn-group-2{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.btn-secondary{background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:var(--radius-sm);color:var(--text-mid);font-family:var(--font);cursor:pointer;padding:.5rem;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-hi);border-color:#fff3}.tag-grid{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.tag-chip{background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-family:var(--font);letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-mid);text-transform:uppercase;justify-content:center;align-items:center;padding:.55rem .4rem;font-size:.72rem;font-weight:700;transition:all .15s;display:flex}.tag-chip:hover{color:var(--text-hi);background:var(--bg-hover);border-color:#fff3}.tag-chip.active[data-tag=legend]{color:#ffe082;background:#ffe0821f;border-color:#ffe08266}.tag-chip.active[data-tag=innovation]{color:#ffe600;background:#ffe6001f;border-color:#ffe60066}.tag-chip.active[data-tag=governance]{color:#94a3b8;background:#64748b21;border-color:#64748b66}.tag-chip.active[data-tag=community]{color:#fb923c;background:#f973161f;border-color:#f9731666}.tag-chip.active[data-tag=cyber]{color:#a3e635;background:#a3e6351f;border-color:#a3e63566}.tag-chip.active[data-tag=ai]{background:var(--cyan-soft);color:var(--cyan);border-color:#00cfc966}.tag-chip.active[data-tag=founder]{color:#c084fc;background:#a855f71f;border-color:#a855f766}.tag-chip.active[data-tag=tic]{color:#38bdf8;background:#0ea5e91f;border-color:#0ea5e966}.tag-chip.active[data-tag=leadership]{color:#fb7185;background:#f43f5e1f;border-color:#f43f5e66}.btn-primary{background:var(--blue);border-radius:var(--radius);color:#fff;width:100%;font-family:var(--font);cursor:pointer;letter-spacing:.01em;box-shadow:0 4px 20px var(--blue-glow);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1rem;font-size:.9rem;font-weight:700;transition:opacity .15s,transform .1s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:#ffffff40;height:1px;position:absolute;top:0;left:0;right:0}.btn-primary:hover:not(:disabled){opacity:.9;box-shadow:0 8px 28px var(--blue-glow);transform:translateY(-1px)}.btn-primary:active{transform:none}.btn-primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary.btn-green{background:#059669;box-shadow:0 4px 20px #05966966}.btn-primary.btn-green:hover:not(:disabled){box-shadow:0 8px 28px #05966980}.btn-social{background:var(--bg-surface);border-radius:var(--radius-sm);color:var(--cyan);font-family:var(--font);cursor:pointer;letter-spacing:.02em;border:1px solid #00cfc940;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .5rem;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.btn-social:hover{background:var(--cyan-soft);border-color:var(--cyan)}.checkbox-label{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;transition:border-color .15s;display:flex}.checkbox-label:hover{border-color:var(--border-mid)}.checkbox-label input[type=checkbox]{width:18px;min-width:18px;height:18px;accent-color:var(--green);cursor:pointer;margin-top:1px}.checkbox-label span{color:var(--text-mid);font-size:.85rem;font-weight:500;line-height:1.5}.preview-panel{background:var(--bg-root);justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.preview-panel:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);pointer-events:none;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%)}.preview-panel:after{content:"";background:radial-gradient(ellipse 60% 50% at 50% 50%, var(--blue-soft) 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}.preview-inner{z-index:1;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:540px;height:100%;display:flex;position:relative}.tab-bar{border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;flex-shrink:0;gap:.2rem;padding:.2rem;display:flex}.tab-btn{border-radius:var(--radius-sm);color:var(--text-lo);font-family:var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:background .15s,color .15s}.tab-btn:hover{color:var(--text-mid)}.tab-btn.active{background:var(--blue);color:#fff;box-shadow:0 2px 10px var(--blue-glow)}.canvas-standard,.canvas-feed,.canvas-stories{border-radius:var(--radius-lg);width:auto;height:calc(100% - 3.5rem);position:relative;overflow:hidden}.canvas-standard{aspect-ratio:1125/1688;cursor:grab;max-height:680px;box-shadow:0 0 0 1px #ffffff0f, 0 32px 80px -16px #000000e6, 0 0 60px -20px var(--blue-glow)}.canvas-feed{aspect-ratio:1080/1350;max-height:680px;box-shadow:0 0 0 1px #ffffff0f, 0 32px 80px -16px #000000e6, 0 0 60px -20px var(--cyan-glow)}.canvas-stories{aspect-ratio:1080/1920;max-height:680px;box-shadow:0 0 0 1px #ffffff0f, 0 32px 80px -16px #000000e6, 0 0 60px -20px var(--cyan-glow)}.canvas-standard:active{cursor:grabbing}#stickerCanvas,#feedCanvas,#storiesCanvas{background:var(--bg-surface);width:100%;height:100%;display:block}.canvas-overlay-helper{font-family:var(--mono);color:var(--text-lo);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:#07090ed9;border-radius:99px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.65rem;display:flex;position:absolute;top:10px;right:10px}.download-divider{align-items:center;gap:.75rem;margin:1rem 0 .75rem;display:flex}.download-divider:before,.download-divider:after{content:"";background:var(--border);flex:1;height:1px}.download-divider span{color:var(--text-lo);white-space:nowrap;letter-spacing:.03em;font-size:.72rem;font-weight:500}.btn-download-secondary{border:1px solid var(--border-mid);border-radius:var(--radius-sm);width:100%;color:var(--text-mid);font-family:var(--font);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.82rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.btn-download-secondary:hover{color:var(--text-hi);background:var(--bg-hover);border-color:#fff3}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-panel);border:1px solid var(--border-mid);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:2rem;box-shadow:0 24px 80px #000c,0 0 0 1px #ffffff0a}.modal-title{color:var(--text-hi);letter-spacing:-.01em;margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.modal-desc{color:var(--text-mid);margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.modal-actions{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.modal-btn-secondary{border:1px solid var(--border-mid);border-radius:var(--radius-sm);color:var(--text-mid);font-family:var(--font);cursor:pointer;background:0 0;padding:.7rem .5rem;font-size:.85rem;font-weight:600;transition:border-color .15s,color .15s}.modal-btn-secondary:hover{color:var(--text-hi);border-color:#fff3}.modal-btn-primary{background:var(--green);border-radius:var(--radius-sm);color:#fff;font-family:var(--font);cursor:pointer;box-shadow:0 4px 16px var(--green-glow);border:none;padding:.7rem .5rem;font-size:.85rem;font-weight:700;transition:opacity .15s,box-shadow .15s}.modal-btn-primary:hover{opacity:.9;box-shadow:0 6px 22px var(--green-glow)}.album-root{background:var(--bg-root);flex-direction:column;min-height:100vh;display:flex}.album-header{background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:30;flex-shrink:0;justify-content:center;align-items:center;height:58px;display:flex;position:sticky;top:0}.album-header:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--blue) 25%, var(--cyan) 75%, transparent 100%);height:2px;position:absolute;top:0;left:0;right:0}.album-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1400px;padding:0 1.5rem;display:flex}.album-header-title{color:var(--text-hi);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.album-header-title svg{color:var(--cyan)}.album-header-cta{background:var(--blue);border-radius:var(--radius-sm);color:#fff;box-shadow:0 2px 12px var(--blue-glow);align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.album-header-cta:hover{opacity:.88}.album-hero{background:var(--bg-panel);border-bottom:1px solid var(--border)}.album-hero-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.75rem 1.5rem 1.25rem;display:flex}.album-hero-text h1{color:var(--text-hi);letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1.2}.album-hero-text h1 span{color:var(--cyan)}.album-hero-text p{color:var(--text-lo);font-size:.8rem;font-family:var(--mono);margin-top:.25rem}.album-search-wrap{flex-shrink:0;width:340px;position:relative}.album-search-wrap svg{color:var(--text-lo);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.album-search{background:var(--bg-input);border:1px solid var(--border-mid);border-radius:var(--radius-sm);width:100%;color:var(--text-hi);font-family:var(--font);outline:none;padding:.65rem .875rem .65rem 2.5rem;font-size:.875rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.album-search:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--cyan-soft)}.album-search::placeholder{color:var(--text-lo)}.album-filters-wrap{border-top:1px solid var(--border)}.album-filters-inner{flex-wrap:wrap;align-items:center;gap:.875rem;max-width:1400px;margin:0 auto;padding:.875rem 1.5rem;display:flex}.album-filters-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-lo);flex-shrink:0;font-size:.7rem;font-weight:700}.album-filters{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.album-filter-chip{background:var(--bg-surface);border:1px solid var(--border-mid);font-family:var(--font);letter-spacing:.04em;color:var(--text-mid);cursor:pointer;text-transform:uppercase;border-radius:99px;padding:.35rem .75rem;font-size:.72rem;font-weight:700;transition:all .15s}.album-filter-chip:hover:not(.active){color:var(--text-hi);border-color:#fff3}.album-filter-clear{border:1px dashed var(--border-mid);font-family:var(--font);color:var(--text-lo);cursor:pointer;background:0 0;border-radius:99px;padding:.35rem .75rem;font-size:.72rem;font-weight:600;transition:all .15s}.album-filter-clear:hover{color:var(--text-hi);border-color:#fff3}.album-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.album-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.5rem;display:grid}.album-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.album-card:hover{box-shadow:0 20px 40px -12px #000000b3, 0 0 30px -10px var(--cyan-glow);border-color:#00cfc94d;transform:translateY(-5px)}.album-card-img{aspect-ratio:1125/1688;background:var(--bg-surface);width:100%;overflow:hidden}.album-card-img img{object-fit:cover;width:100%;height:100%;display:block}.album-card-body{flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}.album-card-info{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.album-card-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.album-card-text strong{color:var(--text-hi);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.album-card-text span{color:var(--text-lo);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.album-card-number{font-family:var(--mono);color:var(--cyan);flex-shrink:0;font-size:.9rem;font-weight:500}.album-card-tags{flex-wrap:wrap;gap:.3rem;display:flex}.album-card-tag{letter-spacing:.04em;border-radius:4px;padding:.2rem .45rem;font-size:.58rem;font-weight:700}.album-state{color:var(--text-lo);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.album-state p{font-size:.9rem}.album-spinner{border:3px solid #ffffff12;border-top-color:var(--cyan);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.album-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-lo);font-size:.75rem;font-family:var(--mono);padding:1.25rem}.album-wip{background:var(--bg-root);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100vh;padding:2rem;display:flex}.album-wip h1{color:var(--text-hi);letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.album-wip p{color:var(--text-mid);max-width:380px;font-size:.95rem;line-height:1.7}.album-wip-btn{background:var(--blue);color:#fff;border-radius:var(--radius);box-shadow:0 4px 20px var(--blue-glow);align-items:center;margin-top:.5rem;padding:.7rem 1.5rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.submit-status{text-align:center;font-size:.78rem;font-family:var(--mono);margin-top:.35rem}