.srcp-frame{margin:1.5rem 0;overflow:hidden;border-radius:10px;border:1px solid #e2e8e5;background:#fff;box-shadow:0 10px 30px -18px #14201d80}.srcp-chrome{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #e2e8e5;background:#f4f6f5}.srcp-dots{display:inline-flex;gap:5px}.srcp-dots i{width:9px;height:9px;border-radius:50%;background:#cfd8d4}.srcp-url{margin-left:4px;font-family:ui-monospace,SF Mono,monospace;font-size:11px;color:#8a9591;border:1px solid #e2e8e5;background:#fff;border-radius:6px;padding:2px 8px}.srcp{--teal:#0d8a78;--line:#e2e8e5;--ink:#16201d;--soft:#5b6b66;--faint:#8a9591;--info:#2563eb;--warn:#c2780c;--crit:#d12f3e;--ok:#0d8a78;position:relative;background:#fbfcfc;color:var(--ink);text-align:left;line-height:1.4;font-family:inherit;padding:clamp(15px,3.2vw,24px);overflow:hidden}.srcp.is-modal{background:#eef1f0}.srcp .srcp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.srcp .srcp-h1{font-size:19px;font-weight:700;color:var(--ink)}.srcp .srcp-sub{font-size:12px;color:var(--faint);margin-top:3px}.srcp .srcp-add{display:inline-flex;align-items:center;gap:5px;background:var(--teal);color:#fff;font-size:11.5px;font-weight:600;padding:7px 12px;border-radius:8px;white-space:nowrap;flex:none}.srcp .srcp-list{display:grid;gap:9px}.srcp .srow{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px 14px}.srcp .smain{min-width:0}.srcp .stop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.srcp .sname{font-size:13.5px;font-weight:700;color:var(--ink)}.srcp .smeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;margin-top:5px;font-size:11px;color:var(--faint)}.srcp .smeta .mono{font-family:ui-monospace,SF Mono,monospace;font-size:10.5px}.srcp .smeta .sep{opacity:.6}.srcp .dots{color:var(--faint);font-size:16px;flex:none}.srcp .badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;white-space:nowrap;padding:2px 9px;border-radius:20px}.srcp .badge .dot{width:6px;height:6px;border-radius:50%}.srcp .badge.outline{border:1px solid var(--line);color:var(--soft)}.srcp .h-active{background:#e3f2ee;color:var(--ok)}.srcp .h-active .dot{background:var(--ok)}.srcp .h-stale{background:#fdf2e3;color:var(--warn)}.srcp .h-stale .dot{background:var(--warn)}.srcp .h-never{background:#eef2f0;color:var(--faint)}.srcp .h-never .dot{background:#b2bcb7}.srcp .h-revoked{background:#eef2f0;color:var(--faint)}.srcp .h-revoked .dot{background:#b2bcb7}.srcp .srcp-scrim{position:absolute;inset:0;background:#141a1857}.srcp .srcp-modal{position:relative;z-index:2;margin:clamp(14px,4vw,34px) auto 0;width:min(94%,440px);background:#fff;border-radius:14px;box-shadow:0 30px 70px -20px #14142880;padding:clamp(15px,2.6vw,20px)}.srcp .mhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.srcp .mt{font-size:15px;font-weight:700;color:var(--ink)}.srcp .ms{font-size:11.5px;color:var(--faint);margin-top:3px}.srcp .mx{color:var(--faint);font-size:13px}.srcp .mlabel{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:700}.srcp .tokenrow{display:flex;gap:8px;margin-top:6px}.srcp .token{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:11px;color:#3a4744;border:1px solid var(--line);background:#f7faf9;border-radius:8px;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;filter:blur(3.5px);user-select:none}.srcp .copy{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#3a4744;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;white-space:nowrap}.srcp .promptbar{display:flex;align-items:center;justify-content:space-between;margin:14px 0 6px}.srcp .copyprompt{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--teal);background:#eaf6f2;border:1px solid #bfe3d8;border-radius:7px;padding:5px 10px}.srcp .promptbox{position:relative;border:1px solid var(--line);background:#f7faf9;border-radius:9px;padding:11px 12px;max-height:clamp(120px,17vw,168px);overflow:hidden}.srcp .promptbox pre{margin:0;font-family:ui-monospace,monospace;font-size:10.5px;line-height:1.55;color:#41504a;white-space:pre-wrap;word-break:break-word}.srcp .promptbox:after{content:"";position:absolute;left:0;right:0;bottom:0;height:52px;background:linear-gradient(transparent,#f7faf9)}.srcp .mfoot{display:flex;justify-content:flex-end;margin-top:14px}.srcp .done{background:var(--teal);color:#fff;font-size:12.5px;font-weight:600;border-radius:8px;padding:8px 16px}[data-theme=dark] .srcp-frame{border-color:#26322c;background:#0e1512}[data-theme=dark] .srcp-chrome{background:#16211d;border-color:#26322c}[data-theme=dark] .srcp-dots i{background:#2c3a33}[data-theme=dark] .srcp-url{background:#111a17;border-color:#26322c;color:#7d8f87}[data-theme=dark] .srcp{--line:#26322c;--ink:#e9f1ec;--soft:#9fb2aa;--faint:#7d8f87;--teal:#2EE6C5;--ok:#2EE6C5;background:#0e1512}[data-theme=dark] .srcp.is-modal{background:#0e1512}[data-theme=dark] .srcp .srow{background:#16211d;border-color:#26322c}[data-theme=dark] .srcp .sname{color:#e9f1ec}[data-theme=dark] .srcp .badge.outline{border-color:#2c3a33;color:#9fb2aa}[data-theme=dark] .srcp .h-active{background:#10302a;color:#2ee6c5}[data-theme=dark] .srcp .h-active .dot{background:#2ee6c5}[data-theme=dark] .srcp .h-stale{background:#2e2410;color:#e0a23a}[data-theme=dark] .srcp .h-stale .dot{background:#e0a23a}[data-theme=dark] .srcp .h-never,[data-theme=dark] .srcp .h-revoked{background:#1c2823;color:#7d8f87}[data-theme=dark] .srcp .srcp-scrim{background:#0000008c}[data-theme=dark] .srcp .srcp-modal{background:#18211d;box-shadow:0 30px 70px -20px #000000b3}[data-theme=dark] .srcp .mt{color:#e9f1ec}[data-theme=dark] .srcp .token{background:#111a17;border-color:#26322c;color:#c2d1cb}[data-theme=dark] .srcp .copy{background:#16211d;border-color:#2c3a33;color:#c2d1cb}[data-theme=dark] .srcp .copyprompt{background:#10302a;border-color:#1d5348;color:#2ee6c5}[data-theme=dark] .srcp .promptbox{background:#111a17;border-color:#26322c}[data-theme=dark] .srcp .promptbox pre{color:#a9bcb4}[data-theme=dark] .srcp .promptbox:after{background:linear-gradient(transparent,#111a17)}@media(max-width:460px){.srcp .srcp-head{flex-direction:column}.srcp .srow{flex-wrap:wrap}}