*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;margin:0;padding:0;position:fixed;top:0;left:0}#app{height:100vh;height:100dvh;height:-webkit-fill-available;width:100vw;overflow:hidden;margin:0;padding:0;position:fixed;top:0;left:0}.app{width:100vw;height:100vh;height:100dvh;height:-webkit-fill-available;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;color:#fff;position:relative;margin:0;padding:0;overflow:hidden}.btn{border:none;padding:16px 32px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;min-width:120px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#51cf66;color:#fff}.btn-primary:hover{background:#40c057}.btn-secondary{background:#ffd43b;color:#333}.btn-secondary:hover{background:#fab005}.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.card{background:#ffffff26;border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.2)}.card:hover{background:#fff3;transition:background .2s ease}@media (min-width: 769px){.app{min-height:100vh}}@media (max-width: 480px){.btn{font-size:1rem;padding:14px 28px}}@media (max-width: 768px){html,body,#app,.app{height:100vh;height:100dvh;overflow:hidden}}.home[data-v-fdf30992]{width:100vw;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;margin:0}.header[data-v-fdf30992]{text-align:center;margin-bottom:40px;flex-shrink:0}.header h1[data-v-fdf30992]{font-size:3rem;font-weight:700;margin-bottom:16px;color:#fff}.subtitle[data-v-fdf30992]{font-size:1.2rem;color:#fffc;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.tools-container[data-v-fdf30992]{flex:1;display:flex;justify-content:center;align-items:flex-start;width:100%;margin:0 auto}.empty-state[data-v-fdf30992]{text-align:center;max-width:600px;padding:40px}.empty-icon[data-v-fdf30992]{font-size:4rem;margin-bottom:24px}.empty-state h2[data-v-fdf30992]{font-size:2rem;margin-bottom:16px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.empty-state p[data-v-fdf30992]{font-size:1.1rem;color:#fffc;margin-bottom:32px;line-height:1.6}.getting-started[data-v-fdf30992]{background:#ffffff26;border-radius:12px;padding:24px;text-align:left;margin-top:32px;border:1px solid rgba(255,255,255,.2)}.getting-started h3[data-v-fdf30992]{margin-bottom:16px;color:#ffd43b;font-size:1.3rem}.getting-started p[data-v-fdf30992]{margin-bottom:12px;font-size:1rem}.getting-started ol[data-v-fdf30992]{margin-left:20px;color:#ffffffe6}.getting-started ol li[data-v-fdf30992]{margin-bottom:8px;line-height:1.5}.getting-started code[data-v-fdf30992]{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,monospace;color:#ffd43b;font-size:.9rem}.tools-grid[data-v-fdf30992]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;width:100%}.tool-card[data-v-fdf30992]{background:#ffffff26;border-radius:12px;padding:32px 24px;text-decoration:none;color:#fff;transition:all .2s ease;text-align:center;position:relative;border:1px solid rgba(255,255,255,.2);cursor:pointer}.tool-card[data-v-fdf30992]:hover{background:#ffffff40;transform:translateY(-2px)}.tool-card.coming-soon[data-v-fdf30992]{opacity:.7;cursor:not-allowed}.tool-card.coming-soon[data-v-fdf30992]:hover{transform:none;background:#ffffff26}.tool-icon[data-v-fdf30992]{font-size:3rem;margin-bottom:16px}.tool-name[data-v-fdf30992]{font-size:1.5rem;font-weight:600;margin-bottom:12px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.coming-soon-badge[data-v-fdf30992]{position:absolute;top:12px;right:12px;background:#ffd43b;color:#333;padding:4px 12px;border-radius:8px;font-size:.8rem;font-weight:600}.footer[data-v-fdf30992]{text-align:center;padding:24px 0;color:#fff9;font-size:.9rem;margin-top:auto;flex-shrink:0}@media (max-width: 768px){.home[data-v-fdf30992]{padding:16px}.header h1[data-v-fdf30992]{font-size:2.5rem}.subtitle[data-v-fdf30992]{font-size:1.1rem}.tools-grid[data-v-fdf30992]{grid-template-columns:1fr;gap:16px}.empty-state[data-v-fdf30992]{padding:24px}.getting-started[data-v-fdf30992]{padding:20px}}@media (max-width: 480px){.header h1[data-v-fdf30992]{font-size:2rem}.tool-card[data-v-fdf30992]{padding:24px 20px}.tool-icon[data-v-fdf30992]{font-size:2.5rem}.tool-name[data-v-fdf30992]{font-size:1.3rem}}@media (orientation: landscape) and (max-height: 600px){.home[data-v-fdf30992]{padding:16px}.header[data-v-fdf30992]{margin-bottom:24px}.header h1[data-v-fdf30992]{font-size:2rem;margin-bottom:8px}.subtitle[data-v-fdf30992]{font-size:1rem}}@media (min-width: 1024px){.home[data-v-fdf30992]{padding:40px 60px}.header h1[data-v-fdf30992]{font-size:3.5rem}.empty-state[data-v-fdf30992]{max-width:700px;padding:60px 40px}}@media (min-width: 1440px){.home[data-v-fdf30992]{padding:60px 80px}}