/*! © 2026 Cengiz Ilerler. All rights reserved. https://cengiz.ilerler.info/ */
.tool-box.ps { width: 100%; }
.ps-lbl { font: 600 11px/1.3 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--mist); }
.ps-grid { display: grid; grid-template-columns: minmax(280px, 330px) minmax(0, 1fr); gap: 16px; align-items: start; }
.ps-set { display: flex; flex-direction: column; gap: 15px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--deep); }
.ps-f { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.ps-f > .g-seg { align-self: flex-start; }
.ps-kinds { flex-wrap: wrap; }
.ps-kinds button { min-width: 0; padding: 7px 9px; }
.ps-kind { display: flex; flex-direction: column; gap: 15px; }
.ps-kind:empty { display: none; }
.ps-in { width: 100%; min-width: 0; padding: 10px 13px; border: 1px solid rgba(238,244,246,.22); border-radius: 10px; background: var(--abyss); color: var(--foam); font: 500 16px/1.3 var(--sans); font-variant-numeric: tabular-nums; }
.ps-in:focus { outline: none; border-color: var(--sea); }
.ps-in::placeholder { color: rgba(169,188,200,.6); }
.ps-unit { position: relative; display: block; }
.ps-unit .ps-in { padding-right: 40%; }
.ps-unit i { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); max-width: 56%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 13px var(--sans); font-style: normal; color: var(--mist); pointer-events: none; }
.ps-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ps-two .ps-unit .ps-in { padding-right: 12px; }
.ps-two .ps-unit i { display: none; }
.ps-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.ps-chip { padding: 5px 10px; border: 1px solid var(--line); border-radius: 999px; background: none; color: var(--mist); font: 600 12px/1 var(--mono); cursor: pointer; }
.ps-chip:hover { color: var(--sea); border-color: var(--sea); }
.ps-chip[aria-pressed="true"] { background: var(--foam); border-color: var(--foam); color: var(--abyss); }
.ps-hint { margin: 0; font: 400 13px/1.5 var(--sans); color: var(--mist); }
.ps-dir { margin: -2px 0 0; font: 400 13.5px/1.4 var(--sans); color: var(--mist); }
.ps-dir:empty { display: none; }
.ps-dir b { display: inline-flex; align-items: center; gap: 6px; margin-right: 6px; font-weight: 600; }
.ps-dir b::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.ps-dir .is-long { color: var(--seaglass); } .ps-dir .is-short { color: var(--coral); }
.ps-tg { display: flex; align-items: center; gap: 10px; font: 400 13.5px/1.4 var(--sans); color: var(--body); cursor: pointer; }
.ps-tg input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.ps-sw { flex: none; position: relative; width: 34px; height: 20px; border-radius: 999px; background: var(--tide); transition: background-color .15s; }
.ps-sw::after { content: ''; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: var(--mist); transition: transform .15s, background-color .15s; }
.ps-tg input:checked + .ps-sw { background: var(--sea); }
.ps-tg input:checked + .ps-sw::after { transform: translateX(14px); background: var(--abyss); }
.ps-tg input:focus-visible + .ps-sw { outline: 2px solid var(--sea); outline-offset: 2px; }
.ps-res { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ps-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.ps-tile { display: flex; flex-direction: column; gap: 6px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--deep); min-width: 0; }
.ps-tile b { font: 400 clamp(24px, 20px + .6vw, 30px)/1.15 var(--serif); color: var(--foam); overflow-wrap: anywhere; }
.ps-tile b small { font: 500 15px var(--sans); color: var(--body); }
.ps-tile b.ps-mute { color: var(--mist); }
.ps-tile.is-sea { border-color: rgba(98,207,224,.5); } .ps-tile.is-sea b { color: var(--sea); }
.ps-tile.is-coral { border-color: rgba(225,127,107,.5); } .ps-tile.is-coral b { color: var(--coral); }
.ps-tile.is-glass { border-color: rgba(122,204,158,.5); } .ps-tile.is-glass b { color: var(--seaglass); }
.ps-s { font: 400 13px/1.45 var(--sans); color: var(--mist); }
.ps-s em { font-style: normal; color: var(--amber); }
.ps-card { border: 1px solid var(--line); border-radius: 14px; background: var(--deep); overflow: hidden; min-width: 0; }
.ps-ch { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--line); font: 600 14px var(--mono); color: var(--foam); }
.ps-sp { flex: 1; }
.ps-note { font: 400 12.5px/1.45 var(--sans); color: var(--mist); }
.ps-mini { padding: 4px 10px; border: 1px solid var(--line); border-radius: 999px; background: none; color: var(--mist); font: 600 11.5px/1.2 var(--sans); cursor: pointer; white-space: nowrap; }
.ps-mini:hover:not(:disabled) { color: var(--sea); border-color: var(--sea); }
.ps-mini:disabled { opacity: .45; cursor: default; }
.ps-warn { margin: 0; padding: 8px 16px 12px; font: 400 12.5px/1.45 var(--sans); color: var(--amber); }
.ps-plan { display: block; width: 100%; height: auto; padding: 6px 4px 0; touch-action: pan-y; user-select: none; }
.ps-plan .ln { touch-action: none; }
.ps-plan .z-g { fill: rgba(122,204,158,.1); } .ps-plan .z-r { fill: rgba(225,127,107,.13); }
.ps-plan .ln line { stroke-width: 1.7; }
.ps-plan .ln line.hit { stroke: transparent; stroke-width: 16; cursor: ns-resize; }
.ps-plan .ln-t > line:first-child { stroke: var(--seaglass); } .ps-plan .ln-b > line:first-child { stroke: var(--foam); } .ps-plan .ln-s > line:first-child { stroke: var(--coral); stroke-width: 2; }
.ps-plan .ln-w > line:first-child { stroke: var(--amber); stroke-width: 2; }
.ps-plan .ln { cursor: ns-resize; outline: none; }
.ps-plan .ln:focus-visible .chip rect, .ps-plan .ln:hover .chip rect { stroke: var(--sea); }
.ps-plan .ln:focus-visible .hd rect, .ps-plan .ln:hover .hd rect { stroke: var(--sea); }
.ps-plan .hd rect { fill: var(--deep); stroke: rgba(169,188,200,.35); } .ps-plan .hd circle { fill: var(--mist); }
.ps-plan .pv { font: 500 13.5px var(--mono); fill: var(--foam); }
.ps-plan .lk { stroke: rgba(169,188,200,.35); fill: none; }
.ps-plan .chip rect { fill: var(--deep); stroke: rgba(169,188,200,.3); }
.ps-plan .chip text { font: 500 12px var(--sans); fill: var(--body); }
.ps-plan .ln-t .chip rect { stroke: rgba(122,204,158,.6); } .ps-plan .ln-t .chip text { fill: var(--seaglass); }
.ps-plan .ln-s .chip rect { stroke: rgba(225,127,107,.6); } .ps-plan .ln-s .chip text { fill: var(--coral); }
.ps-plan .av { stroke: var(--mist); stroke-width: 1.6; } .ps-plan .avt { font: 500 11.5px var(--sans); fill: var(--mist); }
.ps-plan .g { font: 400 26px var(--serif); fill: var(--seaglass); } .ps-plan .r { font: 500 13px var(--sans); fill: var(--coral); }
.ps-plan .wt { font: 600 12.5px var(--sans); fill: var(--amber); }
.ps-plan.is-n .pv { font-size: 12px; } .ps-plan.is-n .chip text { font-size: 11.5px; }
.ps-plan.is-n .g { font-size: 20px; } .ps-plan.is-n .r, .ps-plan.is-n .wt { font-size: 12px; }
.ps-ed.is-dragging, .ps-ed.is-dragging * { cursor: ns-resize !important; }
.ps-two-t { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 16px; }
.ps-scroll { overflow-x: auto; }
.ps-tbl { width: 100%; border-collapse: collapse; font: 400 14px/1.4 var(--sans); color: var(--body); font-variant-numeric: tabular-nums; }
.ps-tbl th { padding: 9px 10px; text-align: right; font: 600 10.5px/1.3 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--mist); white-space: nowrap; }
.ps-tbl td { padding: 6px 10px; border-top: 1px solid var(--line); text-align: right; white-space: nowrap; }
.ps-tbl th:first-child, .ps-tbl td:first-child { text-align: left; padding-left: 16px; color: var(--mist); }
.ps-tbl th:last-child, .ps-tbl td:last-child { padding-right: 12px; }
.ps-cell { position: relative; display: inline-block; }
.ps-sm { width: 98px; padding: 6px 9px; font-size: 14px; text-align: right; }
.ps-cell.has-suf .ps-sm { width: 72px; padding-right: 22px; }
.ps-cell i { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font: 400 13px var(--sans); font-style: normal; color: var(--mist); pointer-events: none; }
.ps-x { width: 24px; height: 24px; padding: 0; border: 0; border-radius: 6px; background: none; color: var(--mist); font: 400 17px/1 var(--sans); cursor: pointer; }
.ps-x:hover { color: var(--coral); background: var(--tide); }
.ps-stop-r td { background: rgba(225,127,107,.05); }
.ps-stop-r td:first-child { color: var(--coral); }
.ps-stop-r td.ps-note { text-align: left; }
.ps-sc td:first-child { color: var(--body); white-space: normal; }
.ps-sc tr.is-g td:not(:first-child) { color: var(--seaglass); } .ps-sc tr.is-r td:not(:first-child) { color: var(--coral); }
.ps-sbar { display: flex; height: 44px; margin: 16px; border-radius: 10px; overflow: hidden; font: 600 13px/44px var(--sans); }
.ps-sbar i { display: block; min-width: 0; overflow: hidden; font-style: normal; text-align: center; white-space: nowrap; }
.ps-sbar i.is-r { background: rgba(225,127,107,.22); color: var(--coral); }
.ps-sbar i.is-g { background: rgba(122,204,158,.2); color: var(--seaglass); }
@media (max-width: 999px) {
  .ps-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .ps-set { padding: 14px; }
  .ps-tiles { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ps-tile { padding: 12px; }
  .ps-two-t { grid-template-columns: minmax(0, 1fr); }
  .ps-sm { width: 76px; padding: 6px 7px; }
  .ps-cell.has-suf .ps-sm { width: 56px; padding-right: 20px; }
  .ps-tbl th, .ps-tbl td { padding-left: 6px; padding-right: 6px; }
  .ps-tbl th:first-child, .ps-tbl td:first-child { padding-left: 12px; }
  .ps-tbl th, .ps-stop-r .ps-note { white-space: normal; }
}