.fr-mkt .demo-section{max-width:1240px;padding:clamp(32px,5vw,56px) 0 72px}.fr-mkt .demo-section>.section-kicker,.fr-mkt .demo-section>.section-lead{text-align:center;margin-left:auto;margin-right:auto}.fr-mkt .demo-section>.section-lead{margin-top:12px;font-size:15.5px}.fr-mkt .demo-title{color:var(--text);letter-spacing:-.045em;text-align:center;margin:10px 0 0;font-size:clamp(28px,3.4vw,42px);font-weight:900;line-height:1.25}.fr-mkt .demo-title:after{content:"";border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--fr-mint), var(--fr-mint-2));width:72px;height:6px;margin:14px auto 0;display:block}.fr-mkt .demo-root{border:1px solid var(--signal-line,var(--line));background:var(--surface-2);border-radius:24px;margin-top:28px;padding:clamp(14px,2.4vw,24px);box-shadow:0 40px 80px -40px #0f285073}.fr-mkt .demo-banner{border:1px solid var(--warn-soft);border-radius:var(--fr-radius-control);background:var(--warn-soft);color:var(--warn);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;font-size:13.5px;line-height:1.8;display:flex}.fr-mkt .demo-banner strong{font-weight:800}.fr-mkt .demo-reset{height:var(--fr-control-h-sm);border:1px solid var(--line-strong);border-radius:var(--fr-radius-control);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;flex:none;padding:0 14px;font-size:13.5px;font-weight:600}.fr-mkt .demo-reset:hover{border-color:var(--signal);color:var(--signal-strong)}.fr-mkt .demo-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.fr-mkt .demo-stat{border:1px solid var(--line-soft,var(--line));border-radius:var(--fr-radius);background:var(--surface);flex-direction:column;gap:14px;padding:18px 18px 16px;display:flex;box-shadow:0 1px 2px #0f28500a,0 10px 28px -16px #0f28502e}.fr-mkt .demo-stat span{color:var(--text-2);font-size:13.5px;font-weight:600;display:block}.fr-mkt .demo-stat strong{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1;display:block}.fr-mkt .demo-grid{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.fr-mkt .demo-list,.fr-mkt .demo-detail{border:1px solid var(--line-soft,var(--line));border-radius:var(--fr-radius);background:var(--surface);padding:18px;box-shadow:0 1px 2px #0f28500a,0 10px 28px -16px #0f28502e}.fr-mkt .demo-list h2,.fr-mkt .demo-detail h2{letter-spacing:0;margin:0 0 12px;font-size:16px;font-weight:700;line-height:1.4}.fr-mkt .demo-list ul{margin:0;padding:0;list-style:none}.fr-mkt .demo-list li+li{margin-top:8px}.fr-mkt .demo-row{border:1.5px solid var(--line-2);border-radius:var(--fr-radius-control);background:var(--surface);width:100%;font:inherit;text-align:left;cursor:pointer;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.fr-mkt .demo-row:hover{background:var(--fr-hover)}.fr-mkt .demo-row.is-active{border-color:var(--signal);background:0 0}.fr-mkt .demo-row.is-active .demo-row-title{color:var(--signal)}.fr-mkt .demo-row-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.fr-mkt .demo-order-no{color:var(--text-3);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.fr-mkt .demo-row-title{font-size:14.5px;font-weight:600}.fr-mkt .demo-row-meta{color:var(--text-3);font-size:12.5px}.fr-mkt .demo-state{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.fr-mkt .demo-state--scheduled{background:var(--info-soft);color:var(--info)}.fr-mkt .demo-state--in_progress{background:var(--warn-soft);color:var(--warn)}.fr-mkt .demo-state--completed{background:var(--ok-soft);color:var(--ok)}.fr-mkt .demo-detail-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;padding-bottom:16px;display:flex}.fr-mkt .demo-detail-head h2{letter-spacing:-.02em;margin:5px 0;font-size:22px;font-weight:800}.fr-mkt .demo-primary{height:var(--fr-control-h);border-radius:var(--fr-radius-control);background:var(--signal-fill);color:#fff;box-shadow:var(--fr-shadow-primary);font:inherit;cursor:pointer;border:0;padding:0 18px;font-size:14px;font-weight:700}.fr-mkt .demo-primary:hover:not(:disabled){background:var(--fr-signal-hover)}.fr-mkt .demo-primary:disabled{box-shadow:none;background:var(--hover);color:var(--text-3);cursor:not-allowed}.fr-mkt .demo-panel{border:1.5px solid var(--surface-2);background:var(--surface);border-radius:16px;margin-top:14px;padding:16px}.fr-mkt .demo-panel h3{margin:0 0 10px;font-size:16px;font-weight:700}.fr-mkt .demo-panel h4{color:var(--text-3);margin:14px 0 6px;font-size:12.5px;font-weight:700}.fr-mkt .demo-check{border:1px solid var(--line-2);border-radius:var(--fr-radius-control);margin:0;padding:0;list-style:none;overflow:hidden}.fr-mkt .demo-check li+li{border-top:1px solid var(--line-2)}.fr-mkt .demo-check label{cursor:pointer;align-items:center;gap:10px;padding:12px 14px;font-size:14.5px;font-weight:600;display:flex}.fr-mkt .demo-check input{accent-color:var(--signal)}.fr-mkt .demo-check input:checked+span{color:var(--text-3)}.fr-mkt .demo-stage-actions{flex-wrap:wrap;gap:8px;display:flex}.fr-mkt .demo-chip{height:var(--fr-control-h-sm);border:1px solid var(--line-strong);border-radius:var(--fr-radius-control);background:var(--surface);color:var(--signal-strong);font:inherit;cursor:pointer;padding:0 14px;font-size:13.5px;font-weight:600}.fr-mkt .demo-chip:hover{border-color:var(--signal);background:var(--signal-soft)}.fr-mkt .demo-empty{color:var(--text-3);margin:0;font-size:13.5px}.fr-mkt .demo-thumbs{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.fr-mkt .demo-thumbs li{width:112px;color:var(--text-3);font-size:12px;line-height:1.5}.fr-mkt .demo-thumb{border:1px solid var(--line);background:var(--placeholder);border-radius:10px;height:74px;margin-bottom:5px}.fr-mkt .demo-money{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.fr-mkt .demo-money div{border:1.5px solid var(--surface-2);border-radius:var(--fr-radius-control);background:var(--surface);padding:14px 16px}.fr-mkt .demo-money dt{color:var(--text-3);font-size:12.5px;font-weight:600}.fr-mkt .demo-money dd{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin:6px 0 0;font-size:20px;font-weight:800}.fr-mkt .demo-note{color:var(--text-3);margin:12px 0 0;font-size:13px;line-height:1.75}@media (max-width:960px){.fr-mkt .demo-grid{grid-template-columns:1fr}.fr-mkt .demo-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.fr-mkt .demo-money{grid-template-columns:1fr}}
