:root{--ink:#121c2b;--muted:#667387;--line:#e5e9ee;--bg:#f4f6f8;--paper:#fcfdfd;--green:#087d68;--green-dark:#065f51;--mint:#dff4ed;--navy:#142636;--danger:#c44343;--warn:#9d6700;--shadow:0 16px 45px rgba(20,38,54,.09);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--green);margin:0 0 7px}.eyebrow.light{color:#8ed7c9}.muted{color:var(--muted)}.brand-mark{width:54px;height:54px;border-radius:16px;background:var(--green);display:grid;place-items:center;color:#fcfdfd;font-weight:900;font-size:26px;box-shadow:0 14px 30px rgba(8,125,104,.25)}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:18px;box-shadow:none}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-story{padding:56px 7vw;background:radial-gradient(circle at 75% 18%,rgba(43,159,139,.24),transparent 27%),linear-gradient(140deg,#0e1c29 0%,#163343 62%,#0b6d61 150%);color:#fcfdfd;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-.04em;margin:10px 0 25px}.story-copy{max-width:610px;color:#b9c8d1;line-height:1.9;font-size:16px}.pipeline-preview{display:flex;align-items:center;gap:16px;color:#b9d3d0;font-size:14px}.pipeline-preview i{height:1px;background:#61817f;flex:0 1 70px}.pipeline-preview strong{background:#dff4ed;color:#075f51;padding:11px 16px;border-radius:99px}.login-panel{display:grid;place-items:center;padding:40px;background:#f9fafb}.login-card{width:min(430px,100%)}.login-card h2{font-size:36px;letter-spacing:-.03em;margin:4px 0 12px}.login-card>.muted{line-height:1.7;margin-bottom:32px}.login-card label,dialog label{display:grid;gap:8px;margin:17px 0;color:#354052;font-size:13px;font-weight:700}.login-card input,dialog input,dialog select,.filters select{width:100%;border:1px solid #dce2e8;background:#fcfdfd;border-radius:10px;padding:13px 14px;outline:none;transition:.2s}.login-card input:focus,dialog input:focus,dialog select:focus,.filters select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(8,125,104,.1)}button.primary{border:0;border-radius:10px;background:var(--green);color:#fcfdfd;font-weight:750;padding:12px 18px;box-shadow:0 8px 20px rgba(8,125,104,.16)}button.primary:hover{background:var(--green-dark)}button.secondary{border:1px solid #dbe1e7;border-radius:10px;background:#fcfdfd;color:var(--ink);font-weight:700;padding:11px 16px}.wide{width:100%}.login-card .primary{margin-top:12px;display:flex;justify-content:space-between;font-size:15px}.form-error{min-height:20px;color:var(--danger);font-size:13px}.mobile-brand{display:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{height:100vh;position:sticky;top:0;background:var(--navy);color:#fcfdfd;padding:27px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#fcfdfd;text-decoration:none;font-size:15px;font-weight:800;line-height:1.1;padding:0 10px 28px}.brand small{color:#92a7b6;font-size:11px;font-weight:600}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:13px;align-items:center;color:#9db0bc;text-decoration:none;padding:12px 14px;border-radius:9px;font-size:14px;font-weight:650}.sidebar nav a span{width:20px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#203b4b;color:#fcfdfd}.sidebar-foot{margin-top:auto;padding:18px 8px 0;border-top:1px solid #294253;display:flex;align-items:center;justify-content:space-between}.user-mini{display:flex;gap:10px;align-items:center;min-width:0}.user-mini>span{width:34px;height:34px;background:#dff4ed;color:var(--green-dark);border-radius:50%;display:grid;place-items:center;font-weight:800}.user-mini div{display:grid;min-width:0}.user-mini strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini small{font-size:10px;color:#92a7b6}.icon-button,.menu-button{border:0;background:transparent;color:#aebdc6;padding:8px;font-size:19px}.main{min-width:0;padding:0 40px 60px}.topbar{height:106px;display:flex;align-items:center;border-bottom:1px solid var(--line);margin-bottom:32px}.topbar h1{font-size:25px;margin:0;letter-spacing:-.02em}.service-status{margin-left:auto;border:1px solid #cfe8df;background:#f6fbf9;color:#277261;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:700}.service-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#21a77e;margin-right:7px;box-shadow:0 0 0 4px #d9f3ea}.menu-button{display:none;color:var(--ink)}.page{display:none;animation:rise .25s ease}.page.active{display:block}@keyframes rise{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}.hero-card{background:linear-gradient(105deg,#0f2836,#14594e);color:#fcfdfd;border-radius:17px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-110px;top:-130px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018)}.hero-card h2{font-size:26px;margin:4px 0 8px}.hero-card p:not(.eyebrow){color:#b5cec9;margin:0;font-size:13px}.flow{display:flex;align-items:center;gap:11px;z-index:1;white-space:nowrap}.flow span{border:1px solid #53786f;border-radius:9px;padding:10px 13px;color:#d1e4df}.flow b{color:#6c968d}.flow strong{background:#dff4ed;color:#075f51;border-radius:9px;padding:11px 14px;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:22px 0}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:19px 20px;box-shadow:0 4px 16px rgba(20,38,54,.03)}.stat-card .stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700}.stat-card .stat-icon{width:26px;height:26px;border-radius:8px;background:var(--mint);color:var(--green);display:grid;place-items:center}.stat-card strong{font-size:27px;display:block;margin-top:13px;letter-spacing:-.03em}.stat-card small{color:#8a95a4}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 15px rgba(20,38,54,.025);overflow:hidden}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel h3{margin:0;font-size:17px}.text-button{border:0;background:transparent;color:var(--green);font-size:13px;font-weight:750}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:790px}th{text-align:left;padding:13px 20px;color:#8390a0;font-size:11px;letter-spacing:.04em;background:#fbfcfd;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 20px;font-size:13px;border-bottom:1px solid #edf0f2;color:#354052;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfc}.task-id{font-family:ui-monospace,SFMono-Regular,monospace;color:#425267}.cell-main{display:grid;gap:3px}.cell-main strong{color:var(--ink)}.cell-main small{color:#8a95a4}.chip{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;font-size:11px;font-weight:750;background:#edf1f4;color:#647182;white-space:nowrap}.chip.success,.chip.active{background:#e0f3ec;color:#14705e}.chip.running{background:#e7f0fa;color:#2c69a0}.chip.failed,.chip.disabled{background:#fae8e8;color:#a83e3e}.chip.warn{background:#fff0d4;color:#8b5e0d}.progress-line{width:85px;height:4px;background:#e8ecef;border-radius:99px;margin-top:6px;overflow:hidden}.progress-line i{display:block;height:100%;background:var(--green);border-radius:99px}.empty{text-align:center;color:#8b96a4;padding:36px!important}.action-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.action-row p{margin:0}.notice{border:1px solid #cfe8df;background:#f1faf7;color:#286658;border-radius:12px;padding:14px 17px;font-size:13px;margin-bottom:18px}.row-actions{display:flex;gap:7px;white-space:nowrap}.mini-button{border:1px solid #dce2e7;background:#fcfdfd;color:#425267;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:700}.mini-button:hover{border-color:#9db1b8}.filters{display:flex;gap:10px;margin-bottom:16px}.filters select{width:auto;min-width:145px;padding:10px 35px 10px 12px}.pager{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:13px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.docs-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.docs-main,.docs-aside{background:#fcfdfd;border:1px solid var(--line);border-radius:14px;padding:29px}.docs-main>h2{font-size:29px;margin:5px 0 30px}.doc-step{display:grid;grid-template-columns:42px 1fr;gap:17px;padding:24px 0;border-top:1px solid var(--line)}.doc-step>span{width:38px;height:38px;border-radius:50%;background:var(--mint);color:var(--green);font-size:12px;font-weight:800;display:grid;place-items:center}.doc-step h3{margin:2px 0 6px}.doc-step p{color:var(--muted);line-height:1.7;font-size:14px}pre{position:relative;background:#101b25;color:#d8e6e4;border-radius:11px;padding:19px;overflow:auto;line-height:1.7;font-size:12px}pre .copy-code{position:absolute;right:8px;top:8px;background:#243743;color:#c4d4d4;border:0;border-radius:6px;font-size:11px;padding:6px 8px}.docs-aside{align-self:start;position:sticky;top:20px}.docs-aside h3{margin-top:0}.docs-aside dl{display:grid;grid-template-columns:82px 1fr;gap:13px;font-size:13px}.docs-aside dt{color:#8390a0}.docs-aside dd{margin:0;font-weight:650}.tip{background:#f3f7f6;color:#5b6b6b;border-radius:9px;padding:13px;line-height:1.6;font-size:12px}dialog{border:0;border-radius:16px;padding:26px;width:min(510px,calc(100vw - 30px));box-shadow:0 30px 80px rgba(12,30,40,.25);color:var(--ink)}dialog::backdrop{background:rgba(13,27,38,.58);backdrop-filter:blur(2px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.dialog-head h2{margin:4px 0 0}.dialog-close{border:0;background:#f0f3f5;border-radius:50%;width:30px;height:30px;font-size:20px;color:#6d7886}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}dialog label small{font-weight:400;color:var(--muted)}.secret-box{display:flex;gap:8px;background:#f2f5f6;border:1px solid #dce3e4;border-radius:10px;padding:8px;margin:20px 0}.secret-box code{flex:1;padding:7px;overflow:auto;white-space:nowrap;color:#175e54}.timeline{border-left:2px solid #dce6e2;margin:18px 5px;padding-left:20px}.event{position:relative;margin:0 0 18px}.event:before{content:"";position:absolute;left:-26px;top:3px;width:10px;height:10px;background:#fcfdfd;border:3px solid var(--green);border-radius:50%}.event strong{display:block;font-size:13px}.event small{color:#85909d}.result-link{display:inline-block;background:var(--green);color:#fcfdfd;text-decoration:none;padding:10px 13px;border-radius:8px;margin:8px 0}.toast{position:fixed;right:25px;bottom:25px;background:#173341;color:#fcfdfd;padding:12px 17px;border-radius:10px;box-shadow:var(--shadow);font-size:13px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{transform:none;opacity:1}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}.hero-card{align-items:flex-start;flex-direction:column}.docs-layout{grid-template-columns:1fr}.docs-aside{position:static}.flow{flex-wrap:wrap}}
@media(max-width:760px){.login-shell{display:block}.login-story{display:none}.login-panel{min-height:100vh;padding:25px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:65px;font-weight:800}.app-shell{display:block}.sidebar{position:fixed;z-index:30;width:248px;transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{padding:0 16px 45px}.topbar{height:88px;margin-bottom:20px}.menu-button{display:block;margin-right:8px}.service-status{font-size:0;padding:9px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:15px}.stat-card strong{font-size:23px}.hero-card{padding:23px}.hero-card h2{font-size:22px}.flow{font-size:12px}.flow b{display:none}.flow span,.flow strong{padding:8px}.action-row{align-items:flex-start;gap:13px}.docs-main,.docs-aside{padding:20px}.doc-step{grid-template-columns:1fr}.filters{overflow:auto}.topbar h1{font-size:21px}}
.docs-main,.doc-step>div{min-width:0}.doc-step{grid-template-columns:42px minmax(0,1fr)}pre{max-width:100%}
@media(max-width:760px){.doc-step{grid-template-columns:1fr}}
.date-filter{display:flex;align-items:center;gap:7px;margin:0;padding:0 10px;border:1px solid #dce3e4;border-radius:8px;background:#fcfdfd;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.date-filter input{border:0;padding:9px 0;background:transparent;outline:none;color:var(--ink)}.positive{color:#1b7f65}.negative{color:#ba4b4b}.billing-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.billing-breakdown.one{grid-template-columns:minmax(180px,1fr)}.billing-breakdown>div{padding:13px;background:#f4f7f7;border:1px solid #e0e7e6;border-radius:10px}.billing-breakdown small{display:block;color:var(--muted);margin-bottom:7px}.billing-breakdown strong{font-size:17px}.table-wrap table{min-width:max-content}@media(max-width:760px){.billing-breakdown{grid-template-columns:repeat(2,1fr)}.date-filter{min-width:155px}}
.test-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.test-form-card{position:sticky;top:20px;background:#fcfdfd;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.test-credit{background:linear-gradient(135deg,#0d6f60,#0f927b);color:#fcfdfd;border-radius:13px;padding:18px;margin-bottom:20px;display:grid;gap:4px;position:relative;overflow:hidden}.test-credit:after{content:"";position:absolute;width:100px;height:100px;border:18px solid rgba(255,255,255,.08);border-radius:50%;right:-45px;top:-50px}.test-credit>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#b9ece1}.test-credit strong{font-size:25px}.test-credit strong b{font-size:34px}.test-credit small{color:#c9e9e3}.test-form-card label,.quote-form label{display:grid;gap:7px;margin:14px 0;color:#354052;font-size:12px;font-weight:750}.test-form-card textarea,.test-form-card select,.quote-form input{width:100%;border:1px solid #dce2e8;background:#fcfdfd;border-radius:10px;padding:11px 12px;outline:none;color:var(--ink);font:inherit}.test-form-card textarea{resize:vertical;line-height:1.6}.test-form-card textarea:focus,.test-form-card select:focus,.quote-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(8,125,104,.1)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.test-form-card .primary{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.test-policy{font-size:11px;line-height:1.65;color:var(--muted);margin:4px 0 0}.test-workspace{min-width:0;display:grid;gap:20px}.test-empty{min-height:330px;border:1px dashed #cbd9d6;border-radius:16px;background:linear-gradient(145deg,#f9fbfb,#eef7f4);display:grid;place-content:center;text-align:center;padding:50px}.test-empty>span{width:58px;height:58px;border-radius:18px;background:var(--mint);display:grid;place-items:center;margin:0 auto 12px;color:var(--green);font-size:25px}.test-empty h2{margin:4px 0 8px;font-size:23px}.test-empty p{margin:0 auto;color:var(--muted);line-height:1.7;max-width:560px}.test-result-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.test-result-head h2{margin:3px 0 7px}.test-result-head p{margin:0;color:var(--muted)}.test-result-head>div:last-child{display:flex;align-items:center;gap:10px}.result-progress{font-size:24px}.result-progress-bar{height:7px;background:#e3e9e8;border-radius:99px;overflow:hidden;margin:15px 0 22px}.result-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#0a7f6a,#37b99e);border-radius:99px;transition:width .35s}.compare-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.compare-head h3{margin:0 0 4px}.compare-head p{margin:0;color:var(--muted);font-size:12px}.video-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.video-compare article{background:#101a22;border:1px solid #263945;border-radius:14px;overflow:hidden}.video-compare article.after{box-shadow:0 0 0 2px rgba(8,125,104,.13)}.video-label{display:flex;align-items:center;justify-content:space-between;color:#9fb0ba;padding:10px 13px;font-size:11px}.video-label strong{color:#fcfdfd;background:#24404c;border-radius:99px;padding:4px 8px}.video-compare video,.video-unavailable{display:block;width:100%;aspect-ratio:16/9;background:#060a0d}.video-compare video{object-fit:contain}.video-unavailable{color:#8797a1;display:grid;place-content:center;text-align:center;padding:25px}.video-unavailable>span{font-size:24px;font-weight:900;color:#506570}.video-unavailable strong{color:#c1cbd0;margin-top:8px}.video-unavailable p{max-width:320px;margin:7px auto 0;font-size:11px;line-height:1.5}.video-unavailable.processing:before{content:"";width:28px;height:28px;border:3px solid #29414b;border-top-color:#31b298;border-radius:50%;margin:0 auto 10px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.usage-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.usage-breakdown article{border:1px solid var(--line);background:#fcfdfd;border-radius:12px;padding:14px;display:grid;gap:5px}.usage-breakdown article.actual{background:#eaf8f3;border-color:#cce9df}.usage-breakdown small{color:var(--muted)}.usage-breakdown strong{font-size:19px}.usage-breakdown span{font-size:10px;color:#8a95a4}.test-history-panel{margin-top:2px}.free-pill{display:inline-flex;color:#0b745f;background:#ddf4ec;border-radius:99px;padding:5px 8px;font-size:11px;font-weight:800}.free-amount{color:#118068}.signup-gift{display:grid;gap:4px;background:#eaf8f3;border:1px solid #cce9df;color:#176957;border-radius:10px;padding:12px 13px}.signup-gift strong{font-size:13px}.signup-gift span{font-size:11px;color:#4e7b70}
.pricing-hero{background:radial-gradient(circle at 75% 5%,rgba(80,203,176,.25),transparent 30%),linear-gradient(120deg,#102736,#0a695d);color:#fcfdfd;border-radius:17px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.pricing-hero h2{font-size:28px;margin:4px 0 9px}.pricing-hero p:not(.eyebrow){color:#bdd2cf;margin:0}.pricing-rate{min-width:210px;text-align:right;display:grid}.pricing-rate small{color:#9fc7c1}.pricing-rate strong{font-size:39px}.pricing-rate>span{color:#bfd5d1;font-size:12px}.pricing-account{display:grid;grid-template-columns:auto minmax(350px,1fr);align-items:center;gap:35px;background:#fcfdfd;border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin:18px 0}.pricing-account h3{margin:4px 0;font-size:18px}.pricing-account h3 strong{color:var(--green);font-size:28px;margin-left:6px}.pricing-account p{margin:0;color:var(--muted);font-size:12px}.tier-meter>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.tier-meter strong{color:var(--ink)}.meter-track{height:8px;background:#e6ecea;border-radius:99px;overflow:hidden;margin-top:9px}.meter-track i{display:block;height:100%;background:linear-gradient(90deg,#0a7f6a,#54c8ae);border-radius:99px}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px}.pricing-tier{background:#fcfdfd;border:1px solid var(--line);border-radius:14px;padding:17px;position:relative;overflow:hidden}.pricing-tier.current{border:2px solid var(--green);padding:16px;background:linear-gradient(145deg,#fcfdfd,#eefaf6)}.tier-top{display:flex;justify-content:space-between;align-items:center;color:#9aa4b0;font-size:11px;font-weight:800}.tier-top b{background:var(--green);color:#fcfdfd;border-radius:99px;padding:4px 7px;font-size:9px}.pricing-tier h3{font-size:14px;margin:20px 0 8px}.pricing-tier h3 small{font-weight:500;color:var(--muted)}.pricing-tier>strong{font-size:31px;color:var(--green)}.pricing-tier>strong small{font-size:14px}.pricing-tier>p{font-size:10px;color:var(--muted);margin:7px 0 0}.quote-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:20px}.quote-form{display:grid;grid-template-columns:minmax(180px,1fr) 1fr 1fr;gap:12px;align-items:end;padding:20px}.quote-form label{margin:0}.quote-form>p{grid-column:1/-1;margin:3px 0 0;color:var(--muted);font-size:11px}.quote-result{background:#f5f7f8;border:1px solid var(--line);border-radius:10px;padding:12px}.quote-result small{display:block;color:var(--muted);margin-bottom:7px}.quote-result strong{font-size:19px}.quote-result.accent{background:#e9f7f2;border-color:#cde8df;color:#0c715e}.pricing-notes{background:#fcfdfd;border:1px solid var(--line);border-radius:14px;padding:20px}.pricing-notes h3{margin:0 0 15px}.pricing-notes ol{list-style:none;margin:0;padding:0;display:grid;gap:15px}.pricing-notes li{display:grid;grid-template-columns:34px 1fr;gap:10px}.pricing-notes li>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:10px;font-weight:800}.pricing-notes strong{font-size:12px}.pricing-notes p{font-size:11px;line-height:1.55;color:var(--muted);margin:3px 0 0}
@media(max-width:1180px){.test-layout{grid-template-columns:300px minmax(0,1fr)}.usage-breakdown{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(3,1fr)}.quote-layout{grid-template-columns:1fr}.quote-form{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.test-layout{grid-template-columns:1fr}.test-form-card{position:static}.form-pair{grid-template-columns:1fr 1fr}.video-compare{grid-template-columns:1fr}.usage-breakdown{grid-template-columns:1fr 1fr}.test-result-head,.compare-head{align-items:flex-start}.pricing-hero{align-items:flex-start;flex-direction:column}.pricing-rate{text-align:left}.pricing-account{grid-template-columns:1fr}.pricing-grid{display:flex;overflow:auto;padding-bottom:4px}.pricing-tier{min-width:190px}.quote-form{grid-template-columns:1fr}.quote-form>p{grid-column:auto}}
.source-disclosure{margin:0;padding:9px 12px;background:#17262f;color:#9fb0ba;font-size:10px;line-height:1.55;border-top:1px solid #263945}
.admin-portal-notice{display:flex;align-items:center;gap:8px;margin-bottom:18px}.admin-portal-notice a{margin-left:auto;color:var(--green);font-weight:800;text-decoration:none}.task-row-link{cursor:pointer}.task-row-link:focus-within,.task-row-link:hover{background:#f3f8f6}.task-row-link .mini-button{white-space:nowrap}#taskDialog{width:min(900px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto}.task-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.task-detail-head p{margin:10px 0}.task-detail-head>div:last-child{text-align:right;display:grid;color:var(--muted);font-size:11px}.task-detail-head>div:last-child strong{font-size:24px;color:var(--ink)}.task-prompt{border:1px solid var(--line);background:#f6f8f8;border-radius:10px;padding:12px 14px;margin:14px 0}.task-prompt small{color:var(--muted)}.task-prompt p{margin:5px 0 0;line-height:1.65}.task-video-result{background:#0c151b;border-radius:13px;overflow:hidden;margin:16px 0}.task-detail-video{width:100%;max-height:520px;aspect-ratio:16/9;display:block;object-fit:contain;background:#070c10}.task-video-result>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;color:#b8c7cc;font-size:11px}.task-video-result .result-link{margin:0;color:#8de0cd}@media(max-width:760px){.admin-portal-notice{align-items:flex-start;flex-direction:column}.admin-portal-notice a{margin-left:0}.task-detail-head{flex-direction:column}.task-detail-head>div:last-child{text-align:left}.task-video-result>div{align-items:flex-start;flex-direction:column}}
.studio-layout{display:grid;grid-template-columns:minmax(360px,420px) minmax(0,1fr);gap:24px;align-items:start}.studio-compose{position:sticky;top:18px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 10px 34px rgba(20,38,54,.07)}.studio-compose-head,.studio-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.studio-compose-head h2,.studio-section-head h3{margin:3px 0 0}.studio-balance{display:grid;text-align:right;color:var(--muted);font-size:10px}.studio-balance strong{color:var(--green);font-size:25px;letter-spacing:-.03em}.studio-fieldset{border:0;padding:0;margin:21px 0 0;min-width:0}.studio-fieldset legend,.studio-label>span:first-child,.studio-label{color:#354052;font-size:12px;font-weight:750}.mode-tabs,.output-mode{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#eef2f3;border-radius:10px;padding:4px;margin-top:8px}.mode-tabs button,.output-mode button{border:0;background:transparent;color:#667387;border-radius:7px;padding:9px 5px;font-size:11px;font-weight:700}.mode-tabs button:hover,.output-mode button:hover{color:var(--ink)}.mode-tabs button.active,.output-mode button.active{background:var(--paper);color:var(--green-dark);box-shadow:0 1px 5px rgba(20,38,54,.12)}.field-help{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.studio-label{display:grid;gap:7px;margin:15px 0}.studio-label small{color:var(--muted);font-weight:450;line-height:1.5}.studio-label>span small{color:var(--green);margin-left:4px}.studio-label textarea,.studio-label select,.asset-url-row input,.asset-url-row select{width:100%;border:1px solid #dce2e8;background:#fcfdfd;border-radius:9px;padding:10px 11px;outline:none;color:var(--ink);font:inherit}.studio-label textarea{resize:vertical;line-height:1.6}.studio-label textarea:focus,.studio-label select:focus,.asset-url-row input:focus,.asset-url-row select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(8,125,104,.1)}.studio-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.studio-form-grid .studio-label{min-width:0}.studio-form-grid select{min-width:0}.asset-slot{margin:15px 0}.asset-slot-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.asset-slot-head strong{font-size:12px}.asset-slot-head small{font-size:10px;color:var(--muted)}.studio-upload-zone{width:100%;min-height:94px;border:1px dashed #aebebc;background:#f8fbfa;border-radius:11px;color:#53636b;display:grid;place-content:center;text-align:center;padding:13px;transition:background .18s,border-color .18s}.studio-upload-zone:hover,.studio-upload-zone:focus-visible{background:#eef8f5;border-color:var(--green);outline:0}.studio-upload-zone>span{font-size:22px;color:var(--green)}.studio-upload-zone strong{font-size:12px;margin-top:4px}.studio-upload-zone small{font-size:9px;color:var(--muted);margin-top:3px}.studio-selected-list{display:grid;gap:7px}.selected-asset{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dfe6e5;border-radius:10px;padding:7px;background:#fcfdfd}.selected-asset img,.selected-asset video,.selected-asset .asset-kind-icon{width:46px;height:40px;border-radius:7px;object-fit:cover;background:#eaf0ef}.asset-kind-icon{display:grid;place-items:center;color:var(--green);font-size:17px}.selected-asset div{min-width:0}.selected-asset strong,.recent-asset strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.selected-asset small,.recent-asset small{color:var(--muted);font-size:9px}.asset-remove{border:0;background:#f0f3f3;color:#718088;width:27px;height:27px;border-radius:50%;font-size:15px}.asset-remove:hover{background:#fae8e8;color:#a83e3e}.output-fieldset{border-top:1px solid var(--line);padding-top:17px}.output-mode{grid-template-columns:1fr 1fr}.studio-switches{border-top:1px solid var(--line);margin-top:18px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf0f2;cursor:pointer}.switch-row>span{display:grid;gap:3px}.switch-row strong{font-size:12px}.switch-row small{color:var(--muted);font-size:9px}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch-row i{width:38px;height:22px;border-radius:99px;background:#cdd5d9;position:relative;transition:.18s;flex:0 0 auto}.switch-row i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fcfdfd;left:3px;top:3px;box-shadow:0 1px 4px rgba(20,38,54,.2);transition:.18s}.switch-row input:checked+i{background:var(--green)}.switch-row input:checked+i:after{transform:translateX(16px)}.switch-row input:focus-visible+i{box-shadow:0 0 0 3px rgba(8,125,104,.17)}.studio-advanced{margin:13px 0;border-bottom:1px solid var(--line);padding-bottom:12px}.studio-advanced summary{cursor:pointer;font-size:11px;font-weight:750;color:#536070}.check-row{display:flex;gap:9px;align-items:flex-start;margin-top:12px;font-size:11px}.check-row input{accent-color:var(--green);margin-top:2px}.check-row span{display:grid;gap:2px}.check-row small{color:var(--muted);font-size:9px}.studio-cost-bar{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;margin:15px 0 10px}.studio-cost-bar strong{color:var(--ink);font-size:14px}.studio-submit{display:flex;align-items:center;justify-content:space-between}.studio-stage{min-width:0;display:grid;gap:18px}.studio-shelf,.studio-output{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:20px}.studio-section-head>small{color:var(--muted);font-size:10px}.asset-url-row{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:8px;margin:17px 0 14px}.asset-url-row input,.asset-url-row select{padding:9px 10px}.studio-recent-assets{display:flex;gap:9px;overflow:auto;padding-bottom:3px;min-height:75px}.recent-asset{display:grid;grid-template-columns:52px minmax(90px,1fr);gap:8px;align-items:center;min-width:185px;max-width:230px;border:1px solid #e1e6e8;border-radius:10px;padding:7px;background:#fbfcfc;cursor:pointer}.recent-asset:hover{border-color:#9ec5bd;background:#f4faf8}.recent-asset img,.recent-asset video,.recent-asset .asset-kind-icon{width:52px;height:48px;border-radius:7px;object-fit:cover;background:#e9efef}.recent-asset .asset-kind-icon{display:grid;place-items:center}.recent-asset .asset-meta{min-width:0}.recent-asset .asset-actions{display:flex;gap:6px;margin-top:4px}.recent-asset button{border:0;background:transparent;color:var(--green);padding:0;font-size:9px;font-weight:750}.studio-output{min-height:500px}.studio-empty{min-height:405px;display:grid;place-content:center;text-align:center;padding:35px;color:var(--muted)}.studio-empty>span{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#e9f5f1;color:var(--green);font-size:25px;margin:0 auto 13px}.studio-empty h3{color:var(--ink);margin:0 0 7px}.studio-empty p{max-width:520px;margin:0;line-height:1.7;font-size:12px}.studio-result-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-top:16px}.studio-result-head h2{margin:3px 0 6px;font-size:21px}.studio-result-head p{margin:0;color:var(--muted);font-size:11px}.studio-result-video{width:100%;max-height:540px;aspect-ratio:16/9;object-fit:contain;background:#0c151b;border-radius:12px;margin-top:16px}.studio-progress-visual{min-height:310px;background:#0f1d26;border-radius:12px;margin-top:16px;display:grid;place-content:center;text-align:center;color:#b3c3c8}.studio-progress-visual span{font-size:33px;color:#52bba5}.studio-progress-visual h3{color:#fcfdfd;margin:12px 0 6px}.studio-progress-visual p{margin:0;font-size:11px}.studio-usage{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.studio-usage>div{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfcfc}.studio-usage small{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.studio-usage strong{font-size:17px}.studio-result-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}.studio-result-actions p{margin:0;color:var(--muted);font-size:10px}.studio-result-actions a{text-decoration:none}.studio-history-panel table{min-width:780px}.studio-history-panel{margin-bottom:24px}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:1280px){.studio-layout{grid-template-columns:350px minmax(0,1fr)}.studio-form-grid{grid-template-columns:1fr 1fr}.studio-form-grid .studio-label:first-child{grid-column:1/-1}.studio-usage{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.studio-layout{grid-template-columns:1fr}.studio-compose{position:static}.studio-form-grid{grid-template-columns:repeat(3,1fr)}.studio-form-grid .studio-label:first-child{grid-column:auto}}@media(max-width:760px){.studio-compose,.studio-shelf,.studio-output{padding:16px}.mode-tabs{grid-template-columns:1fr 1fr}.studio-form-grid{grid-template-columns:1fr 1fr}.studio-form-grid .studio-label:first-child{grid-column:1/-1}.asset-url-row{grid-template-columns:1fr}.studio-section-head{align-items:flex-start}.studio-section-head>small{max-width:100px;text-align:right}.studio-usage{grid-template-columns:1fr 1fr}.studio-result-actions{align-items:flex-start;flex-direction:column}.studio-output{min-height:420px}.studio-empty{min-height:320px}}@media(max-width:430px){.studio-form-grid{grid-template-columns:1fr}.studio-form-grid .studio-label:first-child{grid-column:auto}.studio-usage{grid-template-columns:1fr}.studio-cost-bar{display:grid}.studio-compose-head{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.page,.result-progress-bar i,.switch-row i,.switch-row i:after,.sidebar{animation:none!important;transition:none!important}}