.interactive-features .feature-card{transition:box-shadow .25s var(--moq-ease-quint),transform .3s var(--moq-ease-quint);background:#fff;padding:12px 12px 20px;box-shadow:0 0 0 1px #00000008}.interactive-features .feature-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #00000010,0 12px 32px #15265509}.interactive-features .feature-card h3{margin:18px 0 0;padding:0 8px;font-size:14px;font-weight:500}.demo-stage{corner-shape:var(--moq-squircle-card);background:#f2f2f3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:228px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000004}.demo-stage button{cursor:pointer}.demo-stage button:focus-visible,.tour-preset-choice:focus-visible,.tour-variation-choice:focus-visible,.tour-zoom:focus-visible{outline:2px solid var(--moq-cobalt);outline-offset:3px}.demo-stage .motion-preview{width:100%;max-width:none;height:100%}.demo-stage .motion-preview img,.demo-stage .motion-preview video{object-fit:contain;mix-blend-mode:multiply}.demo-play{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #0000000c;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .2s,transform .2s;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #00000008}.demo-play:hover{background:#fff;transform:scale(1.06)}.demo-custom{flex-direction:row;transition:background .25s}.demo-custom>img{object-fit:contain;mix-blend-mode:multiply;width:65%;height:100%;transition:transform .16s ease-out}.demo-adjust{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc9;border:1px solid #ffffffbd;border-radius:14px;width:136px;padding:14px;position:absolute;bottom:16px;right:12px;box-shadow:0 8px 20px #00000008}.demo-adjust label{justify-content:space-between;font-size:10px;display:flex}.demo-adjust output{font-variant-numeric:tabular-nums;color:var(--muted)}.demo-adjust input{width:100%;accent-color:var(--moq-cobalt);cursor:ew-resize;margin:12px 0;display:block}.demo-swatches{gap:8px;display:flex}.demo-swatches button{border:1px solid #00000012;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.demo-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 3px #00000026}.demo-format-art{width:100%;height:180px}.demo-choices{background:#e5e5e880;border-radius:11px;gap:3px;width:fit-content;padding:3px;display:flex;position:relative}.demo-choices button{color:#777;background:0 0;border:0;border-radius:8px;padding:6px 13px;font-size:11px;transition:background .2s,color .2s,box-shadow .2s}.demo-choices button:hover{color:#222}.demo-choices button[aria-pressed=true]{color:#222;background:#fff;box-shadow:0 2px 4px #00000008}.demo-variation-cards{justify-content:center;align-items:center;width:100%;height:170px;padding:20px 12px 10px;display:flex}.demo-variation-cards button{width:34%;transition:transform .35s var(--moq-ease-quint),box-shadow .25s;background:#fff;border:0;border-radius:9px;padding:0;position:relative;overflow:hidden;transform:rotate(-9deg)translateY(8px);box-shadow:0 5px 16px #00000012}.demo-variation-cards button:nth-child(2){transform:translateY(5px)}.demo-variation-cards button:nth-child(3){transform:rotate(9deg)translateY(8px)}.demo-variation-cards button[aria-pressed=true]{z-index:1;transform:translateY(-10px)rotate(0)scale(1.08);box-shadow:0 0 0 2px #064cff,0 12px 20px #00000014}.demo-variation-cards img{object-fit:cover;width:100%;height:120px}.demo-caption{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:10px;font-size:10px}.demo-output,.demo-agent{background:#ffffffde;border:1px solid #00000008;border-radius:14px;width:calc(100% - 32px);max-width:270px;padding:16px;box-shadow:0 8px 20px #00000004}.demo-eyebrow{letter-spacing:.1em;color:#919196;margin-bottom:12px;font-size:8px;display:block}.demo-output>.demo-choices{width:100%}.demo-output>.demo-choices button{flex:1}.demo-output-file{align-items:center;gap:10px;margin:18px 0;display:flex}.demo-file-type{color:#064cff;background:#edf2ff;border-radius:6px;place-items:center;width:35px;height:43px;font-size:9px;display:grid}.demo-output-file strong{font-size:10px;font-weight:500;display:block}.demo-output-file div>span{color:var(--muted);font-size:9px}.demo-local{color:#777;align-items:center;gap:6px;font-size:9px;display:flex}.demo-agent{padding:14px}.demo-agent-top{color:#888;align-items:center;gap:6px;font-size:8px;display:flex}.demo-agent-top button{color:#888;background:0 0;border:0;margin-left:auto;padding:5px;display:flex}.demo-agent p{margin:10px 0 14px;font-size:12px}.demo-agent-steps{gap:5px;display:grid}.demo-agent-steps button{text-align:left;color:#aaa;background:0 0;border:0;align-items:center;gap:9px;padding:4px;font-size:10px;transition:color .2s;display:flex}.demo-agent-steps button>span{background:#eee;border-radius:50%;place-items:center;width:19px;height:19px;font-size:9px;display:grid}.demo-agent-steps button[aria-pressed=true]{color:#333}.demo-agent-steps button[aria-pressed=true]>span{color:#064cff;background:#e7eeff}@media (prefers-reduced-motion:reduce){.interactive-features .feature-card,.demo-stage *{transition:none!important}.interactive-features .feature-card:hover{transform:none}}@media (hover:none){.interactive-features .feature-card:hover{transform:none}}