.try-site{--try-line:#ffffff1a;color:var(--txt);background:radial-gradient(at 90% 5%,#ff9e3d12,#0000 40%);min-height:100vh}.try-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:auto;padding:24px;display:flex}.try-header nav{color:var(--mut);flex-wrap:wrap;gap:22px;font-size:13px;display:flex}.try-banner{z-index:30;border-block:1px solid var(--try-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#15191ef5;flex-wrap:wrap;align-items:center;gap:16px;padding:12px max(24px,50% - 596px);font-size:12px;display:flex;position:sticky;top:0}.try-banner strong{color:var(--ind)}.try-banner span{min-width:180px;color:var(--mut);flex:1}.try-main{max-width:1240px;margin:auto;padding:44px 24px 64px}.try-main h1{letter-spacing:-.04em;max-width:850px;font-size:clamp(30px,4vw,48px);font-weight:600;line-height:1.13}.try-lead{max-width:740px;color:var(--mut);margin:18px 0 26px;font-size:15px;line-height:1.8}.try-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:20px;display:grid}.try-panel{border:1px solid var(--try-line);background:linear-gradient(145deg,#1b2026,#14181d);border-radius:24px;min-width:0;padding:24px;box-shadow:0 12px 34px #00000015}.try-panel h2{letter-spacing:-.02em;margin-bottom:14px;font-size:19px;font-weight:600}.try-panel h3{font-size:16px;font-weight:600}.try-panel p{line-height:1.7}.try-panel label{margin-bottom:14px;font-size:12px;display:block}.try-panel label>.inp{width:100%;margin-top:7px;display:block}.try-panel select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.try-stack{flex-direction:column;gap:20px;display:flex}.try-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.try-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.try-metrics>div{border:1px solid var(--try-line);background:#ffffff04;border-radius:18px;padding:20px}.try-metrics strong{font-size:28px;display:block}.try-metrics span{color:var(--mut);font-size:12px}.try-list{flex-direction:column;gap:10px;display:flex}.try-record{border:1px solid var(--try-line);text-align:left;cursor:pointer;background:#ffffff03;border-radius:14px;width:100%;padding:14px}.try-record[aria-pressed=true]{border-color:var(--ind);background:#ff9e3d0c}.try-record small{color:var(--mut);margin-top:4px;display:block}.try-columns{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;display:grid}.try-log{overflow-wrap:anywhere;max-height:280px;overflow:auto}.try-log li{border-bottom:1px solid var(--try-line);padding:12px 0;font-size:12px;line-height:1.6}.try-note{color:var(--mut);font-size:12px;line-height:1.7}.try-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#4fd6be07;border:1px solid #4fd6be35;border-radius:16px;padding:20px;font-size:14px;line-height:1.8}.try-footer{border-top:1px solid var(--try-line);max-width:1240px;color:var(--mut);justify-content:space-between;gap:20px;margin:auto;padding:24px;font-size:12px;display:flex}.try-site :focus-visible{outline:2px solid var(--ind);outline-offset:4px}.try-site input[type=checkbox]{accent-color:var(--ind)}.try-site button:disabled{opacity:.45;cursor:not-allowed}.try-site .eyebrow{margin-bottom:14px}.try-site .inp{min-width:0}.try-site .btn{white-space:normal;text-align:center}.try-site pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit}.try-tabs{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.try-shop{background:linear-gradient(135deg,#ff9e3d15,#4fd6be0a);border-radius:24px;margin-bottom:22px;padding:30px}.try-shop h2{letter-spacing:-.03em;font-size:32px;font-weight:600}.try-product{background:linear-gradient(120deg,#ff9e3d22,#4fd6be22);border-radius:14px;place-items:center;height:100px;margin-bottom:20px;font-size:40px;display:grid}@media (max-width:700px){.try-header{padding:20px 16px}.try-header nav{gap:15px}.try-banner{gap:8px;padding:10px 16px}.try-banner span{flex-basis:100%;order:3}.try-banner button{margin-left:auto}.try-main{padding:30px 16px}.try-columns{grid-template-columns:minmax(0,1fr)}.try-metrics{gap:8px}.try-metrics>div{padding:14px}.try-metrics strong{font-size:24px}.try-panel{padding:20px}.try-footer{flex-wrap:wrap}.try-shop{padding:24px}}