@property --color-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #0f172a;
}
@property --color-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #f8fafc;
}
@property --color-panel {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e293b;
}
@property --color-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: #06b6d4;
}
@property --color-border {
  syntax: "<color>";
  inherits: true;
  initial-value: #334155;
}
@property --color-canvas {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e293b;
}
@property --color-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #6366f1;
}
@property --color-text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #94a3b8;
}
@property --color-panel-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #334155;
}
@property --color-primary-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #4f46e5;
}

  :host, :root {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
    }
  [data-nc-theme~="Dark"] {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
[data-nc-theme~="Light"] {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-instrument-serif: 'Instrument Serif',serif;
--font-inter: 'Inter',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .ealGwi {
      color:var(--color-text);
      height:100vh;
      display:flex;
      overflow:hidden;
      font-size:inherit;
      background:var(--color-bg);
      font-family:"Inter",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      font-weight:inherit;
      flex-direction:column;
    }

    .CyPtT {
      gap:2px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dyMmos {
      color:var(--color-text);
      border:1px solid var(--color-border);
      cursor:pointer;
      display:inline-block;
      padding:6px 12px;
      font-size:12px;
      background:var(--color-bg);
      font-family:inherit;
      font-weight:600;
      border-radius:7px;
      flex-direction:row;
    }

    .dyMmos:hover {
      background:var(--color-panel-subtle);
    }

    .dyMmos:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .bnQSyc {
      gap:16px;
      color:inherit;
      display:flex;
      padding:10px 18px;
      font-size:inherit;
      background:var(--color-panel);
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid var(--color-border);
      flex-direction:row;
      justify-content:space-between;
    }

    .bCOrlZ {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cHXqNO {
      gap:4px;
      color:inherit;
      border:1px solid var(--color-border);
      display:flex;
      padding:4px;
      font-size:inherit;
      background:var(--color-bg);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
    }

    .cCKpol {
      color:var(--color-text);
      border:1px solid var(--color-border);
      cursor:pointer;
      display:inline-block;
      padding:6px 10px;
      font-size:11px;
      background:var(--color-bg);
      font-family:inherit;
      font-weight:600;
      border-radius:7px;
      flex-direction:row;
    }

    .cCKpol.active {
      color:#ffffff;
      background:var(--color-primary);
      border-color:var(--color-primary);
    }

    .cCKpol:hover {
      background:var(--color-panel-subtle);
    }

    .cCKpol:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .JMEhf {
      color:inherit;
      inset:0;
      display:block;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .QPoqL {
      gap:6px;
      color:var(--color-text-muted);
      border:none;
      cursor:pointer;
      display:flex;
      padding:7px 12px;
      font-size:12px;
      background:transparent;
      transition:background 0.15s ease, color 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:7px;
      flex-direction:row;
    }

    .QPoqL.active {
      color:#ffffff;
      background:var(--color-primary);
    }

    .QPoqL:hover {
      color:var(--color-text);
      background:var(--color-panel-subtle);
    }

    .QPoqL:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .RaHEj {
      left:16px;
      color:var(--color-text-muted);
      border:1px solid var(--color-border);
      bottom:16px;
      display:block;
      padding:7px 11px;
      position:absolute;
      font-size:11px;
      max-width:60%;
      background:rgba(15, 23, 42, 0.82);
      font-family:inherit;
      font-weight:inherit;
      line-height:1.4;
      border-radius:8px;
      flex-direction:row;
      pointer-events:none;
    }

    .fpLJsz {
      gap:4px;
      color:inherit;
      border:1px solid var(--color-border);
      display:flex;
      padding:4px;
      font-size:inherit;
      background:var(--color-bg);
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
    }

    .djtcnE {
      color:var(--color-text-muted);
      display:inline;
      font-size:11px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dXofmm {
      color:inherit;
      display:list-item;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .oLvKq {
      gap:6px;
      color:var(--color-text-muted);
      margin:0px;
      display:flex;
      font-size:11px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.45;
      padding-left:16px;
      flex-direction:column;
    }

    .eBeeAp {
      top:50%;
      left:50%;
      color:inherit;
      width:0px;
      height:0px;
      display:block;
      position:absolute;
      font-size:inherit;
      transform:translate(var(--pan-x, 0px), var(--pan-y, 0px)) scale(var(--zoom, 1));
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .chvFPc {
      color:var(--color-text);
      border:1px solid var(--color-border);
      cursor:pointer;
      display:inline-block;
      padding:6px 10px;
      font-size:11px;
      background:var(--color-bg);
      font-family:inherit;
      font-weight:600;
      border-radius:999px;
      flex-direction:row;
    }

    .chvFPc:hover {
      color:#04212b;
      background:var(--color-accent);
      border-color:var(--color-accent);
    }

    .chvFPc:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .eDIAYf {
      gap:6px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bempMp {
      gap:2px;
      color:inherit;
      border:1px solid var(--color-border);
      display:flex;
      padding:8px 10px;
      font-size:inherit;
      background:var(--color-bg);
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:column;
    }

    .dFusuy {
      gap:8px;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(2, 1fr);
    }

    .dpZUqX {
      flex:1;
      color:inherit;
      display:flex;
      font-size:inherit;
      min-height:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cioPTU {
      color:inherit;
      inset:0;
      cursor:var(--fcursor, move);
      display:block;
      overflow:hidden;
      position:absolute;
      font-size:inherit;
      background:var(--color-canvas);
      box-shadow:0 30px 60px -20px rgba(2, 6, 23, 0.85);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eyOIZw {
      color:var(--color-text-muted);
      margin:0px;
      display:block;
      font-size:11px;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .btXGVv {
      gap:12px;
      color:var(--color-text-muted);
      display:flex;
      padding:8px 18px;
      font-size:11px;
      background:var(--color-panel);
      border-top:1px solid var(--color-border);
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .cdGDZx {
      color:inherit;
      inset:0;
      display:block;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
      background-size:32px 32px, 32px 32px;
      background-image:linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
      background-position:var(--pan-x, 0px) var(--pan-y, 0px);
    }

    .cUxPtD {
      gap:8px;
      color:inherit;
      display:grid;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(3, 1fr);
    }

    .chgolO {
      top:var(--img-y, 0px);
      left:var(--img-x, 0px);
      color:inherit;
      width:var(--img-w, 400px);
      height:var(--img-h, 400px);
      display:inline;
      position:absolute;
      font-size:inherit;
      transform:scaleX(var(--flip, 1));
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      user-select:none;
      flex-direction:row;
      pointer-events:none;
    }

    .ccEqlA {
      gap:20px;
      color:inherit;
      width:300px;
      display:flex;
      padding:16px;
      font-size:inherit;
      background:var(--color-panel);
      overflow-y:auto;
      border-left:1px solid var(--color-border);
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eCikPH {
      top:100%;
      left:50%;
      color:#ffffff;
      display:block;
      padding:3px 8px;
      position:absolute;
      font-size:11px;
      transform:translateX(-50%);
      background:var(--color-primary);
      margin-top:8px;
      font-family:inherit;
      font-weight:600;
      white-space:nowrap;
      border-radius:5px;
      flex-direction:row;
      pointer-events:none;
    }

    .ANxoA {
      flex:1;
      color:inherit;
      cursor:var(--wcursor, default);
      display:block;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      min-width:0px;
      background:radial-gradient(circle at 50% 42%, var(--color-canvas) 0%, var(--color-bg) 72%);
      font-family:inherit;
      font-weight:inherit;
      touch-action:none;
      flex-direction:row;
    }

    .ANxoA:focus-visible {
      outline:none;
    }

    .bOsYxm {
      color:var(--color-text);
      width:28px;
      border:1px solid var(--color-border);
      cursor:pointer;
      height:28px;
      display:inline-block;
      font-size:14px;
      background:var(--color-bg);
      font-family:inherit;
      font-weight:inherit;
      border-radius:7px;
      flex-direction:row;
    }

    .bOsYxm:hover {
      background:var(--color-panel-subtle);
    }

    .bOsYxm:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .oSmd {
      color:var(--color-text-muted);
      display:inline;
      font-size:12px;
      min-width:46px;
      text-align:center;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .YkwNk {
      color:inherit;
      display:inline;
      font-size:14px;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
      letter-spacing:0.01em;
    }

    .cjfupT {
      top:var(--hy, 0%);
      left:var(--hx, 0%);
      color:inherit;
      width:16px;
      cursor:var(--hc, default);
      height:16px;
      margin:-8px 0 0 -8px;
      display:block;
      position:absolute;
      font-size:inherit;
      background:var(--color-text);
      box-shadow:0 1px 4px rgba(2, 6, 23, 0.65);
      font-family:inherit;
      font-weight:inherit;
      border-radius:3px;
      flex-direction:row;
      pointer-events:auto;
    }

    .cjfupT:hover {
      background:var(--color-accent);
    }

    .caucZK {
      color:inherit;
      inset:0;
      display:block;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
      background-image:linear-gradient(to right, transparent 33.33%, rgba(248, 250, 252, 0.3) 33.33%, rgba(248, 250, 252, 0.3) 33.5%, transparent 33.5%, transparent 66.66%, rgba(248, 250, 252, 0.3) 66.66%, rgba(248, 250, 252, 0.3) 66.83%, transparent 66.83%), linear-gradient(to bottom, transparent 33.33%, rgba(248, 250, 252, 0.3) 33.33%, rgba(248, 250, 252, 0.3) 33.5%, transparent 33.5%, transparent 66.66%, rgba(248, 250, 252, 0.3) 66.66%, rgba(248, 250, 252, 0.3) 66.83%, transparent 66.83%);
    }

    .dVrYdX {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .fciqdB {
      top:var(--img-y, 0px);
      left:var(--img-x, 0px);
      color:inherit;
      width:var(--img-w, 400px);
      height:var(--img-h, 400px);
      display:inline;
      opacity:0.28;
      outline:1px dashed rgba(148, 163, 184, 0.45);
      position:absolute;
      font-size:inherit;
      transform:scaleX(var(--flip, 1));
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .bVOGBu {
      color:inherit;
      border:2px solid transparent;
      cursor:pointer;
      display:inline-block;
      padding:0px;
      overflow:hidden;
      font-size:inherit;
      background:var(--color-bg);
      font-family:inherit;
      font-weight:inherit;
      aspect-ratio:4 / 3;
      border-radius:8px;
      flex-direction:row;
    }

    .bVOGBu.active {
      border-color:var(--color-accent);
    }

    .bVOGBu:hover {
      border-color:var(--color-primary);
    }

    .bVOGBu:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .dTtkOn {
      color:var(--color-text);
      border:1px solid var(--color-border);
      cursor:pointer;
      display:inline-block;
      padding:8px 12px;
      font-size:12px;
      background:var(--color-bg);
      font-family:inherit;
      font-weight:600;
      border-radius:8px;
      flex-direction:row;
    }

    .dTtkOn.active {
      color:#ffffff;
      background:var(--color-primary);
      border-color:var(--color-primary);
    }

    .dTtkOn:hover {
      background:var(--color-panel-subtle);
    }

    .dTtkOn:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .bdQqm {
      gap:10px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bvyxwA {
      color:var(--color-text-muted);
      display:inline-block;
      padding:6px 12px;
      font-size:11px;
      transition:background 0.15s ease, color 0.15s ease;
      font-family:inherit;
      font-weight:600;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
      text-decoration:none;
    }

    .bvyxwA.active {
      color:var(--color-text);
      background:var(--color-panel-subtle);
    }

    .bvyxwA:hover {
      color:#ffffff;
      background:var(--color-primary);
    }

    .bvyxwA:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .kdFSm {
      color:inherit;
      display:inline;
      font-size:inherit;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dKbwDP {
      gap:8px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eMOTNr {
      gap:10px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .IMoeK {
      top:var(--hy, 0%);
      left:var(--hx, 0%);
      color:inherit;
      width:10px;
      border:1px solid var(--color-accent);
      cursor:var(--hc, default);
      height:10px;
      margin:-5px 0 0 -5px;
      display:block;
      position:absolute;
      font-size:inherit;
      background:var(--color-text);
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
      pointer-events:auto;
    }

    .IMoeK:hover {
      background:var(--color-accent);
    }

    .BVaYm {
      color:inherit;
      display:inline;
      opacity:0.6;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dEDTJn {
      flex:1;
      color:inherit;
      cursor:pointer;
      display:inline-block;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      accent-color:var(--color-accent);
      flex-direction:row;
    }

    .ciJAos {
      color:var(--color-text-muted);
      width:48px;
      display:inline;
      font-size:11px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eQfsdH {
      color:var(--color-text);
      width:46px;
      display:inline;
      font-size:11px;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    .bsQnXH {
      top:0px;
      left:0px;
      color:inherit;
      width:var(--frame-w, 400px);
      height:var(--frame-h, 400px);
      display:block;
      position:absolute;
      font-size:inherit;
      transform:translate(-50%, -50%) translate(var(--elem-x, 0px), var(--elem-y, 0px)) rotate(var(--rot, 0deg));
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .clbcSs {
      color:var(--color-text-muted);
      border:1px dashed var(--color-border);
      cursor:pointer;
      display:inline-block;
      padding:7px 12px;
      font-size:11px;
      background:transparent;
      font-family:inherit;
      font-weight:600;
      border-radius:8px;
      flex-direction:row;
    }

    .clbcSs:hover {
      color:var(--color-text);
      border-color:var(--color-accent);
    }

    .clbcSs:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .cgTJhL {
      top:100%;
      left:50%;
      color:var(--color-accent);
      width:30px;
      border:1px solid var(--color-accent);
      cursor:grab;
      height:30px;
      display:flex;
      position:absolute;
      font-size:inherit;
      transform:translateX(-50%);
      background:var(--color-panel);
      margin-top:42px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:50%;
      flex-direction:row;
      pointer-events:auto;
      justify-content:center;
    }

    .cgTJhL:hover {
      color:#ffffff;
      background:var(--color-primary);
      border-color:var(--color-primary);
    }

    .cgTJhL:active {
      cursor:grabbing;
    }

    .cgTJhL:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .cvYuFq {
      gap:6px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bPSdqs {
      color:inherit;
      width:100%;
      height:100%;
      display:block;
      font-size:inherit;
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eyqYTt {
      color:var(--color-text);
      border:1px solid var(--color-border);
      cursor:pointer;
      display:inline-block;
      padding:6px 10px;
      font-size:11px;
      background:var(--color-bg);
      font-family:inherit;
      font-weight:600;
      border-radius:7px;
      flex-direction:row;
    }

    .eyqYTt:hover {
      background:var(--color-panel-subtle);
    }

    .eyqYTt:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .WenXu {
      color:var(--color-text);
      width:68px;
      border:1px solid var(--color-border);
      display:inline-block;
      padding:6px 8px;
      font-size:12px;
      background:var(--color-bg);
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .WenXu:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:1px;
    }

    .bbBRqh {
      color:var(--color-text-muted);
      display:inline;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.06em;
      text-transform:uppercase;
    }

    .bOpbwA {
      color:inherit;
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .dQgEEt {
      flex:1;
      color:inherit;
      cursor:pointer;
      display:inline-block;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      accent-color:var(--color-primary);
      flex-direction:row;
    }

    .TUHfH {
      color:var(--color-text-muted);
      border:1px solid var(--color-border);
      cursor:pointer;
      display:inline-block;
      padding:6px 10px;
      font-size:11px;
      background:var(--color-bg);
      font-family:inherit;
      font-weight:600;
      border-radius:7px;
      flex-direction:row;
    }

    .TUHfH:hover {
      color:var(--color-text);
      background:var(--color-panel-subtle);
    }

    .TUHfH:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .eYQDTQ {
      color:inherit;
      inset:0;
      border:1px solid var(--color-accent);
      display:block;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eYQDTQ.crop {
      border:2px solid var(--color-text);
    }