:root {
  --ec-shell-accent: #ff6b00;
  --ec-shell-ink: #111217;
  --ec-shell-paper: #f6f1e9;
  --ec-shell-line: rgba(17, 18, 23, .12);
  --ec-shell-shadow: 0 28px 80px rgba(32, 24, 16, .14);
}

html.ec-drawer-open,
html.ec-drawer-open body {
  overflow: hidden !important;
}

body.ec-pro-tool {
  color: #f5f0e9 !important;
  background-image:
    radial-gradient(circle at 8% 8%, rgba(255, 107, 0, .16), transparent 28%),
    radial-gradient(circle at 94% 36%, rgba(255, 255, 255, .045), transparent 25%),
    linear-gradient(180deg, #090a0c 0%, #111216 100%) !important;
  background-attachment: fixed !important;
}

body.ec-pro-tool::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cpath d='M0 83.5h84M83.5 0v84' fill='none' stroke='%23111217' stroke-opacity='.055'/%3E%3C/svg%3E");
}

.ec-pro-tool .top,
.ec-pro-tool .topbar {
  top: 10px !important;
  width: min(1180px, calc(100% - 28px)) !important;
  margin: 0 auto !important;
  border: 1px solid rgba(255, 255, 255, .11) !important;
  border-radius: 22px !important;
  background: rgba(12, 13, 16, .91) !important;
  box-shadow: 0 18px 50px rgba(14, 12, 10, .18) !important;
  backdrop-filter: blur(20px) saturate(140%) !important;
}

.ec-pro-tool .top .brand,
.ec-pro-tool .topbar .brand,
.ec-pro-tool .top a,
.ec-pro-tool .topbar a {
  color: #fff !important;
}

.ec-pro-tool .brand small,
.ec-pro-tool .brand .currency-symbol {
  color: #ffb27d !important;
}

