@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Fira+Code&display=swap";.footer-glass{background:#14141499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);color:#f0f0f0;padding:30px 15px;font-family:Inter,sans-serif;font-size:14px;margin-top:60px}.footer-container{max-width:1140px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.footer-branding .footer-title{font-size:20px;font-weight:600;margin-bottom:5px}.footer-branding .footer-subtitle{font-size:14px;opacity:.85}.footer-links{display:flex;gap:25px;flex-wrap:wrap;justify-content:center}.footer-links a{color:#b0c4ff;text-decoration:none;font-weight:500;transition:color .25s ease}.footer-links a:hover{color:#fff}.footer-copy{font-size:12px;opacity:.6}:root{--vscode-blue: #007acc;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .15);--dark-bg: #1e1e2f;--light-bg: #f4f4f6;--font-main: "Inter", sans-serif;--font-code: "Fira Code", monospace;--radius: 12px;--shadow: 0 4px 20px rgba(0, 0, 0, .2)}body{margin:0;font-family:var(--font-main);transition:background .3s ease}.app.dark{background:var(--dark-bg);color:#fff}.app.light{background:var(--light-bg);color:#111}main{display:flex;gap:16px;padding:20px}.sidebar{width:300px;display:flex;flex-direction:column;gap:16px}.content{flex:1;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:all .3s ease;animation:fadeIn .5s ease;overflow:auto;max-height:80vh}button,.upload-btn{background:var(--vscode-blue);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius);cursor:pointer;transition:background .3s ease;font-weight:600}button:hover{background:#005a9e}.glass-box{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;animation:fadeInUp .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){main{flex-direction:column}.sidebar{width:100%}.content{max-height:unset}}@media (max-width: 768px){.content,.sidebar{padding:16px}button,.upload-btn{width:100%;padding:12px;font-size:15px}.glass-box{padding:14px}}@media (max-width: 480px){main{padding:16px 12px;gap:12px}.content{padding:14px}.glass-box{padding:12px}.footer-glass{padding:24px 12px}.footer-links{flex-direction:column;gap:10px}.footer-branding .footer-title{font-size:18px}.footer-copy{font-size:11px}}.mobile-notice{display:none}@media only screen and (max-width: 768px){.mobile-notice{display:flex;height:100vh;width:100vw;background:#0f111a;color:#fff;justify-content:center;align-items:center;text-align:center;padding:24px;font-family:Inter,sans-serif}.notice-content{max-width:440px;background:#ffffff0a;padding:32px;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 28px #00000059;animation:fadeInZoom .5s ease}.notice-header h1{font-size:1.8rem;margin-bottom:12px}.tagline{font-size:1rem;font-weight:500;margin-bottom:8px;color:silver}.powered{margin-top:20px;font-size:.9rem;color:#aaa}.desktop-suggestion{margin-top:16px;font-size:1rem;font-weight:600;color:#00bfff;background:#ffffff14;padding:10px 16px;border-radius:10px;display:inline-block}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}