:root{color:#20242b;font-synthesis:none;background:#f2f3f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button{color:inherit;background:#fff;border:1px solid #cdd2db;border-radius:6px;min-height:40px;padding:8px 12px}button:hover:not(:disabled){background:#f4f6fa}button:disabled{cursor:wait;opacity:.55}input,textarea,select{color:#20242b;background:#fff;border:1px solid #bbc3cf;border-radius:6px;width:100%;min-height:40px;padding:8px 10px}input[aria-invalid=true]{border-color:#be3434}:focus-visible{outline-offset:3px;outline:3px solid #2667df}a{color:#215ebf}.site-header{justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex}.wordmark{color:#20242b;letter-spacing:-.8px;font-size:36px;font-weight:750;text-decoration:none}.wordmark span{color:#68717f;letter-spacing:0;margin-left:12px;font-size:14px;font-weight:450}.github-link{margin-right:394px;font-size:18px;text-decoration:none}.preview-area{margin:0 420px 0 28px}.preview-caption{justify-content:space-between;align-items:center;gap:12px;padding:0 0 15px;display:flex}h1{margin:0;font-size:15px;font-weight:600}.preview-caption>span{color:#68717f;font-size:12px}.preview-frame{background:#e5e7eb;border:1px solid #d8dce3;border-radius:8px;overflow-x:auto}.preview-window{min-height:max(200px,100dvh - 158px);position:relative}.preview-loading{z-index:1;color:#526071;background:#f2f3f5e6;border:1px solid #d8dce3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex;position:absolute;inset:0}.preview-spinner{border:3px solid #d5dce8;border-top-color:#2364d7;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite preview-spin}@keyframes preview-spin{to{transform:rotate(360deg)}}.reset{width:100%;margin-top:8px;font-size:14px}@media (width<=900px){.preview-window{min-height:max(160px,40dvh - 120px)}.panel-closed .preview-window{min-height:max(160px,100dvh - 205px)}}@media (prefers-reduced-motion:reduce){.preview-spinner{animation:none}}iframe{background:#fff;border:0;height:calc(100dvh - 158px);min-height:200px;margin-inline:auto;display:block}.preview-note{color:#626c7a;font-size:12px;line-height:1.5}.config-panel{background:#fff;border:1px solid #d8dce3;border-radius:10px;width:360px;position:fixed;top:20px;right:20px;overflow:hidden;box-shadow:0 8px 32px #1b233510}.panel-toggle{border:0;border-bottom:1px solid #e7e9ed;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:17px 18px;font-size:14px;font-weight:600;display:flex}.panel-toggle span:last-child{color:#68717f;font-size:13px;font-weight:400}.export-actions{border-bottom:1px solid #e7e9ed;padding:14px 18px}.primary{color:#fff;background:#2364d7;border-color:#2364d7;width:100%;font-weight:600}.primary:hover:not(:disabled){background:#194ca5}.status{color:#626c7a;align-items:center;gap:7px;margin:0 0 12px;font-size:14px;line-height:1.5;display:flex}.status span{background:#8b95a4;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-ready span{background:#23814d}.status-error span{background:#be3434}.panel-scroll{max-height:calc(100dvh - 214px);padding:0 18px 18px;scroll-padding-block:14px;overflow-y:auto}fieldset{border:0;border-bottom:1px solid #e7e9ed;min-width:0;margin:0;padding:18px 0}legend{width:100%;padding:18px 0 0;font-size:16px;font-weight:650}textarea{resize:vertical;min-height:130px;max-height:260px;font:12px/1.5 ui-monospace,Cascadia Code,Consolas,monospace}#config-panel:not([hidden]){flex-direction:column;max-height:calc(100dvh - 100px);display:flex}.export-actions{flex-shrink:0}.panel-scroll{min-height:0}@media (width<=900px){#config-panel:not([hidden]){max-height:calc(60dvh - 50px)}}label{margin:10px 0 6px;font-size:14px;display:block}label>span{float:right;color:#626c7a}.check{align-items:center;gap:8px;width:100%;min-height:34px;margin:4px 0;font-size:14px;display:flex}.check input{accent-color:#2364d7;width:16px;height:16px;min-height:0}.hint{color:#626c7a;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.65}code{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.field-error,.error-box{color:#a32929;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.error-box p{white-space:pre-wrap;margin:10px 0}.error-box button{min-height:36px}.success{color:#237442;margin-bottom:0;font-size:12px}.calls{padding-top:18px}.calls h2{margin:0 0 12px;font-size:16px;font-weight:650}.tabs{background:#edf0f5;border-radius:6px;gap:4px;padding:3px;display:flex}.tabs button{background:0 0;border:0;flex:1;min-height:34px;padding:6px;font-size:12px}.tabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 3px #1b233515}.calls pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7f9;border:1px solid #e1e5eb;border-radius:6px;max-height:240px;padding:12px;font-size:11px;line-height:1.7;overflow:auto}.copy{font-size:14px}.copy-status{color:#626c7a;margin-left:10px;font-size:12px}.version{color:#626c7a;margin:14px 0 0;font-size:12px}.skip-link{z-index:2;background:#fff;padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.panel-closed .preview-area{margin-right:28px}@media (width<=900px){.site-header{height:62px;padding:0 16px}.wordmark{font-size:28px}.github-link{margin:0;font-size:14px}.preview-area,.panel-closed .preview-area{margin:0 16px;padding-bottom:62vh}.preview-caption{flex-direction:column;align-items:flex-start;gap:4px}iframe{height:calc(40dvh - 120px);min-height:160px}.config-panel{border-radius:12px 12px 0 0;width:100%;max-height:60dvh;inset:auto 0 0}.panel-scroll{max-height:calc(60dvh - 190px)}.panel-toggle{min-height:48px;padding:14px 18px}.panel-closed .preview-area{padding-bottom:65px}.panel-closed iframe{height:calc(100dvh - 205px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
