*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:"PT Serif",serif;font-style:italic;font-weight:400;background:#0d0d0f;color:#e8e6e1;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:4rem 2rem 2rem}.page{max-width:680px;width:100%}.header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.title-block h1{font-family:"PT Serif",serif;font-size:2.4rem;font-weight:800;font-style:normal;letter-spacing:-.03em;color:#f0ede8}.title-block p{font-size:.95rem;color:#7a7870;margin-top:.3rem}.socials{display:flex;gap:.6rem;margin-left:auto}.social-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:.5px solid #2a2a2e;background:#17171a;color:#a09d97;text-decoration:none;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.social-btn:hover{border-color:#4a4a52;color:#f0ede8}.divider{border:none;border-top:.5px solid #2a2a2e;margin-bottom:2.5rem}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.nav-card{display:flex;flex-direction:column;padding:1.1rem 1.25rem;background:#17171a;border:.5px solid #2a2a2e;border-radius:12px;text-decoration:none;transition:border-color .15s,background .15s}.nav-card:hover{border-color:#4a4a52;background:#1e1e22}.nav-card .label{font-family:"PT Serif",serif;font-style:normal;font-weight:700;font-size:1rem;color:#f0ede8}.nav-card .desc{font-size:.8rem;color:#5a5855;margin-top:.2rem}.content{display:flex;flex-direction:column;gap:1rem}.action-btn{align-self:flex-start;padding:.6rem 1.2rem;border-radius:10px;border:.5px solid #2a2a2e;background:#17171a;color:#f0ede8;font-family:"PT Serif",serif;font-weight:700;font-style:normal;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.action-btn:hover:enabled{border-color:#4a4a52;background:#1e1e22}.action-btn:disabled{cursor:not-allowed;color:#7a7870}.result-textarea{width:100%;min-height:180px;resize:vertical;padding:.75rem;border-radius:12px;border:.5px solid #2a2a2e;background:#121215;color:#e8e6e1;font-family:"PT Serif",serif;font-size:.95rem}.result-key{font-weight:700;color:#f0ede8}.result-value{color:#7a7870;margin-left:.5rem}.error-text{color:#d58c8c;font-size:.9rem}