:root{color:#111827;background:transparent;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,h1,p{margin:0}button,input{font:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:8px}.shell[data-theme=dark]{min-height:100dvh;background:transparent}.panel{width:min(100%,360px);border:1px solid #d8dee8;border-radius:8px;background:#fff;padding:10px;box-shadow:0 6px 20px #0f172a14}.shell[data-theme=dark] .panel{border-color:#f0c0602e;background:linear-gradient(180deg,#ffffff0d,#ffffff06),#241e2a;box-shadow:none}header,footer{display:flex;align-items:center;justify-content:space-between;gap:8px}header{margin-bottom:8px}header strong,.runtime-curve-captcha .slider-tip span{min-width:0;color:#0f172a;font-weight:700;overflow-wrap:anywhere}.shell[data-theme=dark] header strong,.shell[data-theme=dark] .runtime-curve-captcha .slider-tip span{color:#efe8f7}footer{min-height:36px;margin-top:8px;color:#64748b;font-size:13px}.shell[data-theme=dark] footer,.shell[data-theme=dark] .runtime-curve-captcha .tianai-captcha-tips{color:#a99dbc}button{border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;padding:5px 10px;cursor:pointer}.shell[data-theme=dark] button{border-color:#f0c0602e;background:#17111d;color:#efe8f7}button:hover{border-color:#2563eb;color:#2563eb}.shell[data-theme=dark] button:hover{border-color:#f0c060;color:#f0c060}button:disabled{border-color:#e2e8f0;background:#f8fafc;color:#94a3b8;cursor:not-allowed}.shell[data-theme=dark] button:disabled{border-color:#ffffff14;background:#ffffff0a;color:#7f738f}.runtime-header-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}.icon-button{width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:6px}.icon-button svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.76}.icon-button:hover svg{opacity:.95}.board{position:relative;width:100%;overflow:hidden;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;touch-action:none;user-select:none}.shell[data-theme=dark] .board,.shell[data-theme=dark] .runtime-curve-captcha .bg-img-div{border-color:#f0c0601f;background:#17111d}.board>img:first-child{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.piece,.concat-piece{position:absolute;top:0;pointer-events:none;object-fit:contain;transition:left 90ms ease,top 90ms ease,transform 90ms ease}.piece{z-index:2}.rotating-image{transform-origin:center;transition:transform 90ms ease}.concat-piece{z-index:2;object-fit:cover}.curve-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.runtime-curve-captcha{position:relative;width:min(100%,300px);margin:0 auto;user-select:none}.runtime-curve-captcha .slider-tip{min-height:32px;margin-bottom:2px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;line-height:20px}.runtime-curve-captcha .content{position:relative}.runtime-curve-captcha .bg-img-div{position:relative;width:100%;overflow:hidden;border:1px solid #d9e2ef;border-radius:6px;background:#f8fafc}.runtime-curve-captcha #tianai-captcha-slider-bg-img,.runtime-curve-captcha #tianai-captcha-slider-bg-canvas,.runtime-curve-captcha #tianai-captcha-curve-bg-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.runtime-curve-captcha #tianai-captcha-slider-bg-img{position:static;display:block;object-fit:cover}.runtime-curve-captcha .tianai-captcha-curve-ball-div{position:absolute;z-index:3;width:16px;height:16px;border:2px solid rgb(73 72 72 / 47%);border-radius:50%;background:#fff;box-shadow:0 1px 5px #0f172a33;pointer-events:none}.runtime-curve-captcha .tianai-captcha-tips{min-height:20px;margin-top:6px;color:#64748b;font-size:13px;line-height:20px}.runtime-curve-captcha .slider-move{position:relative;width:100%;height:40px;margin-top:6px;cursor:pointer;touch-action:none}.runtime-curve-captcha .slider-move-track{position:relative;width:100%;height:40px;border:1px solid #d7d7d7;border-radius:2px;background:#e5e5e5;overflow:hidden}.runtime-curve-captcha #tianai-captcha-slider-move-track-mask{position:absolute;left:0;top:0;height:100%;max-width:100%;background:#8bc34a;pointer-events:none}.runtime-curve-captcha .slider-move-shadow{display:none}.runtime-curve-captcha .slider-move-btn{position:absolute;left:0;top:0;z-index:4;width:52px;height:40px;border:1px solid #cfcfcf;border-radius:2px;background:#fff;box-shadow:inset 0 0 0 1px #ffffffb8;pointer-events:none}.runtime-curve-captcha .slider-move-btn:before,.runtime-curve-captcha .slider-move-btn:after,.drag-thumb:before,.drag-thumb:after{content:"";position:absolute;top:50%;width:10px;height:10px;border-top:3px solid #9ca3af;border-right:3px solid #9ca3af;transform:translateY(-50%) rotate(45deg)}.runtime-curve-captcha .slider-move-btn:before,.drag-thumb:before{left:16px}.runtime-curve-captcha .slider-move-btn:after,.drag-thumb:after{left:27px}.degree-needle{position:absolute;left:50%;top:50%;z-index:2;width:5px;height:38%;border-radius:999px;background:#0f172a;box-shadow:0 2px 7px #0f172a3d;transform-origin:50% 100%;pointer-events:none;transition:transform 90ms ease}.degree-needle:after{content:"";position:absolute;left:50%;bottom:-8px;width:17px;height:17px;border:4px solid #fff;border-radius:50%;background:#2563eb;box-shadow:0 2px 8px #2563eb47;transform:translate(-50%)}.path-board{cursor:crosshair}.curve-board{cursor:default}.drag-board{cursor:grab}.rotate-board{width:min(100%,180px);margin:0 auto;overflow:visible;border:0;background:transparent;border-radius:50%}.jigsaw-board{cursor:grab}.jigsaw-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.curve-board:active,.drag-board:active,.jigsaw-board:active{cursor:grabbing}.path-dot,.path-cursor,.curve-thumb{position:absolute;z-index:3;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.path-dot{width:7px;height:7px;background:#2563ebb8}.path-cursor{width:18px;height:18px;border:3px solid #fff;background:#2563eb;box-shadow:0 2px 8px #2563eb52}.curve-thumb{min-width:18px;min-height:18px;border:3px solid #fff;background:#2563eb;box-shadow:0 3px 10px #2563eb52}.drag-control{position:relative;width:100%;height:40px;margin-top:10px;border:1px solid #d7d7d7;border-radius:2px;background:#e5e5e5;cursor:pointer;overflow:hidden;touch-action:none;user-select:none}.drag-control:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.drag-fill{position:absolute;inset:0 auto 0 0;max-width:100%;background:#8bc34a}.drag-thumb{position:absolute;top:0;z-index:3;width:52px;height:100%;border:1px solid #cfcfcf;border-radius:2px;background:#fff;box-shadow:inset 0 0 0 1px #ffffffb8}.mark{position:absolute;display:grid;place-items:center;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;font-weight:700;pointer-events:none}.demo-shell{min-height:100vh;background:#f5f7fb;color:#111827;padding:18px}.demo-topbar{max-width:1120px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-topbar h1{font-size:24px;line-height:1.1;font-weight:760}.demo-topbar p{margin-top:4px;color:#64748b;font-size:13px}.demo-layout{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:190px minmax(360px,1fr) 210px;gap:14px;align-items:stretch}.type-tabs,.demo-metrics,.demo-stage{border:1px solid #dce3ec;border-radius:8px;background:#fff}.type-tabs{padding:8px;display:grid;gap:8px;align-content:start}.type-tabs button{width:100%;min-height:58px;display:grid;gap:3px;justify-items:start;border-color:transparent;background:#f8fafc;color:#111827}.type-tabs button:nth-child(2).active{border-color:#f59e0b}.type-tabs button:nth-child(3).active{border-color:#14b8a6}.type-tabs button:nth-child(4).active{border-color:#e11d48}.type-tabs button.active{border-color:#2563eb;background:#fff;box-shadow:inset 3px 0 0 currentColor;color:#2563eb}.type-tabs small{color:#64748b;font-size:11px}.demo-stage{overflow:hidden;min-height:520px;display:grid;grid-template-rows:42px 1fr}.browser-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-bottom:1px solid #e5eaf1;color:#475569;font-size:13px}.browser-bar span{min-width:0;display:flex;align-items:center;gap:8px}.browser-bar small{max-width:210px;overflow:hidden;color:#64748b;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.browser-bar strong{color:#0f766e}.demo-stage iframe{width:100%;height:100%;min-height:476px;border:0;background:#fff}.demo-frame-closed{min-height:476px;display:grid;place-items:center;align-content:center;gap:12px;color:#64748b;background:#fff}.demo-frame-closed strong{color:#0f172a;font-size:18px}.demo-metrics{padding:10px}.demo-metrics dl{margin:0;display:grid;gap:8px}.demo-metrics div{min-height:72px;padding:10px;border:1px solid #e5eaf1;border-radius:8px;background:#fbfdff}.demo-metrics dt{color:#64748b;font-size:12px}.demo-metrics dd{margin:8px 0 0;color:#111827;font-size:15px;font-weight:700;overflow-wrap:anywhere}.collector-shell{min-height:100vh;display:grid;place-items:center;padding:14px;background:#f6f8fb}.collector-panel{width:min(100%,430px);padding:12px;border:1px solid #d9e1ec;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a14}.collector-header,.collector-footer,.collector-actions{display:flex;align-items:center}.collector-header{justify-content:space-between;gap:12px;margin-bottom:10px}.collector-header>div:first-child{min-width:0;display:grid;gap:2px}.collector-header strong{color:#0f172a;font-size:18px;line-height:24px}.collector-header span,.collector-footer{color:#64748b;font-size:13px}.collector-actions{flex:0 0 auto;gap:8px}.collector-actions b{min-width:34px;height:28px;display:grid;place-items:center;border-radius:999px;background:#ecfdf5;color:#047857;font-size:14px}.collector-slider-control{position:relative;width:100%;height:48px;overflow:hidden;border:1px solid #d7d7d7;border-radius:2px;background:#e5e5e5;cursor:grab;touch-action:none;user-select:none}.collector-slider-control:active{cursor:grabbing}.collector-slider-fill{position:absolute;inset:0 auto 0 0;max-width:100%;height:100%;background:#8bc34a;pointer-events:none}.collector-slider-target{position:absolute;top:7px;z-index:2;width:2px;height:34px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 3px #ef444421;pointer-events:none}.collector-slider-thumb{position:absolute;top:0;z-index:3;width:52px;height:100%;border:1px solid #cfcfcf;border-radius:2px;background:#fff;box-shadow:inset 0 0 0 1px #ffffffb8;pointer-events:none}.collector-slider-thumb:before,.collector-slider-thumb:after{content:"";position:absolute;top:50%;width:10px;height:10px;border-top:3px solid #9ca3af;border-right:3px solid #9ca3af;transform:translateY(-50%) rotate(45deg)}.collector-slider-thumb:before{left:16px}.collector-slider-thumb:after{left:27px}.collector-footer{min-height:34px;justify-content:space-between;gap:12px;margin-top:8px}.collector-footer strong{flex:0 0 auto;color:#0f766e;font-size:13px}@media(max-width:880px){.demo-shell{padding:12px}.demo-layout{grid-template-columns:1fr}.type-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-stage{min-height:470px}.demo-stage iframe{min-height:426px}}@media(max-width:520px){.demo-topbar{align-items:flex-start}.demo-topbar h1{font-size:21px}.type-tabs{grid-template-columns:1fr}.demo-metrics dl{grid-template-columns:repeat(2,minmax(0,1fr))}}