:root{--zemin: #f6f5f1;--kart: #ffffff;--yazi: #1d1d1b;--soluk: #6b6a65;--cizgi: #dddbd3;--vurgu: #b3261e;--vurgu-yazi: #ffffff;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--zemin: #171716;--kart: #22221f;--yazi: #ecebe6;--soluk: #9a9890;--cizgi: #3a3934;--vurgu: #e5534b}}*{box-sizing:border-box}body{margin:0;background:var(--zemin);color:var(--yazi)}main{max-width:1100px;margin:0 auto;padding:32px 16px}h1{margin:0 0 4px;font-size:1.8rem;letter-spacing:-.02em}header p{margin:0 0 24px;color:var(--soluk)}.islemler{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}button{font:inherit;font-size:.95rem;cursor:pointer;padding:8px 14px;border-radius:8px;border:1px solid var(--cizgi);background:var(--kart);color:var(--yazi);transition:border-color .15s,background .15s}button:hover{border-color:var(--vurgu)}button.aktif,#kopyala{background:var(--vurgu);border-color:var(--vurgu);color:var(--vurgu-yazi)}button.ikincil{background:transparent}.secenek{display:inline-flex;gap:8px;align-items:center;color:var(--soluk);font-size:.9rem;margin-bottom:16px}.alanlar{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 760px){.alanlar{grid-template-columns:1fr}}.alan{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:12px;display:flex;flex-direction:column}.alan-ust{display:flex;justify-content:space-between;font-size:.85rem;color:var(--soluk);margin-bottom:8px}.alan-alt{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}textarea{width:100%;min-height:320px;resize:vertical;font:inherit;font-size:1rem;line-height:1.5;border:none;outline:none;background:transparent;color:var(--yazi)}#bildirim{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--yazi);color:var(--zemin);padding:8px 16px;border-radius:8px;opacity:0;transition:.2s;pointer-events:none}#bildirim.gorunur{opacity:1;transform:translate(-50%)}
