:root{--bg:#f3f5f6;--surface:#ffffff;--surface-2:#eaf0f1;--ink:#1d2a2e;--muted:#5f7076;--line:#d5dfe2;--brand:#0e4a40;--brand-2:#13584c;--brand-soft:#0e4a4014;--accent:#d9772f;--on:#ffffff;--focus:#1f7a6a;--glass:#ffffffeb;--shadow:0 16px 48px #10302a14;--tuval:#000;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1517;--surface:#142023;--surface-2:#182629;--ink:#e3ebed;--muted:#9fb1b8;--line:#28393e;--brand:#7cc8d6;--brand-2:#5bb3c2;--brand-soft:#7cc8d61f;--accent:#f08a4b;--on:#0d1517;--focus:#9ddbe6;--glass:#142023f0;--shadow:0 16px 48px #00000066;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d1517;--surface:#142023;--surface-2:#182629;--ink:#e3ebed;--muted:#9fb1b8;--line:#28393e;--brand:#7cc8d6;--brand-2:#5bb3c2;--brand-soft:#7cc8d61f;--accent:#f08a4b;--on:#0d1517;--focus:#9ddbe6;--glass:#142023f0;--shadow:0 16px 48px #00000066;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{overflow-y:auto}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[hidden]{display:none!important}.studio{position:relative;max-width:1180px;margin:0 auto;padding:18px 16px 32px;isolation:isolate}body .studio{height:auto;min-height:calc(100dvh - var(--eh-bar-h))}.identity{padding-right:110px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}h1{font-weight:400;font-size:30px;letter-spacing:-.5px;margin:8px 0 4px}.meta{font-size:13px;color:var(--muted);margin:0}.top-actions{position:absolute;top:18px;right:16px;display:flex;gap:8px}.pill{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:14px;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.pill:hover{background:var(--brand-soft)}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.giris{margin-top:22px;padding:26px 24px;text-align:center;border:2px dashed var(--line);transition:border-color .15s,background .15s}.giris.surukle{border-color:var(--brand);background:var(--brand-soft)}.giris h2{font-weight:400;font-size:22px;margin:0 0 10px}.guvence{font-size:15px;line-height:1.6;margin:0 auto 18px;max-width:640px}.guvence strong{color:var(--brand)}.secim{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid var(--brand);border-radius:8px;background:var(--surface);color:var(--brand);font-weight:600;cursor:pointer;font-size:15px}.btn.primary{background:var(--brand);color:var(--on)}.btn:hover{filter:brightness(1.08)}.btn:focus-within,.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ipucu{font-size:13.5px;line-height:1.6;color:var(--muted);max-width:640px;margin:16px auto 0}.ipucu code{font-size:12.5px;background:var(--surface-2);color:var(--ink);padding:1px 5px;border-radius:4px}.durum{min-height:22px;margin:12px 0 0;font-size:14px;color:var(--brand)}.durum.hata{color:#c0392b}:root[data-theme=dark] .durum.hata{color:#f5a3a3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .durum.hata{color:#f5a3a3}}.goruntu{margin-top:14px}.tuval{position:relative;width:100%;height:min(68dvh,720px);min-height:300px;background:var(--tuval);border-radius:12px;overflow:hidden;border:1px solid var(--line)}.tuval canvas{display:block;width:100%;height:100%}.jest{position:absolute;inset:0;touch-action:none;cursor:ns-resize;user-select:none;-webkit-user-select:none}.jest[data-mod=pencere]{cursor:crosshair}.jest[data-mod=yakin]{cursor:grab}.jest.tutuyor{cursor:grabbing}.jest:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.rozet{position:absolute;left:10px;bottom:8px;font-size:12px;color:#fff;background:#00000080;padding:4px 8px;border-radius:6px;pointer-events:none;font-variant-numeric:tabular-nums}.kaydirici{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:14px}.kaydirici label{min-width:130px;color:var(--muted);font-variant-numeric:tabular-nums}.kaydirici input{flex:1;accent-color:var(--brand);height:28px}.arac{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px}.grup{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.grup button,.grup select{min-height:40px;padding:8px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:14px}.grup button:hover{background:var(--brand-soft)}.grup button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on)}.grup select{padding-right:8px;max-width:260px}.bilgi{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px;margin:14px 0 0;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:13.5px}.bilgi div{display:flex;flex-direction:column;gap:2px}.bilgi dt{color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.bilgi dd{margin:0;font-variant-numeric:tabular-nums}.not{font-size:13px;color:var(--muted);line-height:1.6;margin:14px 0 0}.modal{position:fixed;inset:0;background:#0d151780;display:grid;place-items:center;z-index:50;padding:16px}.modal-card{position:relative;max-width:520px;padding:30px;font-size:14.5px;line-height:1.7;color:var(--ink);max-height:90dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.modal-card h2{font-weight:400;font-size:24px;margin:8px 0}.modal-card h3{font-size:16px;margin:16px 0 4px}.modal-card a{color:var(--brand)}.close{position:absolute;top:10px;right:10px;border:0;background:none;font-size:16px;color:var(--muted);padding:8px 10px;min-width:40px;min-height:40px}@media (max-width:767px){.studio{padding:12px 12px 24px}.identity{padding-right:100px}h1{font-size:23px;line-height:1.15}.meta{display:none}.top-actions{top:12px;right:12px}.giris{padding:20px 14px}.tuval{height:min(60dvh,560px)}.kaydirici label{min-width:0;font-size:13px}.grup button,.grup select{padding:8px 10px;font-size:13.5px}.bilgi{grid-template-columns:repeat(2,1fr);font-size:13px}}