.mm{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-1);padding:var(--space-5);position:relative;overflow:hidden;container-type:inline-size}.mm-body{gap:var(--space-4);display:grid}.mm-create{align-items:center;gap:var(--space-5);grid-template-columns:minmax(0,1fr) auto}@container (max-width:19rem){.mm-create{grid-template-columns:minmax(0,1fr);justify-items:center}.mm-form{width:100%}.mm-btn{justify-self:center}}.mm-form{gap:var(--space-3);min-width:0;display:grid}.mm-line{border-radius:var(--radius-full);background:var(--color-bg);height:8px;display:block}.mm-line-label{width:40%;height:6px}.mm-line-short{width:26%}.mm-line-input{width:100%}.mm-field{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1.5px solid color-mix(in srgb, var(--color-primary) 55%, transparent);background:var(--color-surface);align-items:center;gap:2px;display:flex}.mm-typed{font-family:var(--font-mono);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mm-caret{background:var(--color-primary);flex:none;width:1.5px;height:14px}.mm-btn{min-height:30px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);justify-self:start;align-items:center;font-size:11px;font-weight:500;display:inline-flex}.mm-qr{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-line)}.mm-qr-svg{shape-rendering:crispedges;display:block}.mm-export{gap:var(--space-3)}.mm-export-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.mm-formats{gap:var(--space-1);display:flex}.mm-format{padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary-container);color:var(--color-primary);letter-spacing:.04em;font-size:10px;font-weight:600}.mm-sheet{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.mm-cell{padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg);place-items:center;display:grid}.mm-cell-qr{shape-rendering:crispedges;width:100%;height:auto;display:block}.mm-download{justify-self:start;align-items:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-line-strong);color:var(--color-ink);font-size:11px;font-weight:500;display:inline-flex}.mm-scan{background:var(--color-ink);border-color:var(--color-ink);gap:var(--space-4)}.mm-scan-view{aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--color-ink);border:1px solid color-mix(in srgb, var(--color-scan-bright) 26%, transparent);position:relative;overflow:hidden}.mm-scan-corner{border:2px solid var(--color-scan-bright);width:22px;height:22px;position:absolute}.mm-c-1{border-bottom:none;border-right:none;border-top-left-radius:6px;top:12px;left:12px}.mm-c-2{border-bottom:none;border-left:none;border-top-right-radius:6px;top:12px;right:12px}.mm-c-3{border-top:none;border-right:none;border-bottom-left-radius:6px;bottom:12px;left:12px}.mm-c-4{border-top:none;border-left:none;border-bottom-right-radius:6px;bottom:12px;right:12px}.mm-beam{border-radius:var(--radius-full);background:linear-gradient(90deg, transparent, var(--color-scan-bright), transparent);height:2px;position:absolute;top:0;left:12px;right:12px;transform:translateY(-120%)}.mm-scan-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mm-scan-url{font-family:var(--font-mono);color:color-mix(in srgb, var(--color-footer-text) 92%, transparent);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.mm-chip-safe{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-success) 22%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 45%, transparent);color:var(--color-footer-text);letter-spacing:.02em;font-size:10px;font-weight:500;display:inline-flex}.mm-chip-safe svg{color:var(--color-scan-bright)}.mm-manage{gap:var(--space-3)}.mm-manage-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.mm-count{border-radius:var(--radius-full);background:var(--color-primary-container);width:42px;height:6px}.mm-rows{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.mm-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg);display:flex}.mm-row-url{font-family:var(--font-mono);color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.mm-chip{padding:3px var(--space-2);border-radius:var(--radius-sm);letter-spacing:.02em;flex:none;font-size:10px;font-weight:500}.mm-chip-live{background:var(--color-primary-container);color:var(--color-primary)}.mm-chip-idle{background:color-mix(in srgb, var(--color-ink-2) 12%, transparent);color:color-mix(in srgb, var(--color-ink-2) 80%, var(--color-ink))}.mm-track{gap:var(--space-4)}.mm-spark{width:100%;height:auto;max-height:64px;display:block}.mm-spark-line{stroke-dasharray:260;stroke-dashoffset:260px}.mm-spark-dot{opacity:0;transform-origin:216px 10px}.mm-stats{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.mm-stat{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg);display:grid}.mm-stat-bar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 35%, var(--color-primary-container));height:6px;display:block}.mm-stat-bar-a{width:68%}.mm-stat-bar-b{width:46%}.mm-stat-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-2);font-size:10px;font-weight:500}@media (prefers-reduced-motion:no-preference){.mm-create .mm-mod{opacity:0;transform-box:fill-box;transform-origin:50%;animation:MiniMockup-module__TJEyxa__mm-pop var(--dur-base) var(--ease-out) forwards;animation-delay:calc(var(--i) * 6ms);transform:scale(.4)}.mm-export .mm-cell{opacity:0;animation:MiniMockup-module__TJEyxa__mm-row-in var(--dur-base) var(--ease-out) forwards;animation-delay:calc(var(--i) * 60ms + 80ms);transform:translateY(6px)}.mm-scan .mm-beam{animation:MiniMockup-module__TJEyxa__mm-beam 1.6s var(--ease-out) 1}.mm-manage .mm-row{opacity:0;animation:MiniMockup-module__TJEyxa__mm-row-in var(--dur-base) var(--ease-out) forwards;animation-delay:calc(var(--i) * 60ms + 80ms);transform:translateY(6px)}.mm-track .mm-spark-line{animation:MiniMockup-module__TJEyxa__mm-draw 1.4s var(--ease-out) .1s forwards}.mm-track .mm-spark-dot{animation:MiniMockup-module__TJEyxa__mm-dot-in var(--dur-base) var(--ease-out) 1.1s forwards, MiniMockup-module__TJEyxa__mm-dot-pulse .9s var(--ease-out) 1.4s 1}}@media (hover:hover) and (prefers-reduced-motion:no-preference){:is(.mm:hover .mm-create .mm-mod,.mm:hover .mm-mod){animation-name:MiniMockup-module__TJEyxa__mm-pop-replay}.mm-scan:hover .mm-beam{animation:MiniMockup-module__TJEyxa__mm-beam 1.6s var(--ease-out) 1}.mm-manage:hover .mm-row{animation-name:MiniMockup-module__TJEyxa__mm-row-in-replay}.mm-export:hover .mm-cell{animation-name:MiniMockup-module__TJEyxa__mm-row-in-replay}.mm-track:hover .mm-spark-line{animation:MiniMockup-module__TJEyxa__mm-draw 1.4s var(--ease-out) forwards}}@keyframes MiniMockup-module__TJEyxa__mm-pop{to{opacity:1;transform:scale(1)}}@keyframes MiniMockup-module__TJEyxa__mm-pop-replay{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes MiniMockup-module__TJEyxa__mm-beam{0%{opacity:0;transform:translateY(-120%)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(220px)}}@keyframes MiniMockup-module__TJEyxa__mm-row-in{to{opacity:1;transform:none}}@keyframes MiniMockup-module__TJEyxa__mm-row-in-replay{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes MiniMockup-module__TJEyxa__mm-draw{to{stroke-dashoffset:0}}@keyframes MiniMockup-module__TJEyxa__mm-dot-in{to{opacity:1}}@keyframes MiniMockup-module__TJEyxa__mm-dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){:is(.mm-mod,.mm-row,.mm-cell,.mm-spark-line,.mm-spark-dot,.mm-beam){opacity:1!important;animation:none!important;transform:none!important}.mm-spark-line{stroke-dashoffset:0}}
