:root{font-family:"Source Sans 3",Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;color:#0b1a2b;background:#fbfbfb;--brand-accent: #0f3b82;--brand-ink: #0b2a59;--brand-border: #e6e9ef;--brand-surface: #ffffff;--brand-muted: #5a6a7b;--brand-soft: #f1f3f7}body{margin:0;padding:0;background:#fbfbfb}.app-shell{max-width:1040px;margin:0 auto;padding:24px 24px 48px}.app-header{background:#fff;border-bottom:1px solid var(--brand-border);margin:8px 0 28px}.app-header__inner{padding:20px 0 18px}.app-brand{display:flex;align-items:center;gap:16px}.app-logo{width:64px;height:64px;padding:8px;background:#fff;border-radius:12px;border:1px solid var(--brand-border);object-fit:contain}.app-brand__text h1{margin:0;font-size:1.8rem;line-height:1.2;letter-spacing:-.012em;color:var(--brand-ink)}.app-kicker{margin:0 0 6px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-accent);font-weight:700}.app-subtitle{margin:8px 0 0;color:#415061;font-size:.98rem}.app-subtitle-row{display:flex;align-items:center;gap:12px}.app-subtitle-row .app-subtitle{margin:0}.api-token-field{display:grid;gap:6px;margin-top:10px;max-width:420px}.api-token-field__label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-muted);font-weight:700}.api-token-field__control{padding:8px 10px;font-size:.92rem}.panel{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:16px;padding:20px 22px;margin-bottom:22px;box-shadow:0 6px 18px #0b0f170f}.panel__header h2{margin:0 0 4px;font-size:1.25rem;color:var(--brand-ink)}.panel__header--split{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel__title--caps{text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;font-weight:700;color:var(--brand-muted)}.panel__header p{margin:0 0 16px;color:var(--brand-muted)}.info-button{width:30px;height:30px;border-radius:50%;border:2px solid #0b0f17;background:transparent;color:#0b0f17;font-weight:600;font-size:1.05rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.info-button--italic{font-style:italic;font-family:Georgia,Times New Roman,serif}.info-button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.info-popover{position:relative;display:inline-flex;align-items:center}.info-panel{border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-ink);border-radius:12px;padding:10px 12px;font-size:.9rem;max-width:520px;box-shadow:0 6px 16px #0b0f1714}.info-link{color:var(--brand-accent);text-decoration:underline;text-underline-offset:2px}.info-link:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.info-panel--popover{position:absolute;top:calc(100% + 10px);right:0;z-index:10;width:max-content;max-width:min(560px,90vw);white-space:nowrap}.info-panel--popover:before{content:"";position:absolute;top:-8px;right:10px;border-width:0 8px 8px 8px;border-style:solid;border-color:transparent transparent var(--brand-border) transparent}.info-panel--popover:after{content:"";position:absolute;top:-7px;right:11px;border-width:0 7px 7px 7px;border-style:solid;border-color:transparent transparent var(--brand-surface) transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.input-tabs{display:inline-flex;gap:6px;background:var(--brand-soft);padding:4px;border-radius:999px;margin-bottom:16px}.tab{border:1px solid transparent;background:transparent;color:var(--brand-ink);padding:8px 14px;border-radius:999px;font-weight:600;cursor:pointer}.tab--active{background:var(--brand-surface);border-color:var(--brand-border);box-shadow:0 3px 10px #0b0f1714}.tab:disabled{opacity:.45;cursor:not-allowed}.field{display:grid;gap:8px;margin-bottom:16px}.field--inline{flex:1}.field__label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-muted);font-weight:600}.field__control{border:1px solid var(--brand-border);border-radius:10px;padding:10px 12px;font-size:1rem;font-family:inherit;background:var(--brand-surface);color:inherit}.field__control--area{resize:vertical;min-height:180px}.field-row{display:flex;gap:12px;flex-wrap:wrap}.panel__actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border-radius:999px;padding:10px 18px;font-weight:600;border:1px solid transparent;cursor:pointer;font-family:inherit}.btn--primary{background:var(--brand-accent);color:#fff;box-shadow:0 6px 16px #0f3b8240}.btn--ghost{background:transparent;border-color:var(--brand-border);color:var(--brand-ink)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.output-grid{display:flex;flex-direction:column;gap:14px}.card{border:1px solid var(--brand-border);border-radius:14px;padding:16px;background:var(--brand-surface)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.card__header h3{margin:0;font-size:1.05rem}.chip{background:var(--brand-soft);color:var(--brand-ink);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.muted{color:var(--brand-muted);margin:0 0 10px}.placeholder{border:1px dashed var(--brand-border);border-radius:12px;padding:14px;background:#fafbfe;color:#7a8797;min-height:90px;display:flex;align-items:center}.output-text{margin:0;white-space:pre-wrap;color:#1b2b3c}.output-block{display:flex;flex-direction:column;gap:12px}.output-actions{display:flex;justify-content:flex-start;margin-top:8px}.btn--compact{padding:8px 14px;font-size:.9rem}.alert{border:1px solid #f3c2c2;background:#fff4f4;color:#9a1f1f;padding:10px 12px;border-radius:10px;margin-bottom:14px}.alert--warning{border-color:#f3e0a1;background:#fff9e8;color:#6b4f00}.alert--info{border-color:#b8d4f8;background:#edf5ff;color:#1e4f91}.failed-url-list{margin:8px 0 0;padding-left:18px}@media(max-width:720px){.app-shell{padding:18px 16px 32px}.app-brand{flex-direction:column;align-items:flex-start}.app-logo{width:64px;height:64px}}