:root{--bg-color:#0d1117;--panel-bg:#ffffff08;--panel-border:#ffffff14;--panel-bg-hover:#ffffff0f;--panel-border-hover:#ffffff26;--text-primary:#f0f6fc;--text-secondary:#8b949e;--accent-cyan:#00d4ff;--accent-blue:#1e3a8a;--accent-purple:#8a2be2;--accent-primary:var(--accent-cyan);--accent-secondary:var(--accent-purple);--accent-tertiary:#3fb950;--gradient-1:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue), var(--accent-purple));--gradient-2:linear-gradient(135deg, #ff7b72, #ffa657);--gradient-3:linear-gradient(135deg, #3fb950, #2ea043);--shadow-sm:0 4px 6px #0000001a;--shadow-md:0 8px 15px #0003;--shadow-lg:0 20px 25px -5px #0006, 0 10px 10px -5px #0003;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#58a6ff0a 0%,#0000 40%),radial-gradient(circle at 85% 30%,#bc8cff0a 0%,#0000 40%);background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 20px;display:flex}.app-header{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);z-index:100;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:40px;padding:16px 24px;display:flex;position:sticky;top:20px}.logo-container{align-items:center;gap:12px;display:flex}.main-nav .nav-link{color:var(--text-secondary);font-weight:500;transition:color .2s}.main-nav .nav-link:hover{color:var(--text-primary)}.main-content{flex:1;width:100%}.app-footer{text-align:center;color:var(--text-secondary);padding:40px 0 24px;font-size:.9rem}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel.interactive:hover{background:var(--panel-bg-hover);border-color:var(--panel-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.text-gradient{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h1,h2,h3{letter-spacing:-.02em;font-weight:700}.page-title{margin-bottom:8px;font-size:2.5rem}.page-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.glass-input{border:1px solid var(--panel-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;background:#0000004d;padding:16px;font-family:Fira Code,Consolas,monospace;font-size:14px;transition:all .2s}.glass-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #58a6ff33}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--panel-border-hover)}.btn-primary{background:var(--gradient-1);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{border:1px solid var(--panel-border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--panel-border-hover);background:#ffffff1a}.tool-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.tool-actions{gap:12px;display:flex}