/* Global continuous-corner policy. This is a web curve, not Apple's private
   path or Figma's smoothing percentage. Edit this ONE default for the site. */
:root {
  --md-corner-smoothing: .6;
  --md-corner-shape: superellipse(calc(1 + var(--md-corner-smoothing)));
  --md-border-shape-supported: 0;
}
@supports (border-shape: path("M 0 0 H 20 V 20 H 0 Z")) {
  :root { --md-border-shape-supported: 1; }
}
@supports (corner-shape: superellipse(1.6)) {
  :where(*, *::before, *::after) { corner-shape: var(--md-corner-shape); }
  /* Full-radius geometry takes priority: native superellipse on a saturated
     radius squares off capsule ends. Keep their circular caps intact. */
  :where(.rounded-full, .q-btn--round, .q-avatar, .q-chip, .q-radio__check,
    .q-toggle__thumb::after, .q-toggle__track, .q-knob, .q-spinner) { corner-shape: round; }
  :where(.q-btn::before, .q-btn__content, .q-focus-helper) { corner-shape: inherit; }
  /* Keep a circular cap with a gradual shoulder. Its join to the straight edge is
     replaced by a local cubic chain; native border-shape follows the curve. */
  [data-md-corner-fit] {
    border-radius:9999px !important;
    corner-shape:round !important;
    border-shape:var(--md-capsule-path);
  }
}

/* Local authoring controls are created only on loopback. No product UI changes. */
.md-corners-debug { position:fixed; z-index:10000; bottom:16px; left:16px; font:13px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif; color:#24242b; }
.md-corners-debug button { font:inherit; cursor:pointer; }
.md-corners-trigger { padding:8px 14px; border:1px solid #dcdce3; border-radius:12px; background:#fffffff2; color:#34343e; box-shadow:0 3px 16px #20203012; }
.md-corners-panel { box-sizing:border-box; position:absolute; bottom:48px; left:0; width:340px; max-width:calc(100vw - 32px); max-height:calc(100svh - 90px); overflow:auto; padding:20px; border:1px solid #dcdce3; border-radius:20px; background:#fff; box-shadow:0 12px 50px #20203024; }
.md-corners-panel[hidden] { display:none; }
.md-corners-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.md-corners-heading h2 { margin:0; font-size:17px; font-weight:650; }
.md-corners-close { padding:2px 8px; border:0; border-radius:8px; background:#f4f4f6; color:inherit; }
.md-corners-panel p { margin:10px 0 16px; font-size:12px; color:#6a6a76; }
.md-corners-label { display:flex; align-items:center; justify-content:space-between; margin-top:12px; font-weight:600; }
.md-corners-range { display:block; width:100%; margin:16px 0; accent-color:#0047ff; }
.md-corners-presets { display:flex; gap:6px; }
.md-corners-presets button { flex:1; padding:6px 2px; border:1px solid #e1e1e8; border-radius:9px; background:#fff; color:inherit; }
.md-corners-presets button[aria-pressed="true"] { border-color:#0047ff; background:#edf2ff; color:#0047ff; }
.md-corners-sample { display:grid; place-items:center; margin-top:18px; height:84px; border:1px solid #c7d4ff; border-radius:24px; background:#edf2ff; color:#2449a9; box-shadow:0 4px 12px #2449a90b; }
.md-corners-actions { display:flex; gap:8px; margin-top:18px; }
.md-corners-actions button { flex:1; min-height:40px; padding:7px 10px; border-radius:12px; }
.md-corners-reset { border:1px solid #dedee5; background:#fff; color:inherit; }
.md-corners-panel .md-corners-status { min-height:38px; margin:12px 0 0; }
.md-corners-debug :focus-visible { outline:2px solid #0047ff; outline-offset:3px; }
@media (max-width:600px) { .md-corners-debug { bottom:10px; left:10px; } .md-corners-panel { max-width:calc(100vw - 20px); } }