.header{position:fixed;top:0;left:0;width:100%;height:80px;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(99,102,241,.2);z-index:100;display:flex;align-items:center;justify-content:center}.header-content{display:flex;align-items:center;gap:1rem;max-width:1400px;width:100%;padding:0 2rem}.header-logo{color:#6366f1;display:flex;align-items:center;justify-content:center}.header-text h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-text p{font-size:.875rem;color:#94a3b8;margin:0}@media (max-width: 768px){.header-text h1{font-size:1.25rem}.header-text p{font-size:.75rem}.header-content{padding:0 1rem}}.home-page{width:100%;min-height:100vh;position:relative;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);overflow-x:hidden}.home-container{position:relative;width:100%;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding-top:80px}.home-content{background:#0f0f19b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;border:1px solid rgba(99,102,241,.2);box-shadow:0 20px 60px #00000080}.home-header{text-align:center;margin-bottom:3rem}.home-header h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.home-header p{color:#94a3b8;font-size:1.2rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.category-card{position:relative;background:#1e1e2d99;border:2px solid rgba(99,102,241,.3);border-radius:20px;padding:2.5rem;cursor:pointer;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:200px;justify-content:center}.category-card:hover{border-color:#6366f1;box-shadow:0 10px 40px #6366f166}.category-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f133,#8b5cf633);pointer-events:none}.category-icon{color:#6366f1;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.category-emoji{font-size:3.5rem;line-height:1;display:block;filter:drop-shadow(0 4px 8px rgba(99,102,241,.3))}.category-emoji-inline{font-size:1.5rem;margin-right:.5rem;vertical-align:middle}.category-card h3{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:#fff}.file-count{color:#94a3b8;font-size:1rem;margin-bottom:1rem}.category-arrow{color:#6366f1;margin-top:.5rem;opacity:.7}@media (max-width: 768px){.home-content{padding:2rem 1.5rem}.home-header h1{font-size:2rem}.categories-grid{grid-template-columns:1fr;gap:1.5rem}.category-card{padding:2rem;min-height:180px}}.category-page{width:100%;min-height:100vh;position:relative;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);overflow-x:hidden}.category-container{position:relative;width:100%;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding-top:80px}.category-content{background:#0f0f19b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2.5rem;border:1px solid rgba(99,102,241,.2);box-shadow:0 20px 60px #00000080}.category-nav{display:flex;gap:1rem;margin-bottom:2rem}.nav-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:12px;color:#a5b4fc;text-decoration:none;font-weight:500;transition:all .2s ease;cursor:pointer}.nav-button:hover{background:#6366f166;border-color:#6366f1;transform:translateY(-2px)}.back-button{margin-left:auto}.category-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(99,102,241,.2)}.category-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.category-emoji-header{font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(99,102,241,.3));display:inline-block;line-height:1}.category-header p{color:#94a3b8;font-size:1.1rem}.files-list{display:flex;flex-direction:column;gap:1rem}.file-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#1e1e2d80;border-radius:16px;border:1px solid rgba(99,102,241,.1);cursor:pointer;transition:all .2s ease}.file-item:hover{background:#6366f11a;border-color:#6366f1}.file-icon-wrapper{color:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-icon{width:28px;height:28px}.file-info{flex:1;min-width:0}.file-info h4{font-size:1.1rem;font-weight:500;color:#fff;margin-bottom:.25rem;word-break:break-word}.file-info p{font-size:.9rem;color:#94a3b8}.download-btn{background:#6366f133;border:none;color:#a5b4fc;width:44px;height:44px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none;flex-shrink:0}.download-btn:hover{background:#6366f1;color:#fff}.empty-category{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center}.empty-icon{color:#6366f1;opacity:.5;margin-bottom:1.5rem}.empty-category h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem}.empty-category p{font-size:1.1rem;color:#94a3b8}.preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.preview-content{background:#0f0f19f2;border-radius:24px;padding:2rem;max-width:500px;width:100%;border:1px solid rgba(99,102,241,.3);box-shadow:0 20px 60px #00000080}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.preview-header h3{font-size:1.5rem;font-weight:600;color:#fff;word-break:break-word}.preview-header button{background:#6366f133;border:none;color:#a5b4fc;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.preview-header button:hover{background:#6366f166}.preview-body{text-align:center}.preview-icon-large{color:#6366f1;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.preview-icon-large .file-icon{width:64px;height:64px}.preview-body p{color:#94a3b8;margin-bottom:.5rem;font-size:1rem}.preview-download-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.75rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:500;margin-top:1.5rem;transition:all .2s ease}.preview-download-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #6366f166}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem;text-align:center}.error-container h2{font-size:2rem;color:#fff;margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:12px;color:#a5b4fc;text-decoration:none;font-weight:500;transition:all .2s ease}.back-link:hover{background:#6366f166;border-color:#6366f1}@media (max-width: 768px){.category-content{padding:1.5rem}.category-header h1{font-size:2rem}.category-nav{flex-wrap:wrap}.back-button{margin-left:0;width:100%;justify-content:center}.file-item{padding:1rem}.file-info h4{font-size:1rem}}.app{width:100%;min-height:100vh;position:relative;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);overflow-x:hidden}.app-container{position:relative;width:100%;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.content-overlay{position:relative;z-index:10;width:100%;max-width:1400px;padding:2rem;margin:0 auto}@media (max-width: 768px){.content-overlay{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;overflow-x:hidden}#root{width:100%;min-height:100vh}