.fr-mkt .demo-section{padding:clamp(32px,5vw,44px) 0 clamp(48px,6vw,72px)}.fr-mkt .demo-title{color:var(--text);letter-spacing:-.025em;margin:12px 0 0;font-size:clamp(21px,3.1vw,27px);font-weight:600;line-height:1.4}.fr-mkt .demo-root{margin-top:24px}.fr-mkt .demo-banner{border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:13px 15px;font-size:12.5px;line-height:1.8;display:flex}.fr-mkt .demo-banner strong{font-weight:600}.fr-mkt .demo-reset{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);height:32px;color:var(--text);font:inherit;cursor:pointer;flex:none;padding:0 13px;font-size:12.5px;font-weight:500}.fr-mkt .demo-reset:hover{border-color:var(--ink)}.fr-mkt .demo-stats{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:12px;display:grid;overflow:hidden}.fr-mkt .demo-stat{background:var(--surface);padding:14px 16px}.fr-mkt .demo-stat span{color:var(--text-3);font-family:var(--mono);letter-spacing:.1em;font-size:10px;font-weight:500;display:block}.fr-mkt .demo-stat strong{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:6px;font-size:16px;font-weight:600;display:block}.fr-mkt .demo-grid{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.fr-mkt .demo-list,.fr-mkt .demo-detail{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px}.fr-mkt .demo-list h2,.fr-mkt .demo-detail h2{letter-spacing:0;margin:0 0 11px;font-size:13px;font-weight:600;line-height:1.4}.fr-mkt .demo-list ul{margin:0;padding:0;list-style:none}.fr-mkt .demo-list li+li{margin-top:6px}.fr-mkt .demo-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;font:inherit;text-align:left;cursor:pointer;flex-direction:column;gap:4px;padding:11px 12px;display:flex}.fr-mkt .demo-row:hover{background:var(--surface-2)}.fr-mkt .demo-row.is-active{border-color:var(--signal);background:var(--surface-2);border-left-width:3px;padding-left:10px}.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:11px;font-weight:500}.fr-mkt .demo-row-title{font-size:12.5px;font-weight:500}.fr-mkt .demo-row-meta{color:var(--text-3);font-size:11.5px}.fr-mkt .demo-state{border-radius:var(--radius-xs);white-space:nowrap;align-items:center;height:20px;padding:0 7px;font-size:10.5px;font-weight:500;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:14px;display:flex}.fr-mkt .demo-detail-head h2{margin:5px 0;font-size:15px}.fr-mkt .demo-primary{border-radius:var(--radius-sm);background:var(--ink);color:#fff;height:36px;font:inherit;cursor:pointer;border:0;padding:0 16px;font-size:12.5px;font-weight:600}.fr-mkt .demo-primary:hover:not(:disabled){background:var(--ink-strong)}.fr-mkt .demo-primary:disabled{background:var(--hover);color:var(--text-3);cursor:not-allowed}.fr-mkt .demo-panel{border-bottom:1px solid var(--line-2);padding:16px 0}.fr-mkt .demo-panel:last-child{border-bottom:0;padding-bottom:0}.fr-mkt .demo-panel h3{margin:0 0 10px;font-size:13px;font-weight:600}.fr-mkt .demo-panel h4{color:var(--text-3);font-family:var(--mono);letter-spacing:.1em;margin:13px 0 6px;font-size:10px;font-weight:500}.fr-mkt .demo-check{border:1px solid var(--line);border-radius:var(--radius-sm);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:9px;padding:10px 12px;font-size:12.5px;display:flex}.fr-mkt .demo-check input{accent-color:var(--ink)}.fr-mkt .demo-stage-actions{flex-wrap:wrap;gap:7px;display:flex}.fr-mkt .demo-chip{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);height:30px;color:var(--text);font:inherit;cursor:pointer;padding:0 12px;font-size:12px;font-weight:500}.fr-mkt .demo-chip:hover{border-color:var(--ink);background:var(--surface-2)}.fr-mkt .demo-empty{color:var(--text-3);margin:0;font-size:12px}.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:11px;line-height:1.5}.fr-mkt .demo-thumb{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--placeholder);height:74px;margin-bottom:5px}.fr-mkt .demo-money{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:0;display:grid;overflow:hidden}.fr-mkt .demo-money div{background:var(--surface-2);padding:12px 13px}.fr-mkt .demo-money dt{color:var(--text-3);font-family:var(--mono);letter-spacing:.1em;font-size:10px;font-weight:500}.fr-mkt .demo-money dd{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin:6px 0 0;font-size:15px;font-weight:600}.fr-mkt .demo-note{color:var(--text-3);margin:12px 0 0;font-size:11.5px;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}}