.ec-pro-tool .brand-mark,
.ec-pro-tool .brand-logo {
  border-radius: 15px !important;
  background: linear-gradient(145deg, #ff8b3d, var(--ec-shell-accent)) !important;
  color: #111 !important;
  box-shadow: 0 10px 26px rgba(255, 107, 0, .28) !important;
}

.ec-pro-tool .hero {
  padding-top: clamp(48px, 7vw, 86px) !important;
}

.ec-pro-tool .hero-card,
.ec-pro-tool .panel-card,
.ec-pro-tool .card,
.ec-pro-tool .side-card,
.ec-pro-tool .work-card,
.ec-pro-tool .intro-card,
.ec-pro-tool .share,
.ec-pro-tool .tool-card {
  border: 1px solid rgba(255, 255, 255, .11) !important;
  border-radius: 30px !important;
  box-shadow: var(--ec-shell-shadow) !important;
}

.ec-pro-tool .hero-card,
.ec-pro-tool .panel-card,
.ec-pro-tool .card,
.ec-pro-tool .side-card,
.ec-pro-tool .work-card,
.ec-pro-tool .share,
.ec-pro-tool .tool-card {
  color: #f5f0e9 !important;
  background: rgba(18, 19, 23, .92) !important;
  backdrop-filter: blur(18px) !important;
}

.ec-pro-tool .hero-card p,
.ec-pro-tool .panel-card p,
.ec-pro-tool .card p,
.ec-pro-tool .side-card p,
.ec-pro-tool .work-card p,
.ec-pro-tool .intro-card p,
.ec-pro-tool .share p,
.ec-pro-tool .tool-card p,
.ec-pro-tool label,
.ec-pro-tool small {
  color: #aaa39b !important;
}

.ec-pro-tool .badge,
.ec-pro-tool .pill,
.ec-pro-tool .eyebrow {
  letter-spacing: .08em !important;
}

.ec-pro-tool h1,
.ec-pro-tool h2,
.ec-pro-tool h3 {
  text-wrap: balance;
}

.ec-pro-tool .btn,
.ec-pro-tool .calc-btn {
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.ec-pro-tool .btn:hover,
.ec-pro-tool .calc-btn:hover {
  transform: translateY(-2px);
  filter: saturate(1.08);
}

.ec-pro-tool .input,
.ec-pro-tool input,
.ec-pro-tool textarea,
.ec-pro-tool select {
  color: #f5f0e9 !important;
  background: #202126 !important;
  border-color: rgba(255, 255, 255, .13) !important;
  color-scheme: dark;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.ec-pro-tool .input::placeholder,
.ec-pro-tool input::placeholder,
.ec-pro-tool textarea::placeholder {
  color: rgba(255, 255, 255, .38) !important;
}

.ec-pro-tool .lead {
  color: #aaa39b !important;
}

.ec-pro-tool .contact-block a,
.ec-pro-tool .btn.light,
.ec-pro-tool .pwa-secondary,
.ec-pro-tool .mini,
.ec-pro-tool .top-actions button {
  color: #17100d !important;
  background: #f7f2eb !important;
  border-color: rgba(255, 255, 255, .22) !important;
}

.ec-pro-tool .top-actions .contact,
.ec-pro-tool .btn.dark {
  color: #fff !important;
  background: #15161a !important;
}

/* Shared contrast pass for every legacy tool surface. */
.ec-pro-tool .mini-card,
.ec-pro-tool .quick,
.ec-pro-tool .intro-card,
.ec-pro-tool .install-card,
.ec-pro-tool .panel,
.ec-pro-tool .wheel-card,
.ec-pro-tool .result-card,
.ec-pro-tool .dialog,
.ec-pro-tool .test-card,
.ec-pro-tool .net-card,
.ec-pro-tool .stat,
.ec-pro-tool .output,
.ec-pro-tool .style-line,
.ec-pro-tool .team-box,
.ec-pro-tool .winner-box,
.ec-pro-tool .schedule div,
.ec-pro-tool .searchbox,
.ec-pro-tool .converter {
  color: #f5f0e9 !important;
  background: rgba(18, 19, 23, .94) !important;
  border-color: rgba(255, 255, 255, .11) !important;
}

.ec-pro-tool .mini-card p,
.ec-pro-tool .intro-card p,
.ec-pro-tool .install-card p,
.ec-pro-tool .quick-note,
.ec-pro-tool .muted,
.ec-pro-tool .hint,
.ec-pro-tool .section-head p,
.ec-pro-tool .result-sub,
.ec-pro-tool .score-board-title,
.ec-pro-tool .stat span {
  color: #aaa39b !important;
}

.ec-pro-tool .mini-card b,
.ec-pro-tool .quick h2,
.ec-pro-tool .intro-card h2,
.ec-pro-tool .install-card h3,
.ec-pro-tool .panel h2,
.ec-pro-tool .result-card h2,
.ec-pro-tool .result-big,
.ec-pro-tool .test-card h3,
.ec-pro-tool .net-card h3,
.ec-pro-tool .timer-mode,
.ec-pro-tool .schedule b,
.ec-pro-tool .quick-note b {
  color: #f8f3ed !important;
}

.ec-pro-tool .intro-card .eyebrow {
  color: #ff9d61 !important;
  background: rgba(255, 107, 0, .11) !important;
  border: 1px solid rgba(255, 107, 0, .3) !important;
}

.ec-pro-tool .quick-stats .stat {
  color: #f8f3ed !important;
  background: #0d0e11 !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
}

.ec-pro-tool .quick-stats .stat strong {
  color: #ff8b45 !important;
}

.ec-pro-tool .quick-stats .stat span {
  color: #b7afa7 !important;
}

.ec-pro-tool .tab,
.ec-pro-tool .filter,
.ec-pro-tool .answer,
.ec-pro-tool .score-board-tab,
.ec-pro-tool .grade-row .small-btn,
.ec-pro-tool .btn.light,
.ec-pro-tool .btn-ghost,
.ec-pro-tool .btn.ghost,
.ec-pro-tool .toplink {
  color: #17100d !important;
  background: #f7f2eb !important;
  border-color: rgba(255, 255, 255, .2) !important;
}

.ec-pro-tool .tab small {
  color: #625b54 !important;
}

.ec-pro-tool .tab.active,
.ec-pro-tool .filter.active,
.ec-pro-tool .score-board-tab.active {
  color: #fff !important;
  background: #15161a !important;
  border-color: rgba(255, 107, 0, .62) !important;
}

.ec-pro-tool .tab.active small {
  color: #c6beb5 !important;
}

.ec-pro-tool .btn:not(.light):not(.dark):not(.btn-dark):not(.btn-ghost):not(.ghost):not(.btn-danger),
.ec-pro-tool .calc-btn,
.ec-pro-tool .contact-submit {
  color: #17100d !important;
}

.ec-pro-tool select option {
  color: #f7f2eb !important;
  background: #1c1d21 !important;
}

.ec-pro-tool select option:checked {
  color: #17100d !important;
  background: #ff7a30 !important;
}

.ec-pro-tool .ad,
.ec-pro-tool .adbox {
  color: #ffbd8f !important;
  background: rgba(255, 107, 0, .075) !important;
  border-color: rgba(255, 107, 0, .34) !important;
}

.ec-pro-tool .footer,
.ec-pro-tool .footer p {
  color: #9f9992 !important;
}

.ec-pro-tool .footer a {
  color: #f8f3ed !important;
}

.ec-pro-tool .footer {
  margin-top: 28px;
}

body.ec-tool--hesapla {
  --ec-shell-paper: #050505;
  color: #fff;
  background-image:
    radial-gradient(circle at 8% 8%, rgba(255, 107, 0, .18), transparent 28%),
    radial-gradient(circle at 94% 38%, rgba(255, 255, 255, .06), transparent 22%),
    linear-gradient(180deg, #050505 0%, #0d0d10 100%) !important;
}

body.ec-tool--hesapla::before {
  filter: invert(1);
  opacity: .12;
}

body.ec-tool--hesapla .intro-card,
body.ec-tool--hesapla .tool-card {
  color: #f5f0e9 !important;
}

.ec-tools-btn,
.ecToolsFab,
.toolsFab,
.tools-side-btn,
.side-fab,
.ec-tools-overlay,
.ecToolsBackdrop,
.toolsBackdrop,
.tools-overlay,
.backdrop,
.ec-tools-panel,
.ecToolsPanel,
.toolsPanel,
.tools-panel,
.side-panel {
  display: none !important;
}

.ec-orbit-trigger {
  position: fixed;
  top: 50%;
  right: -1px;
  z-index: 12002;
  width: 68px;
  height: 124px;
  padding: 0;
  border: 1px solid rgba(255, 150, 76, .65);
  border-right: 0;
  border-radius: 64px 0 0 64px;
  background:
    radial-gradient(circle at 62% 28%, rgba(255, 255, 255, .2), transparent 25%),
    linear-gradient(145deg, #ff8a3a, var(--ec-shell-accent));
  color: #111;
  box-shadow: -12px 18px 45px rgba(15, 13, 12, .26);
  cursor: pointer;
  transform: translateY(-50%);
  transition: right .42s cubic-bezier(.22, 1, .36, 1), transform .2s ease;
}

.ec-orbit-trigger:hover {
  transform: translateY(-50%) scale(1.035);
}

.ec-orbit-trigger[aria-expanded="true"] {
  right: min(418px, calc(100vw - 30px));
}

.ec-orbit-trigger span {
  display: grid;
  place-items: center;
  gap: 5px;
  width: 100%;
  height: 100%;
}

.ec-orbit-trigger i {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.ec-orbit-trigger i::before,
.ec-orbit-trigger i::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  transform: translateY(-50%);
}

.ec-orbit-trigger i::before { left: 3px; }
.ec-orbit-trigger i::after { right: 3px; }

.ec-orbit-trigger b {
  font-size: 9px;
  font-style: normal;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
  writing-mode: vertical-rl;
}

.ec-orbit-backdrop {
  position: fixed;
  inset: 0;
  z-index: 12000;
  opacity: 0;
  pointer-events: none;
  background: rgba(6, 7, 9, .58);
  backdrop-filter: blur(8px);
  transition: opacity .3s ease;
}

.ec-orbit-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

.ec-orbit-panel {
  position: fixed;
  top: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 12001;
  display: flex;
  flex-direction: column;
  width: min(420px, calc(100vw - 28px));
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 42px 14px 14px 42px;
  background:
    radial-gradient(circle at 92% 5%, rgba(255, 107, 0, .2), transparent 30%),
    #0c0d10;
  color: #fff;
  box-shadow: -32px 0 90px rgba(0, 0, 0, .38);
  transform: translateX(calc(100% + 24px));
  transition: transform .42s cubic-bezier(.22, 1, .36, 1);
}

.ec-orbit-panel.is-open {
  transform: translateX(0);
}

.ec-orbit-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 28px 26px 20px 32px;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.ec-orbit-brand {
  display: flex;
  align-items: center;
  gap: 13px;
}

.ec-orbit-brand > span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: var(--ec-shell-accent);
  color: #111;
  font-weight: 1000;
}

.ec-orbit-brand small,
.ec-orbit-brand strong {
  display: block;
}

.ec-orbit-brand small {
  margin-bottom: 2px;
  color: #a9a9ae;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ec-orbit-brand strong {
  font-size: 19px;
  letter-spacing: -.03em;
}

.ec-orbit-close {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}

.ec-orbit-list {
  display: grid;
  gap: 9px;
  padding: 18px 18px 18px 24px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.ec-orbit-link {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  align-items: center;
  gap: 13px;
  min-height: 68px;
  padding: 10px 13px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 20px;
  background: rgba(255, 255, 255, .035);
  color: #fff !important;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.ec-orbit-link:hover {
  transform: translateX(-4px);
  border-color: rgba(255, 107, 0, .62);
  background: rgba(255, 107, 0, .09);
}

.ec-orbit-link.is-current {
  border-color: rgba(255, 107, 0, .5);
  background: linear-gradient(90deg, rgba(255, 107, 0, .18), rgba(255, 107, 0, .04));
}

.ec-orbit-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 17px;
  background: #1d1e23;
  color: var(--ec-shell-accent);
  font-size: 18px;
  font-weight: 1000;
}

.ec-orbit-link.is-current .ec-orbit-icon {
  background: var(--ec-shell-accent);
  color: #111;
}

.ec-orbit-copy strong,
.ec-orbit-copy small {
  display: block;
}

.ec-orbit-copy strong {
  margin-bottom: 3px;
  font-size: 14px;
}

.ec-orbit-copy small {
  color: #a9a9ae;
  font-size: 11px;
  line-height: 1.35;
}

.ec-orbit-arrow {
  color: #777980;
  font-size: 18px;
}

.ec-orbit-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: auto;
  padding: 16px 24px 20px 30px;
  border-top: 1px solid rgba(255, 255, 255, .09);
  color: #9d9ea4;
  font-size: 11px;
}

.ec-orbit-foot a {
  color: #fff !important;
  font-weight: 900;
}

@media (max-width: 700px) {
  .ec-pro-tool .top,
  .ec-pro-tool .topbar {
    top: 7px !important;
    width: calc(100% - 14px) !important;
    border-radius: 18px !important;
  }

  .ec-pro-tool .hero-card,
  .ec-pro-tool .panel-card,
  .ec-pro-tool .card,
  .ec-pro-tool .side-card,
  .ec-pro-tool .work-card,
  .ec-pro-tool .share,
  .ec-pro-tool .tool-card {
    border-radius: 23px !important;
  }

  .ec-orbit-trigger {
    width: 58px;
    height: 106px;
  }

  .ec-orbit-trigger[aria-expanded="true"] {
    right: calc(100vw - 30px);
  }

  .ec-orbit-panel {
    top: 7px;
    right: 7px;
    bottom: 7px;
    width: calc(100vw - 28px);
    border-radius: 34px 12px 12px 34px;
  }

  .ec-orbit-head {
    padding: 22px 18px 17px 24px;
  }

  .ec-orbit-list {
    padding: 14px 12px 14px 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ec-orbit-trigger,
  .ec-orbit-panel,
  .ec-orbit-backdrop,
  .ec-orbit-link {
    transition: none !important;
  }
}

/* v5.0 - unified tool studio */
body.ec-pro-tool {
  --ec-shell-accent: #ff5a14;
  color: #f6f6f2 !important;
  background-color: #070708 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
  background-attachment: fixed !important;
}

body.ec-pro-tool * {
  letter-spacing: 0 !important;
}

body.ec-pro-tool::before {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 5px;
  height: 32vh;
  opacity: 1;
  background: var(--ec-shell-accent) !important;
  filter: none !important;
}

.ec-pro-tool .top,
.ec-pro-tool .topbar {
  top: 10px !important;
  width: min(1180px, calc(100% - 24px)) !important;
  min-height: 62px !important;
  padding: 8px 10px !important;
  background: rgba(7, 7, 8, .94) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 6px !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .42) !important;
}

.ec-pro-tool .brand-mark,
.ec-pro-tool .brand-logo {
  color: #090909 !important;
  background: var(--ec-shell-accent) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.ec-pro-tool .hero {
  padding-top: 102px !important;
}

.ec-pro-tool .hero-card,
.ec-pro-tool .panel-card,
.ec-pro-tool .card,
.ec-pro-tool .side-card,
.ec-pro-tool .work-card,
.ec-pro-tool .intro-card,
.ec-pro-tool .share,
.ec-pro-tool .tool-card,
.ec-pro-tool .mini-card,
.ec-pro-tool .quick,
.ec-pro-tool .install-card,
.ec-pro-tool .panel,
.ec-pro-tool .wheel-card,
.ec-pro-tool .result-card,
.ec-pro-tool .dialog,
.ec-pro-tool .test-card,
.ec-pro-tool .net-card,
.ec-pro-tool .stat,
.ec-pro-tool .output,
.ec-pro-tool .style-line,
.ec-pro-tool .team-box,
.ec-pro-tool .winner-box,
.ec-pro-tool .schedule div,
.ec-pro-tool .searchbox,
.ec-pro-tool .converter {
  color: #f6f6f2 !important;
  background: #111113 !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.ec-pro-tool .hero-card,
.ec-pro-tool .intro-card {
  border-top: 3px solid var(--ec-shell-accent) !important;
}

.ec-pro-tool .hero-card p,
.ec-pro-tool .panel-card p,
.ec-pro-tool .card p,
.ec-pro-tool .side-card p,
.ec-pro-tool .work-card p,
.ec-pro-tool .intro-card p,
.ec-pro-tool .share p,
.ec-pro-tool .tool-card p,
.ec-pro-tool label,
.ec-pro-tool small,
.ec-pro-tool .muted,
.ec-pro-tool .hint,
.ec-pro-tool .section-head p,
.ec-pro-tool .result-sub {
  color: #a5a5a0 !important;
}

.ec-pro-tool .input,
.ec-pro-tool input,
.ec-pro-tool textarea,
.ec-pro-tool select {
  color: #f6f6f2 !important;
  background: #09090a !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.ec-pro-tool .input:focus,
.ec-pro-tool input:focus,
.ec-pro-tool textarea:focus,
.ec-pro-tool select:focus {
  border-color: var(--ec-shell-accent) !important;
  box-shadow: 0 0 0 3px rgba(255, 90, 20, .16) !important;
  outline: none !important;
}

.ec-pro-tool .btn,
.ec-pro-tool .calc-btn,
.ec-pro-tool .mini,
.ec-pro-tool .tab,
.ec-pro-tool .filter,
.ec-pro-tool .answer,
.ec-pro-tool .score-board-tab,
.ec-pro-tool .grade-row .small-btn,
.ec-pro-tool .btn-ghost,
.ec-pro-tool .btn.ghost,
.ec-pro-tool .toplink,
.ec-pro-tool .contact-submit {
  border-radius: 4px !important;
}

.ec-pro-tool .btn:not(.light):not(.dark):not(.btn-dark):not(.btn-ghost):not(.ghost):not(.btn-danger),
.ec-pro-tool .calc-btn,
.ec-pro-tool .contact-submit,
.ec-pro-tool .tab.active,
.ec-pro-tool .filter.active,
.ec-pro-tool .score-board-tab.active {
  color: #090909 !important;
  background: var(--ec-shell-accent) !important;
  border-color: var(--ec-shell-accent) !important;
}

.ec-pro-tool .btn.light,
.ec-pro-tool .btn-ghost,
.ec-pro-tool .btn.ghost,
.ec-pro-tool .mini,
.ec-pro-tool .toplink,
.ec-pro-tool .tab,
.ec-pro-tool .filter,
.ec-pro-tool .answer,
.ec-pro-tool .score-board-tab,
.ec-pro-tool .grade-row .small-btn {
  color: #090909 !important;
  background: #f6f6f2 !important;
  border-color: #f6f6f2 !important;
}

.ec-pro-tool .btn:hover,
.ec-pro-tool .calc-btn:hover {
  transform: translateY(-2px);
  filter: none;
}

.ec-pro-tool .ad,
.ec-pro-tool .adbox {
  color: #ffb18a !important;
  background: #111113 !important;
  border: 1px dashed rgba(255, 90, 20, .5) !important;
  border-radius: 4px !important;
}

.ec-orbit-trigger {
  right: 0;
  width: 48px;
  height: 96px;
  color: #090909;
  background: var(--ec-shell-accent);
  border: 1px solid #ff9d70;
  border-right: 0;
  border-radius: 6px 0 0 6px;
  box-shadow: -10px 16px 38px rgba(0, 0, 0, .4);
}

.ec-orbit-trigger[aria-expanded="true"] {
  right: min(370px, calc(100vw - 22px));
}

.ec-orbit-trigger i {
  width: 22px;
  height: 22px;
}

.ec-orbit-panel {
  top: 10px;
  right: 10px;
  bottom: 10px;
  width: min(370px, calc(100vw - 20px));
  color: #f6f6f2;
  background: #0c0c0e;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 6px;
  box-shadow: -26px 0 80px rgba(0, 0, 0, .56);
}

.ec-orbit-head {
  padding: 18px;
}

.ec-orbit-brand > span,
.ec-orbit-icon,
.ec-orbit-close,
.ec-orbit-link {
  border-radius: 4px;
}

.ec-orbit-brand > span {
  color: #090909;
  background: var(--ec-shell-accent);
}

.ec-orbit-close {
  width: 38px;
  height: 38px;
}

.ec-orbit-list {
  gap: 6px;
  padding: 12px;
}

.ec-orbit-link {
  grid-template-columns: 42px 1fr auto;
  min-height: 60px;
  background: #121214;
  border: 1px solid rgba(255, 255, 255, .1);
}

.ec-orbit-link:hover,
.ec-orbit-link.is-current {
  background: #19191c;
  border-color: rgba(255, 90, 20, .7);
}

.ec-orbit-icon {
  width: 42px;
  height: 42px;
  color: var(--ec-shell-accent);
  background: #09090a;
}

.ec-orbit-link.is-current .ec-orbit-icon {
  color: #090909;
  background: var(--ec-shell-accent);
}

.ec-orbit-foot {
  padding: 14px 18px;
}

@media (max-width: 700px) {
  .ec-pro-tool .top,
  .ec-pro-tool .topbar {
    top: 7px !important;
    width: calc(100% - 14px) !important;
    border-radius: 5px !important;
  }

  .ec-pro-tool .hero {
    padding-top: 84px !important;
  }

  .ec-pro-tool .hero-card,
  .ec-pro-tool .panel-card,
  .ec-pro-tool .card,
  .ec-pro-tool .side-card,
  .ec-pro-tool .work-card,
  .ec-pro-tool .share,
  .ec-pro-tool .tool-card,
  .ec-pro-tool .mini-card,
  .ec-pro-tool .quick,
  .ec-pro-tool .intro-card,
  .ec-pro-tool .install-card,
  .ec-pro-tool .panel,
  .ec-pro-tool .wheel-card,
  .ec-pro-tool .result-card,
  .ec-pro-tool .dialog,
  .ec-pro-tool .test-card,
  .ec-pro-tool .net-card {
    border-radius: 5px !important;
  }

  .ec-orbit-trigger {
    width: 42px;
    height: 84px;
  }

  .ec-orbit-trigger[aria-expanded="true"] {
    right: calc(100vw - 20px);
  }

  .ec-orbit-panel {
    top: 7px;
    right: 7px;
    bottom: 7px;
    width: calc(100vw - 20px);
    border-radius: 5px;
  }
}
/* ===== Unified light studio theme v6 =====
   Legacy tools keep their richer feature sets, but now sit inside the same
   orange / white / black visual system as 1emrecoskun. */
body.ec-pro-tool:not(.ec-tool--hesapla){
  color:#171719!important;
  background:
    radial-gradient(circle at 8% 5%,rgba(255,107,0,.10),transparent 27%),
    linear-gradient(180deg,#fff 0%,#f7f7f5 48%,#fff 100%)!important;
}
body.ec-pro-tool:not(.ec-tool--hesapla)::before{opacity:.10!important;filter:none!important}
body.ec-pro-tool:not(.ec-tool--hesapla) .top,
body.ec-pro-tool:not(.ec-tool--hesapla) .topbar{
  background:rgba(255,255,255,.91)!important;
  border-color:rgba(0,0,0,.08)!important;
  box-shadow:0 14px 45px rgba(18,18,20,.07)!important;
}
body.ec-pro-tool:not(.ec-tool--hesapla) .top .brand,
body.ec-pro-tool:not(.ec-tool--hesapla) .topbar .brand,
body.ec-pro-tool:not(.ec-tool--hesapla) .top a,
body.ec-pro-tool:not(.ec-tool--hesapla) .topbar a{color:#151517!important}
body.ec-pro-tool:not(.ec-tool--hesapla) .brand small{color:#76767d!important}
body.ec-pro-tool:not(.ec-tool--hesapla) .hero-card,
body.ec-pro-tool:not(.ec-tool--hesapla) .panel-card,
body.ec-pro-tool:not(.ec-tool--hesapla) .card,
body.ec-pro-tool:not(.ec-tool--hesapla) .side-card,
body.ec-pro-tool:not(.ec-tool--hesapla) .work-card,
body.ec-pro-tool:not(.ec-tool--hesapla) .intro-card,
body.ec-pro-tool:not(.ec-tool--hesapla) .share,
body.ec-pro-tool:not(.ec-tool--hesapla) .tool-card,
body.ec-pro-tool:not(.ec-tool--hesapla) .mini-card,
body.ec-pro-tool:not(.ec-tool--hesapla) .quick,
body.ec-pro-tool:not(.ec-tool--hesapla) .install-card,
body.ec-pro-tool:not(.ec-tool--hesapla) .panel,
body.ec-pro-tool:not(.ec-tool--hesapla) .wheel-card,
body.ec-pro-tool:not(.ec-tool--hesapla) .result-card,
body.ec-pro-tool:not(.ec-tool--hesapla) .dialog,
body.ec-pro-tool:not(.ec-tool--hesapla) .test-card,
body.ec-pro-tool:not(.ec-tool--hesapla) .net-card,
body.ec-pro-tool:not(.ec-tool--hesapla) .stat,
body.ec-pro-tool:not(.ec-tool--hesapla) .output,
body.ec-pro-tool:not(.ec-tool--hesapla) .style-line,
body.ec-pro-tool:not(.ec-tool--hesapla) .team-box,
body.ec-pro-tool:not(.ec-tool--hesapla) .winner-box,
body.ec-pro-tool:not(.ec-tool--hesapla) .schedule div,
body.ec-pro-tool:not(.ec-tool--hesapla) .searchbox{
  color:#171719!important;
  background:rgba(255,255,255,.96)!important;
  border-color:#e7e7e5!important;
  box-shadow:0 20px 65px rgba(17,17,19,.08)!important;
}
body.ec-pro-tool:not(.ec-tool--hesapla) .hero-card p,
body.ec-pro-tool:not(.ec-tool--hesapla) .panel-card p,
body.ec-pro-tool:not(.ec-tool--hesapla) .card p,
body.ec-pro-tool:not(.ec-tool--hesapla) .side-card p,
body.ec-pro-tool:not(.ec-tool--hesapla) .work-card p,
body.ec-pro-tool:not(.ec-tool--hesapla) .intro-card p,
body.ec-pro-tool:not(.ec-tool--hesapla) .share p,
body.ec-pro-tool:not(.ec-tool--hesapla) .tool-card p,
body.ec-pro-tool:not(.ec-tool--hesapla) .muted,
body.ec-pro-tool:not(.ec-tool--hesapla) .hint,
body.ec-pro-tool:not(.ec-tool--hesapla) .lead,
body.ec-pro-tool:not(.ec-tool--hesapla) small{color:#6a6a70!important}
body.ec-pro-tool:not(.ec-tool--hesapla) h1,
body.ec-pro-tool:not(.ec-tool--hesapla) h2,
body.ec-pro-tool:not(.ec-tool--hesapla) h3,
body.ec-pro-tool:not(.ec-tool--hesapla) .result-big,
body.ec-pro-tool:not(.ec-tool--hesapla) .timer-mode{color:#171719!important}
body.ec-pro-tool:not(.ec-tool--hesapla) input,
body.ec-pro-tool:not(.ec-tool--hesapla) textarea,
body.ec-pro-tool:not(.ec-tool--hesapla) select,
body.ec-pro-tool:not(.ec-tool--hesapla) .input{
  color:#171719!important;background:#fff!important;border-color:#ddddda!important;color-scheme:light!important
}
body.ec-pro-tool:not(.ec-tool--hesapla) input::placeholder,
body.ec-pro-tool:not(.ec-tool--hesapla) textarea::placeholder{color:#a0a0a4!important}
body.ec-pro-tool:not(.ec-tool--hesapla) select option{color:#171719!important;background:#fff!important}
body.ec-pro-tool:not(.ec-tool--hesapla) .tab,
body.ec-pro-tool:not(.ec-tool--hesapla) .filter,
body.ec-pro-tool:not(.ec-tool--hesapla) .answer,
body.ec-pro-tool:not(.ec-tool--hesapla) .score-board-tab,
body.ec-pro-tool:not(.ec-tool--hesapla) .btn.light,
body.ec-pro-tool:not(.ec-tool--hesapla) .btn-ghost,
body.ec-pro-tool:not(.ec-tool--hesapla) .btn.ghost,
body.ec-pro-tool:not(.ec-tool--hesapla) .toplink{background:#fff!important;color:#171719!important;border-color:#dededb!important}
body.ec-pro-tool:not(.ec-tool--hesapla) .tab.active,
body.ec-pro-tool:not(.ec-tool--hesapla) .filter.active,
body.ec-pro-tool:not(.ec-tool--hesapla) .score-board-tab.active{background:#111114!important;color:#fff!important;border-color:#111114!important}
body.ec-pro-tool:not(.ec-tool--hesapla) .result,
body.ec-pro-tool:not(.ec-tool--hesapla) .note-box{background:#111114!important;color:#fff!important;border-color:#2a2a2e!important}
body.ec-pro-tool:not(.ec-tool--hesapla) .result h2,
body.ec-pro-tool:not(.ec-tool--hesapla) .result p,
body.ec-pro-tool:not(.ec-tool--hesapla) .note-box{color:#fff!important}
body.ec-pro-tool:not(.ec-tool--hesapla) .result .result-sub{color:#c0c0c5!important}
body.ec-pro-tool:not(.ec-tool--hesapla) .footer{color:#777!important;background:transparent!important}
body.ec-pro-tool:not(.ec-tool--hesapla) .footer a{color:#171719!important}