.model-hero.wrap,#token-playground{width:calc(100% - 40px);max-width:1320px;margin-inline:auto;padding-inline:0}#token-playground{scroll-margin-top:90px}.token-heading{align-items:center;flex-wrap:wrap;gap:8px!important}.token-heading h1{margin-right:4px}.token-label{font-size:12px!important;font-weight:650;letter-spacing:.02em;white-space:nowrap}
.token-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);align-items:start;gap:24px}.token-box{min-width:0;border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--card,#fff)}.token-box *{box-sizing:border-box}.token-box [hidden]{display:none!important}.token-box h3{margin:0 0 8px;font-size:18px}.token-help{font-size:13px;color:var(--muted);line-height:1.65;margin:6px 0 12px}.token-box label,.token-field-title{display:block;font-size:13px;font-weight:650;margin:0 0 8px}.token-box textarea{width:100%;resize:vertical;line-height:1.65}.token-box .input{width:100%;max-width:100%;min-width:0}.token-field{margin-top:22px}.token-options{display:flex;gap:7px;flex-wrap:wrap}.token-options button{min-height:38px;min-width:44px}.token-options button[aria-pressed=true]{background:var(--accent,#20758a);color:#fff;border-color:transparent}.token-custom{display:flex;gap:10px;align-items:center;margin-top:10px}.token-custom input{max-width:110px!important}.token-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px}.token-examples{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.token-examples button{font-size:12px;min-height:36px}.token-references{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.token-ref{border:1px solid var(--line);border-radius:12px;margin-top:10px;overflow:hidden}.token-ref>summary{padding:13px 15px;cursor:pointer;font-size:13px;font-weight:650;display:flex;align-items:center;gap:8px;list-style:none}.token-ref>summary::-webkit-details-marker{display:none}.token-ref>summary:after{content:'+';margin-left:auto;font-size:19px;font-weight:400}.token-ref[open]>summary:after{content:'−'}.token-count{font-weight:400;color:var(--muted);font-size:12px}.token-ref-body{padding:0 14px 14px}.token-drop{border:1.5px dashed var(--border,#cbd5e1);border-radius:10px;padding:16px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--muted);font-size:12px;flex-wrap:wrap}.token-drop.is-over{border-color:var(--accent,#20758a);background:#edf7f8}.token-drop svg{width:24px;height:24px;flex:none}.token-links{margin-top:12px;font-size:12px;color:var(--muted)}.token-links>summary{cursor:pointer;padding:4px 0}.token-links textarea{margin-top:8px;min-height:82px}.token-files{display:grid;gap:6px;margin-top:10px}.token-file-item{display:flex;align-items:center;gap:9px;font-size:12px;padding:8px;border-radius:8px;background:var(--bg,#f5f7f9);min-width:0}.token-file-item img{width:38px;height:38px;object-fit:cover;border-radius:6px}.token-file-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-file-item button{flex:none;min-width:30px;min-height:30px}.token-submit{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.token-submit>.btn{width:100%;white-space:normal;min-height:46px}.token-quote{border:1px solid var(--line);background:var(--bg,#f5f7f9);border-radius:10px;padding:13px;font-size:13px;line-height:1.65;margin-bottom:12px;overflow-wrap:anywhere}.token-result{position:sticky;top:90px}.token-empty{aspect-ratio:16/11;border:1px dashed var(--border,#cbd5e1);background:var(--bg,#f7f9fa);border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;margin-top:18px}.token-empty svg{width:42px;height:42px;color:var(--accent,#20758a);margin-bottom:16px}.token-empty b{font-size:15px}.token-empty p{max-width:260px;font-size:13px;line-height:1.7;color:var(--muted);margin:8px 0 0}.token-status{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.token-status:empty{display:none}.token-result video{width:100%;max-height:440px;border-radius:12px;background:#101820;margin-top:15px}.token-result-actions{display:flex;gap:8px;flex-wrap:wrap}.token-upgrade{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.token-upgrade-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.token-upgrade select{max-width:100px!important}.token-pricing{font-size:13px}.token-pricing>p{margin:0 0 12px;color:var(--muted);font-size:12px}.token-price-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed}.token-price-table th,.token-price-table td{padding:12px 6px;border-bottom:1px solid var(--line);text-align:right;overflow-wrap:anywhere}.token-price-table th{font-size:11px;color:var(--muted);font-weight:500;line-height:1.5}.token-price-table th:first-child,.token-price-table td:first-child{text-align:left;width:26%}.token-price-table td{font-weight:650}.token-price-table td:first-child{font-weight:500}.token-price-notes{margin-top:13px;font-size:12px;color:var(--muted);line-height:1.65}.token-price-notes summary{cursor:pointer;color:var(--text,#243642);font-weight:600}.token-price-notes p{margin:8px 0}.token-subheading{margin-bottom:20px}.token-subheading h2{margin-bottom:5px}.token-box button:focus-visible,.token-box summary:focus-visible{outline:2px solid var(--accent,#20758a);outline-offset:3px}
@media(max-width:860px){.token-layout{grid-template-columns:1fr}.token-result{position:static}.token-empty{aspect-ratio:auto;min-height:230px}.token-box{padding:20px}}@media(max-width:460px){.token-box{padding:16px}.token-settings{grid-template-columns:1fr;gap:0}.token-drop{padding:13px 8px}.token-price-table th,.token-price-table td{padding:10px 3px}.token-price-table{font-size:12px}.token-options{gap:6px}.token-options .btn{padding:7px 11px}}

@media(max-width:460px){.token-heading h1{font-size:30px;line-height:1.2}.token-heading .pill{font-size:11px!important}.token-heading{gap:7px!important}}

  .token-replica .rf{ margin:12px 0 4px; }
  .token-replica .rf-head{ display:flex; align-items:center; gap:8px; margin-bottom:6px; }
  .token-replica .rf-title{ font-weight:700; font-size:13.5px; }
  .token-replica .rf-count{ font-size:11.5px; color:var(--muted,#64748b); border:1px solid var(--border,#e5e9f0); border-radius:999px; padding:1px 8px; }
  .token-replica .rf-clear{ margin-left:auto; border:1px solid #fbcfe8; background:#fdf2f8; color:#be185d; border-radius:8px; font-size:12px; padding:3px 10px; cursor:pointer; font-weight:600; }
  .token-replica .rf-list{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; }
  .token-replica .rf[data-kind=video] .rf-list, .token-replica .rf[data-kind=audio] .rf-list{ grid-template-columns:1fr; }
  .token-replica .rf-list:empty{ display:none; }
  .token-replica .rf-card{ border:1px solid var(--border,#e5e9f0); border-radius:12px; background:var(--card,#fff); padding:8px; }
  .token-replica .rf-card-head{ display:flex; align-items:center; gap:6px; font-size:12px; margin-bottom:6px; min-width:0; }
  .token-replica .rf-card-head b{ font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .token-replica .rf-meta{ color:var(--muted,#64748b); font-size:11px; white-space:nowrap; }
  .token-replica .rf-sample{ font-size:10.5px; background:#eef2ff; color:#4338ca; border-radius:6px; padding:0 6px; white-space:nowrap; }
  .token-replica .rf-rm{ margin-left:auto; border:1px solid #fbcfe8; background:#fdf2f8; color:#be185d; border-radius:7px; font-size:11.5px; padding:2px 8px; cursor:pointer; white-space:nowrap; }
  .token-replica .rf-media img{ width:100%; height:130px; object-fit:contain; background:var(--soft,#f1f5f9); border-radius:8px; display:block; }
  .token-replica .rf-media video{ width:100%; max-height:280px; background:#000; border-radius:8px; display:block; }
  .token-replica .rf-media audio{ width:100%; display:block; }
  .token-replica .rf-card.rf-bad{ border-color:#fca5a5; }
  .token-replica .rf-card.rf-up .rf-media{ min-height:96px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:var(--muted,#64748b); font-size:12px; }
  .token-replica .rf-spin{ width:26px; height:26px; border:3px solid #e5e7eb; border-top-color:#2563eb; border-radius:50%; animation:rfspin .8s linear infinite; }
  @keyframes rfspin{ to{ transform:rotate(360deg); } }
  .token-replica .rf-bar{ width:80%; height:6px; background:#e5e7eb; border-radius:4px; overflow:hidden; }
  .token-replica .rf-bar i{ display:block; height:100%; width:0; background:#2563eb; transition:width .2s; }
  .token-replica .rf-drop{ border:1.5px dashed var(--border,#cbd5e1); border-radius:12px; padding:14px 12px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:6px; color:var(--muted,#64748b); font-size:12.5px; margin-top:8px; cursor:pointer; }
  .token-replica .rf-drop[hidden]{ display:none; }
  .token-replica .rf-drop b{ color:var(--text,#0f172a); font-weight:600; font-size:13px; }
  .token-replica .rf-drop.rf-over{ border-color:#2563eb; background:#eff6ff; }
  .token-replica .rf-drop svg{ width:26px; height:26px; }
  .token-replica .rf-actions{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; justify-content:center; }
  .token-replica .rf-paste{ font-size:12px; color:#0f766e; }
  .token-replica .rf-pick{ background:#2563eb; color:#fff; border:1px solid #2563eb; }
  .token-replica .rf-pick:hover{ background:#1d4ed8; }
  .token-replica .rf-pick:disabled{ opacity:.55; cursor:default; }
  .token-replica .rf-warn{ color:#b91c1c; font-size:12px; margin-top:6px; }
  .token-replica .rf-urls{ margin-top:8px; }

.token-replica{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.token-replica .pane-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.token-replica .pane-head h3{margin:0}.token-replica .rf-card{min-width:0}.token-replica .rf-meta{white-space:normal;margin-top:6px}.token-replica .rf-drop:focus-visible{outline:2px solid #2563eb;outline-offset:3px}@media(max-width:860px){.token-replica{grid-template-columns:1fr}}

.token-replica .pane{padding:20px;border-radius:22px}@media(max-width:460px){.token-replica .pane{padding:16px}}