/* Schärfentiefe-Rechner (BS-100) — alle Regeln auf .dof gescopt, KEIN globales body/:root-Override
   (sonst kollidieren generische Selektoren label/select/.bar/.hint mit der Foto-styles.css). */
.dof{--bg:#0a0a0a;--card:#141414;--text:#f4f2ee;--muted:#8d8a85;--gold:#c9a86a;--gold2:#e7d3a1;--line:rgba(201,168,106,.20);
  max-width:720px;margin:0 auto;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--text);font-family:'Inter',sans-serif;}
.dof *{box-sizing:border-box;}
.dof h2{font-family:'Cinzel',serif;font-size:18px;letter-spacing:.5px;color:var(--gold2);margin:0;}
.dof .head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid rgba(201,168,106,.18);padding-bottom:12px;margin-bottom:18px;}
.dof .sub{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--muted);font-size:15px;}
.dof .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;margin-bottom:18px;}
.dof label{display:block;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.dof select{width:100%;background:var(--card);color:var(--text);border:1px solid rgba(201,168,106,.25);border-radius:8px;height:38px;padding:0 10px;accent-color:var(--gold);font-family:'Inter',sans-serif;font-size:14px;}
.dof input[type=range]{width:100%;accent-color:var(--gold);height:24px;}
.dof .field{margin-bottom:16px;}
.dof .ctl{display:flex;align-items:center;gap:12px;}
.dof .ctl input[type=range]{flex:1;}
.dof .num{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;}
.dof .spin{display:inline-flex;align-items:stretch;height:38px;background:var(--card);border:1px solid rgba(201,168,106,.25);border-radius:8px;overflow:hidden;}
.dof .spin:focus-within{border-color:var(--gold);}
.dof .spin input[type=number]{-moz-appearance:textfield;appearance:textfield;width:62px;height:100%;border:none;background:transparent;color:var(--text);font-family:'Inter',sans-serif;font-size:14px;text-align:right;padding:0 12px 0 10px;}
.dof .spin input[type=number]::-webkit-outer-spin-button,.dof .spin input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.dof .spin input[type=number]:focus{outline:none;}
.dof .spin .btns{display:flex;flex-direction:column;width:24px;border-left:1px solid rgba(201,168,106,.18);}
.dof .spin .btns button{flex:1;border:none;background:transparent;color:var(--gold2);cursor:pointer;font-size:8px;line-height:1;padding:0;font-family:'Inter',sans-serif;}
.dof .spin .btns button:hover{background:rgba(201,168,106,.18);}
.dof .spin .btns button:first-child{border-bottom:1px solid rgba(201,168,106,.14);}
.dof .spin .btns button:active{background:var(--gold);color:#1a1408;}
.dof .presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.dof .chip{background:transparent;color:var(--gold2);border:1px solid rgba(201,168,106,.30);border-radius:7px;padding:5px 10px;font-size:12px;font-family:'Inter',sans-serif;cursor:pointer;transition:background .15s;}
.dof .chip:hover{background:rgba(201,168,106,.14);}
.dof .chip.on{background:var(--gold);color:#1a1408;border-color:var(--gold);}
.dof .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:20px 0 6px;}
.dof .stat{background:var(--card);border:1px solid rgba(201,168,106,.14);border-radius:10px;padding:12px 14px;}
.dof .stat .l{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);}
.dof .stat .n{font-family:'Cinzel',serif;font-size:22px;color:var(--gold2);margin-top:4px;}
.dof .inforow{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:10px;}
.dof .bar{flex:1;height:6px;background:#1c1c1c;border-radius:3px;overflow:hidden;}
.dof .bar>i{display:block;height:100%;width:0;background:var(--gold);}
.dof .hint{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15px;color:var(--muted);margin-top:8px;min-height:20px;}