:root{--bg:#f9fafb;--kart:#ffffff;--yazi:#111827;--soluk:#6b7280;--cizgi:#e5e7eb;--vurgu:#0f172a;--ok:#10b981;--hata:#ef4444;--uyari:#f59e0b;--mavi:#3b82f6;--mor:#8b5cf6}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#030712;--kart:#111827;--yazi:#f9fafb;--soluk:#9ca3af;--cizgi:#374151;--vurgu:#e5e7eb;--ok:#10b981;--hata:#ef4444;--uyari:#f59e0b;--mavi:#3b82f6;--mor:#8b5cf6}}
:root[data-theme=dark]{--bg:#030712;--kart:#111827;--yazi:#f9fafb;--soluk:#9ca3af;--cizgi:#374151;--vurgu:#e5e7eb;--ok:#10b981;--hata:#ef4444;--uyari:#f59e0b;--mavi:#3b82f6;--mor:#8b5cf6}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--yazi);font:15px/1.55 Inter,"Helvetica Neue",Arial,system-ui,sans-serif;letter-spacing:-.02em}
a{color:var(--vurgu)}code,pre{font:13px/1.5 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}pre{white-space:pre-wrap;background:var(--bg);border:2px solid var(--cizgi);border-radius:0;padding:6px 8px;border-radius:6px;margin:4px 0}
header.ust{padding:14px 16px 6px;max-width:1400px;margin:0 auto}header.ust h1{margin:0;font-size:22px}header.ust p{margin:4px 0;color:var(--soluk)}
.canli{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--soluk)}.canli button{font:inherit;padding:4px 10px;border:1px solid var(--cizgi);background:var(--kart);color:var(--yazi);border-radius:6px;cursor:pointer}
main{max-width:1400px;margin:0 auto;padding:0 16px 32px}
.cerceve{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"secili dokuma sonraki" "engel dokuma sonraki" "durum devir sonraki"}
.p{background:var(--kart);border:2px solid var(--cizgi);border-radius:0;padding:12px 14px;min-width:0}.p h2{margin:0 0 8px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-family:"Roboto Condensed","Barlow Condensed","Arial Narrow",sans-serif;font-stretch:condensed;color:var(--vurgu)}
.p-secili{grid-area:secili}.p-durum{grid-area:durum}.p-dokuma{grid-area:dokuma;margin:0;display:flex;flex-direction:column;gap:6px}.p-engel{grid-area:engel}.p-sonraki{grid-area:sonraki}.p-atki{grid-area:atki}.p-devir{grid-area:devir}
canvas#dokuma{width:100%;flex:1;min-height:300px;background:var(--bg);border-radius:0;border:2px solid var(--cizgi);display:block}
.rozet{display:inline-block;font-size:12px;padding:1px 7px;border-radius:0;border:2px solid currentColor;white-space:nowrap}
.r-ok,.r-dogrulandi{color:var(--ok)}.r-hata{color:var(--hata)}.r-yapildi{color:var(--mavi)}.r-oneri{color:var(--uyari)}.r-onayli{color:var(--vurgu)}.r-inceleme,.r-belirsiz{color:var(--mor)}
.duz{list-style:none;padding:0;margin:6px 0;display:flex;flex-wrap:wrap;gap:6px 12px}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:6px 0}.kv dt{color:var(--soluk)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}
.hareket{padding-left:20px;margin:4px 0;font-size:13px}.hareket li{margin:0 0 3px}.p h3{margin:10px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.is-kimlik{font-size:17px;margin:0 0 4px}.hedef{margin:4px 0 8px}.adim{padding-left:20px;margin:0}.adim li{margin:0 0 8px}
.tablo{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}caption{text-align:left;color:var(--soluk);font-size:12px;padding-bottom:6px}th,td{border-bottom:1px solid var(--cizgi);padding:4px 6px;text-align:left;vertical-align:top}
tr.serbest td{color:var(--soluk)}tr.secili{outline:2px solid var(--vurgu);outline-offset:-2px}.e-kaynak{color:var(--hata)}.isler{margin-top:12px}.isler h2{font-size:15px;color:var(--vurgu)}

@media (max-width:980px){.cerceve{grid-template-columns:minmax(0,1fr);grid-template-areas:"secili" "sonraki" "engel" "dokuma" "durum" "devir"}}