/* v1.1.2 — Dark UI with CSS variables + precise slider */
#photoco-calculator.photocalc{
  --bg:#0d0d14; --text:#e0e0f0; --accent:#6366f1; --border:#2e2e45; --card1:#1b1b29; --card2:#222238;
  background:var(--bg); color:var(--text); border-radius:16px; padding:36px 28px; max-width:980px; margin:0 auto; font-family:Poppins,system-ui,Arial,sans-serif;
  box-shadow: 0 6px 22px rgba(0,0,0,.25);
}
#photoco-calculator .head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
#photoco-calculator .calc-title{font-size:18px;font-weight:600;margin:0}
#photoco-calculator .live-count{font-size:22px;font-weight:700;color:var(--accent)}

/* Slider row */
#photoco-calculator .slider-wrap{position:relative;display:block;margin:8px 0 24px}
#photoco-calculator .slider-wrap input[type=range]{-webkit-appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(var(--accent),var(--accent)) 0/0% 100% no-repeat, #1f2030;outline:none;display:block}
/* Thumb centered and slightly smaller */
#photoco-calculator input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#e9ebff;border:2px solid var(--accent);box-shadow:0 0 0 4px rgba(99,102,241,.12);margin-top:-5px}
#photoco-calculator input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#e9ebff;border:2px solid var(--accent);box-shadow:0 0 0 4px rgba(99,102,241,.12)}
#photoco-calculator input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:transparent}
#photoco-calculator input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:#1f2030}
#photoco-calculator input[type=range]::-moz-range-progress{height:8px;border-radius:8px;background:var(--accent)}
/* Min / Max labels pinned under ends */
#photoco-calculator .slider-wrap .range-min,
#photoco-calculator .slider-wrap .range-max{position:absolute;bottom:-18px;font-size:13px;color:#a4a7c0;line-height:1}
#photoco-calculator .slider-wrap .range-min{left:0}
#photoco-calculator .slider-wrap .range-max{right:0}

#photoco-calculator .cards{display:flex;gap:24px;flex-wrap:wrap}
#photoco-calculator .card{flex:1 1 340px;background:var(--card1);border:1px solid var(--border);border-radius:14px;padding:24px 22px}
#photoco-calculator .card.ai{background:linear-gradient(145deg,var(--card1),var(--card2)); border-color:var(--accent); box-shadow:0 0 0 1px rgba(99,102,241,.4) inset}
#photoco-calculator .card .card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
#photoco-calculator .dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;background:#2a2a40}
#photoco-calculator .dot.x{color:#ff4b4b}
#photoco-calculator .dot.check{background:#252547;color:#5eff90}
#photoco-calculator .card h4{margin:0;font-size:16px;font-weight:600}
#photoco-calculator .price{color:var(--accent);font-size:36px;font-weight:800;margin:10px 0}
#photoco-calculator .sub{color:#b9bbd6;font-size:14px;margin-bottom:14px}
#photoco-calculator .list{list-style:none;margin:0;padding:0;color:#c0c2df;line-height:1.6}

#photoco-calculator .savings{background:#11111b;border:1px solid var(--border);border-radius:14px;padding:26px;margin-top:26px;text-align:center}
#photoco-calculator .savings .title{font-weight:600;color:#cbd}
#photoco-calculator .savings .big{color:var(--accent);font-size:40px;font-weight:800;margin:6px 0}
#photoco-calculator .savings .note{color:#b0b2cf}

@media (max-width:768px){
  #photoco-calculator .cards{flex-direction:column}
}

/* v1.1.5 additions */
.photocalc input[type="range"]{ height:8px; }
.photocalc input[type="range"]::-webkit-slider-runnable-track{ height:8px; }
.photocalc input[type="range"]::-moz-range-track{ height:8px; }

.photocalc .card.ai .list li{ position:relative; padding-left:22px; }
.photocalc .card.ai .list li::before{ content:"✓"; position:absolute; left:0; top:0; font-weight:700; opacity:.9; color:#77dd77; }
.photocalc .card.traditional .list{ list-style:disc; padding-left:18px; }
.photocalc .card.traditional .list li::before{ content:none; }

.photocalc .save-panel{ background:#1e2030; border-radius:16px; padding:28px 20px; margin-top:24px; text-align:center; border:1px solid rgba(255,255,255,.08); }
.photocalc .save-panel h4{ margin:0 0 8px 0; font-weight:600; opacity:.85; font-size:18px; }
.photocalc .save-panel .big{ font-size:48px; font-weight:800; line-height:1.1; }
.photocalc .save-panel .subtle{ margin-top:6px; font-size:18px; opacity:.6; }

.photocalc .lost-time{ margin-top:10px; font-size:14px; opacity:.7; }