:root{--playground-input-bg: var(--fl-paper);--playground-output-bg: #1E1E1E;--input-bg: var(--fl-paper);--input-border: var(--color-border-outer);--input-focus: var(--fl-violet-500);--input-text: var(--fl-ink);--code-tab-bg: #161616;--code-tab-active-bg: #1E1E1E;--code-block-bg: #1E1E1E;--playground-gap: 1.5rem;--panel-padding: 1.25rem;--input-spacing: .875rem}.api-playground{margin:1rem 0;min-width:0}.playground-container{display:grid;grid-template-columns:440px 1fr;gap:var(--playground-gap);min-height:600px}@media (max-width: 1024px){.playground-container{grid-template-columns:380px 1fr}}@media (max-width: 768px){.playground-container{grid-template-columns:1fr;grid-template-rows:auto auto;gap:1.5rem}.playground-output-panel{max-height:600px;overflow-y:auto}}.playground-input-panel,.playground-output-panel{display:flex;flex-direction:column;min-width:0}.input-panel,.output-panel{flex:1;display:flex;flex-direction:column}.input-panel{background:var(--playground-input-bg);padding:var(--panel-padding);border-radius:var(--fl-radius-md);border:1px solid var(--fl-violet-500)}.panel-header{margin-bottom:1rem}.panel-header h2{font:700 20px/1.3 var(--font-display);letter-spacing:var(--ls-tight);color:var(--fl-ink);margin:0}.panel-content{flex:1;min-width:0;overflow:hidden}.output-panel{background:var(--playground-output-bg);border-radius:var(--fl-radius-md);border:1px solid var(--fl-ink-pure);overflow:hidden;min-width:0}.form-header{margin-bottom:.75rem}.form-header h3{font:700 16px/1.4 var(--font-display);color:var(--fl-ink);margin:0 0 .25rem}.form-description{font:500 14px/1.5 var(--font-body);color:var(--color-fg-muted);margin:0}.input-group{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--input-spacing)}.input-group label{flex-shrink:0;width:120px;font:700 13px/1.4 var(--font-body);color:var(--fl-ink);margin:0}.input-group .optional{font-weight:500;color:var(--color-fg-muted)}.input-group .required{font-weight:700;color:var(--fl-coral-700)}.input-hint-required{color:var(--fl-coral-700)!important}.validation-error{padding:.625rem .875rem;margin-top:.75rem;background:var(--fl-coral-50);border:2px solid var(--fl-coral-700);border-radius:var(--fl-radius-md);color:var(--fl-coral-700);font:600 13px/1.5 var(--font-body)}.input-field{flex:1;min-width:0;padding:.55rem .75rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--fl-radius-md);color:var(--input-text);font:500 14px/1.5 var(--font-mono-fl);transition:border-color .18s ease,box-shadow .18s ease}.input-field:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px #9747ff1f}.input-field::placeholder{color:var(--color-fg-muted)}.input-field-wrapper{flex:1;min-width:0}.input-field-wrapper .input-field{width:100%}.input-field-wrapper .input-hint{margin-left:0}.input-hint{display:block;margin-top:.25rem;margin-left:calc(120px + .75rem);font:500 12px/1.5 var(--font-body);color:var(--color-fg-muted)}.input-hint code{background:var(--fl-violet-50);border:1px solid var(--color-border-outer);padding:.125rem .375rem;border-radius:4px;font-family:var(--font-mono-fl);font-size:12px;color:var(--fl-ink)}.tracking-items{margin-bottom:1rem}.tracking-item{background:var(--fl-violet-50);padding:.85rem;border-radius:var(--fl-radius-md);border:1px solid var(--fl-violet-500);margin-bottom:.75rem}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.item-number{font:700 14px/1.4 var(--font-body);color:var(--fl-ink)}.btn-remove{background:var(--fl-paper);border:1px solid var(--color-border-outer);color:var(--fl-ink);font-size:1.25rem;line-height:1;width:2rem;height:2rem;border-radius:6px;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.btn-remove:hover{background:var(--fl-coral-50);border-color:var(--fl-coral-700);color:var(--fl-coral-700)}.btn-add{width:100%;padding:.6rem;background:var(--fl-paper);border:1px dashed var(--fl-violet-500);color:var(--fl-violet-500);font:700 14px/1 var(--font-body);border-radius:var(--fl-radius-md);cursor:pointer;transition:background .18s ease}.btn-add:hover{background:var(--fl-violet-50)}.limit-message{text-align:center;font:500 13px/1.5 var(--font-body);color:var(--color-fg-muted);margin:1rem 0 0}.missing-carrier-hint{margin-top:.4rem;font:500 12px/1.5 var(--font-body);color:var(--color-fg-muted)}.missing-carrier-hint a{color:var(--fl-violet-500);font-weight:700;text-decoration:underline;text-decoration-color:var(--fl-yellow-400);text-decoration-thickness:2px}.select-field{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231E1E1E' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.75rem;padding-right:2.5rem;cursor:pointer}.select-field:disabled{opacity:.5;cursor:not-allowed}.select-field option{background:var(--fl-paper);color:var(--fl-ink)}.checkbox-group{flex-wrap:wrap}.checkbox-group>label{display:flex;align-items:center;gap:.5rem;cursor:pointer;width:auto;flex-shrink:0;margin:0}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--fl-violet-500);cursor:pointer;flex-shrink:0}.checkbox-group>label>span{font:600 14px/1.4 var(--font-body);color:var(--fl-ink)}.checkbox-group>.input-hint{width:100%;margin-top:0;margin-left:0}.no-params-message{text-align:center;padding:3rem 1rem;color:var(--color-fg-muted)}.no-params-message p{margin:0 0 .5rem}.no-params-message p:first-child{font:700 18px/1.4 var(--font-display);color:var(--fl-ink)}.no-params-message .hint{font:500 14px/1.5 var(--font-body);color:var(--color-fg-muted)}.param-section{margin-bottom:2rem}.param-section h4{font:700 16px/1.4 var(--font-display);color:var(--fl-ink);margin:0 0 1rem}.input-info-message{margin:0;font:500 13px/1.5 var(--font-body);color:var(--color-fg-muted)}.warning-message{background:var(--fl-coral-50);border:2px solid var(--fl-coral-700);color:var(--fl-coral-700);padding:1rem;border-radius:var(--fl-radius-md);font:600 14px/1.5 var(--font-body);text-align:center;margin-top:1.5rem}.code-display{display:flex;flex-direction:column;height:100%;min-width:0}.code-tabs{display:flex;background:var(--code-tab-bg);border-bottom:1px solid #2a2a2a}.code-tab{padding:.75rem 1.5rem;background:transparent;border:none;color:#cfd9e6;font:700 13px/1 var(--font-body);cursor:pointer;transition:background .18s ease,color .18s ease;border-bottom:2px solid transparent}.code-tab:hover{background:#ffffff0f;color:#fff}.code-tab.active{background:var(--code-tab-active-bg);color:var(--fl-yellow-500);border-bottom-color:var(--fl-yellow-500)}.code-block-container{position:relative;flex:1;min-width:0;overflow:hidden}.copy-button{position:absolute;top:1rem;right:1rem;padding:.45rem 1rem;background:var(--fl-yellow-500);color:var(--fl-ink-pure);border:3px solid var(--fl-ink-pure);border-radius:var(--fl-radius-pill);font:700 12px/1 var(--font-display);letter-spacing:.02em;cursor:pointer;transition:filter .18s ease;z-index:10}.copy-button:hover{filter:brightness(.94)}.code-block{margin:0;padding:1.5rem 6rem 1.5rem 1.5rem;background:var(--code-block-bg);color:#e8e8e8;font-family:var(--font-mono-fl);font-size:13px;line-height:1.65;overflow-x:auto;max-width:100%;border:none;border-radius:0}.code-block code{display:block;white-space:pre;color:inherit;background:transparent;border:none;padding:0}.btn-execute{width:100%;padding:.95rem 1rem;background:var(--fl-yellow-500);color:var(--fl-ink-pure);border:4px solid var(--fl-ink-pure);border-radius:var(--fl-radius-pill);font:700 15px/1 var(--font-display);letter-spacing:.02em;cursor:pointer;transition:filter .18s ease;margin-top:1rem}.btn-execute:hover:not(:disabled){filter:brightness(.94)}.btn-execute:disabled{opacity:.6;cursor:not-allowed}.output-mode-tabs{display:flex;background:var(--code-tab-bg);border-bottom:1px solid #2a2a2a}.output-mode-tab{padding:.625rem 1.25rem;background:transparent;border:none;color:#cfd9e6;font:700 13px/1 var(--font-body);cursor:pointer;transition:color .18s ease,background .18s ease;border-bottom:2px solid transparent}.output-mode-tab:hover{color:#fff;background:#ffffff0f}.output-mode-tab.active{color:var(--fl-yellow-500);border-bottom-color:var(--fl-yellow-500)}.response-display{padding:1.5rem;color:#e8e8e8}.response-display.response-empty,.response-display.response-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#888}.response-display.response-loading p,.response-display.response-empty p{margin:0;font:500 14px/1.5 var(--font-body)}.response-spinner{width:1.5rem;height:1.5rem;border:2px solid #333;border-top-color:var(--fl-yellow-500);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.response-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.response-status{font-family:var(--font-mono-fl);font:700 13px/1 var(--font-mono-fl);padding:.3rem .7rem;border-radius:var(--fl-radius-pill)}.response-status.status-success{background:#22c55e2e;color:#4ade80}.response-status.status-client-error{background:#fbbf242e;color:#fbbf24}.response-status.status-server-error{background:#ef44442e;color:#fca5a5}.response-status.status-unknown{background:#9ca3af2e;color:#d1d5db}.response-duration{font-family:var(--font-mono-fl);font-size:12px;color:#888}.response-error{background:#ef44441f;border:1px solid rgba(239,68,68,.4);border-radius:var(--fl-radius-md);padding:.75rem 1rem;margin-bottom:1rem}.response-error p{margin:0;color:#fca5a5;font:500 14px/1.5 var(--font-body)}.response-body{min-width:0;overflow:hidden}.response-body .code-block{padding-right:1.5rem;font-size:13px}@media (max-width: 768px){.input-group{flex-direction:column;align-items:stretch;gap:.5rem}.input-group label{width:auto}.input-hint{margin-left:0}.checkbox-group>.input-hint{margin-left:0}.code-tabs{overflow-x:auto;white-space:nowrap}.code-tab{padding:.625rem 1rem;font-size:12px}.copy-button{position:static;width:100%;margin-bottom:1rem}.code-block{padding-right:1.5rem}}.playground-page{display:grid;grid-template-columns:270px 1fr;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px);align-items:start}.playground-sidebar{position:sticky;top:80px;padding:1.5rem;background:var(--fl-paper);border-radius:var(--fl-radius-md);border:1px solid var(--fl-violet-500)}.playground-sidebar section{margin-bottom:2rem}.playground-sidebar section:last-child{margin-bottom:0}.playground-sidebar h3{font:700 12px/1 var(--font-body);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.75rem}.playground-sidebar ul{list-style:none;padding:0;margin:0}.playground-sidebar li{margin-bottom:.25rem}.playground-sidebar a{display:flex;align-items:baseline;gap:.5rem;padding:.5rem .75rem;border-radius:6px;text-decoration:none;color:var(--fl-ink);transition:background .18s ease}.playground-sidebar a:hover{background:var(--fl-violet-50)}.playground-sidebar a.active{background:var(--fl-violet-500);color:#fff}.playground-sidebar .method{font:700 11px/1 var(--font-body);letter-spacing:.03em;padding:.25rem .5rem;border-radius:4px;flex-shrink:0}.playground-sidebar .method.GET{background:#22c55e2e;color:#15803d}.playground-sidebar .method.POST{background:#9747ff2e;color:var(--fl-violet-500)}.playground-sidebar .method.PUT{background:#fb923c2e;color:#c2410c}.playground-sidebar .method.DELETE{background:#ef44442e;color:var(--fl-coral-700)}.playground-sidebar a.active .method.GET{background:#22c55e52;color:#fff}.playground-sidebar a.active .method.POST{background:#ffffff38;color:#fff}.playground-sidebar a.active .method.PUT{background:#fb923c52;color:#fff}.playground-sidebar a.active .method.DELETE{background:#ef444452;color:#fff}.playground-sidebar .path{font-size:13px;font-family:var(--font-mono-fl);flex:1;min-width:0;word-break:break-all}.playground-main{min-height:600px;min-width:0}.endpoint-not-found{text-align:center;padding:3rem 1rem;color:var(--color-fg-muted)}.endpoint-not-found p{margin:.5rem 0}.endpoint-not-found p:first-child{font:700 18px/1.4 var(--font-display);color:var(--fl-ink)}@media (max-width: 1024px){.playground-page{grid-template-columns:1fr}.playground-sidebar{position:static;max-height:400px}}