/* Your own file: the card every tool shows at the top of its controls, and the drop overlay over the whole page.
   Published as /assets/sf/own.css (see _build/own-file/ownfile.py). Colors follow the panel the card sits in
   (currentColor), so the same card reads on the analysis's and the wheel's dark glass and on the simulator's panel
   in either theme. */
.own-card{display:grid;gap:8px;margin:0}
.own-drop{display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:14px 16px;text-align:left;font:inherit;color:inherit;
  cursor:pointer;border-radius:14px;border:1.5px dashed color-mix(in srgb,currentColor 50%,transparent);
  background:color-mix(in srgb,currentColor 7%,transparent);transition:background-color .15s,border-color .15s}
.own-drop:hover{background:color-mix(in srgb,currentColor 13%,transparent);border-color:currentColor}
.own-drop:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.own-drop.is-loaded{border-style:solid;border-color:color-mix(in srgb,currentColor 35%,transparent)}
.own-ic{flex:none;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.own-ic .ok{display:none}
.own-drop.is-loaded .own-ic .up{display:none}
.own-drop.is-loaded .own-ic .ok{display:inline}
.own-drop.is-busy .own-ic{animation:own-pulse 1s ease-in-out infinite}
@keyframes own-pulse{50%{opacity:.35}}
.own-drop-x{display:flex;flex-direction:column;gap:3px;min-width:0}
.own-drop-t{font-size:.9375rem;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.own-drop-s{font-size:.8125rem;line-height:1.35;opacity:.75}
.own-row{display:flex;flex-wrap:wrap;gap:8px}
.own-row:empty{display:none}
.own-flip{font:inherit;font-size:.8125rem;font-weight:500;color:inherit;cursor:pointer;min-height:36px;padding:7px 14px;
  border-radius:999px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:transparent}
.own-flip:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.own-flip[hidden]{display:none}
.own-hint{font-size:.75rem;line-height:1.4;margin:0;opacity:.7}
.own-hint a{color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.own-msg{font-size:.8125rem;line-height:1.4;margin:0;overflow-wrap:anywhere}
.own-msg:empty{display:none}
.own-msg.is-bad{color:var(--own-bad,#FF6A5E)}
.own-msg a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* the page-wide drop: a file dragged anywhere over the page */
.own-overlay{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;pointer-events:none;
  background:rgba(0,0,0,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.own-overlay[hidden]{display:none}
.own-overlay-in{display:grid;justify-items:center;gap:10px;max-width:520px;padding:44px 52px;text-align:center;color:#fff;
  border:2px dashed rgba(255,255,255,.8);border-radius:28px}
.own-overlay-in svg{width:52px;height:52px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.own-overlay-in b{font-size:1.375rem;font-weight:600}
.own-overlay-in span{font-size:.9375rem;color:rgba(255,255,255,.8)}
@media (prefers-reduced-motion:reduce){.own-drop.is-busy .own-ic{animation:none}}
@media (forced-colors:active){.own-drop{border:2px dashed CanvasText}}
/* the button where the page opens (a tool's header, the simulator's stage): the same picker as the card */
.own-cta{display:inline-flex;align-items:center;gap:9px;margin:16px 0 0;padding:10px 18px 10px 14px;font:inherit;font-size:.9375rem;
  font-weight:600;color:inherit;cursor:pointer;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 40%,transparent);
  background:color-mix(in srgb,currentColor 10%,transparent);max-width:100%}
.own-cta:hover{background:color-mix(in srgb,currentColor 18%,transparent);border-color:currentColor}
.own-cta:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.own-cta .own-ic{width:22px;height:22px}
.own-cta-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.own-cta.is-loaded .own-ic .up{display:none}
.own-cta.is-loaded .own-ic .ok{display:inline}
.own-cta.is-busy .own-ic{animation:own-pulse 1s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.own-cta.is-busy .own-ic{animation:none}}