.mz-tool .mz-layout{align-items: flex-start;row-gap: 16px}.mz-board-panel,.mz-side-panel{min-width: 0}.mz-side{display: flex;flex-direction: column;gap: 16px}.mz-panel-header{gap: 12px}.mz-panel-header>span:first-child{flex: 1;min-width: 0}.mz-panel-header i{margin-right: 6px}.mz-panel-header .mz-hint{flex: 0 1 auto;min-width: 0;color: var(--text-3);font-size: 12.5px;text-align: right}.mz-board-body,.mz-side-body{display: flex;flex-direction: column;gap: 14px}.mz-side-body>.mz-field,.mz-side-body>.mz-range-row,.mz-range-row>.mz-field{flex: 0 0 auto}.mz-board-body{--mz-board-max: 440px}.mz-scores{display: grid;grid-template-columns: repeat(auto-fit,minmax(96px,1fr));gap: 10px}.mz-score-card{min-width: 0;padding: 9px 10px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);text-align: center}.mz-score-card.is-best{background: #ecfdf3;border-color: #bbe7c9}:root[data-theme="dark"] .mz-score-card.is-best{background: #13261b;border-color: #2c4a37}.mz-score-label{display: block;color: var(--text-3);font-size: 11.5px;font-weight: 600;white-space: nowrap}.mz-score-value{display: block;color: var(--text);font-size: 21px;font-weight: 700;line-height: 1.3;font-variant-numeric: tabular-nums;white-space: nowrap}.mz-score-card.is-best .mz-score-value{font-size: 15px}.mz-stage{position: relative;width: 100%;max-width: var(--mz-board-max);margin: 0 auto;aspect-ratio: 1 / 1}.mz-canvas{display: block;width: 100%;height: 100%;background: #ffffff;border: 1px solid var(--border);border-radius: 12px;box-shadow: var(--shadow-sm);touch-action: none}:root[data-theme="dark"] .mz-canvas{background: #0b1220}.mz-stage.is-bump{animation: mz-bump 0.2s ease-in-out}@keyframes mz-bump{0%,100%{transform: translateX(0)}25%{transform: translateX(-3px)}75%{transform: translateX(3px)}}.mz-overlay{position: absolute;inset: 0;z-index: 6;display: none;flex-direction: column;align-items: center;justify-content: center;gap: 10px;padding: 18px;background: rgba(236,253,245,0.94);border-radius: 12px;text-align: center}.mz-overlay.is-on{display: flex}:root[data-theme="dark"] .mz-overlay{background: rgba(19,38,27,0.94)}.mz-overlay-title{color: var(--text);font-size: 24px;font-weight: 800}.mz-overlay-text{max-width: 340px;color: var(--text-2);font-size: 13.5px;line-height: 1.7;white-space: pre-line}.mz-overlay-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px}.mz-message{display: none;width: 100%;max-width: var(--mz-board-max);margin: 0 auto;padding: 8px 10px;background: var(--info-soft);border: 1px solid var(--info);border-radius: var(--radius);color: #0f5f6d;font-size: 13px;text-align: center}.mz-message.is-on{display: block}.mz-message.is-good{background: var(--success-soft);border-color: var(--success);color: #15803d}.mz-message.is-error{background: var(--danger-soft);border-color: var(--danger);color: #991b1b}:root[data-theme="dark"] .mz-message{color: var(--info)}:root[data-theme="dark"] .mz-message.is-good{color: var(--success)}:root[data-theme="dark"] .mz-message.is-error{color: var(--danger)}.mz-board-tools{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 14px}.mz-dpad{display: grid;grid-template-columns: repeat(3,46px);grid-template-rows: repeat(3,46px);gap: 6px;flex: 0 0 auto}.mz-dpad-btn{width: 46px;height: 46px;padding: 0;background: var(--primary);border: none;border-radius: var(--radius);color: #fff;font-size: 19px;font-weight: 700;line-height: 1;cursor: pointer;transition: background .15s,transform .1s}.mz-dpad-btn:hover{background: var(--primary-hover)}.mz-dpad-btn:active{transform: scale(0.95)}.mz-dpad-btn.is-up{grid-column: 2;grid-row: 1}.mz-dpad-btn.is-left{grid-column: 1;grid-row: 2}.mz-dpad-btn.is-right{grid-column: 3;grid-row: 2}.mz-dpad-btn.is-down{grid-column: 2;grid-row: 3}.mz-dpad-center{grid-column: 2;grid-row: 2;align-self: center;justify-self: center;width: 12px;height: 12px;background: var(--border-strong);border-radius: 50%}.mz-tool-buttons{display: flex;flex: 1 1 200px;flex-wrap: wrap;justify-content: center;gap: 8px;min-width: 0}.mz-tool-buttons .btn{flex: 0 1 auto;min-width: 0}.mz-status{color: var(--text-3);font-size: 12.5px;text-align: center}.mz-presets{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px}.mz-presets .btn{width: 100%;min-width: 0}.mz-field-row{display: flex;flex-wrap: wrap;gap: 12px}.mz-field{display: flex;flex: 1 1 130px;flex-direction: column;gap: 6px;min-width: 0;margin: 0;color: var(--text-2);font-size: 13.5px;font-weight: 600}.mz-field>span{display: flex;align-items: baseline;justify-content: space-between;gap: 8px}.mz-field .form-control{width: 100%;min-width: 0;padding-top: 8px;padding-bottom: 8px;font-size: 14px}.mz-field output{color: var(--primary);font-size: 12.5px;font-weight: 700;font-variant-numeric: tabular-nums}.mz-range-row{display: flex;flex-direction: column;gap: 0}.mz-range-row input[type="range"]{width: 100%;min-width: 0;margin: 2px 0 0;accent-color: var(--primary)}.mz-seed-row{display: flex;align-items: flex-end;gap: 8px}.mz-seed-row .mz-field{flex: 1 1 auto}.mz-seed-row .btn{flex: 0 0 auto}.mz-action-row{display: flex;flex-wrap: wrap;gap: 8px}.mz-action-row .btn{flex: 1 1 120px;min-width: 0}.mz-metrics{padding: 8px 10px;background: var(--bg-soft);border: 1px dashed var(--border-strong);border-radius: var(--radius);color: var(--text-2);font-size: 12.5px;line-height: 1.6;text-align: center;font-variant-numeric: tabular-nums}.mz-share-row{display: flex;align-items: flex-end;gap: 8px}.mz-share-row .mz-field{flex: 1 1 auto}.mz-share-row .btn{flex: 0 0 auto}.mz-load-row{display: flex;align-items: center;gap: 8px}.mz-load-row .form-control{flex: 1 1 auto;min-width: 0}.mz-load-row .btn{flex: 0 0 auto}.mz-record{display: flex;flex-direction: column;gap: 7px;padding: 10px 12px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius)}.mz-record>div{display: flex;align-items: baseline;justify-content: space-between;gap: 10px;min-width: 0;color: var(--text-3);font-size: 12.5px}.mz-record strong{color: var(--text);font-size: 13px;font-weight: 700;text-align: right;overflow-wrap: anywhere}.mz-note{padding: 9px 11px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);color: var(--text-2);font-size: 12.5px;line-height: 1.6}.mz-note i{margin-right: 5px;color: var(--info)}.mz-samples{display: flex;flex-direction: column;gap: 12px;margin-top: 12px}.mz-sample{display: flex;flex-direction: column;gap: 6px;padding: 12px 14px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius)}.mz-sample-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 12px}.mz-sample-head strong{flex: 1 1 auto;min-width: 0;color: var(--text);font-size: 14px}.mz-sample p{margin: 0;color: var(--text-2);font-size: 13.5px}.mz-sample code{padding: 1px 5px;background: #fff;border: 1px solid var(--border);border-radius: 4px;font-family: var(--mono);font-size: 12.5px}:root[data-theme="dark"] .mz-sample code{background: var(--bg);color: var(--text-2)}.mz-chip{flex: 0 0 auto}@media (max-width: 767px){.mz-stage{max-width: 100%}.mz-panel-header{flex-wrap: wrap;gap: 4px 12px}.mz-panel-header>span:first-child{flex: 1 1 auto;white-space: nowrap}.mz-panel-header .mz-hint{flex: 1 1 100%;text-align: left}.mz-score-value{font-size: 18px}.mz-overlay-title{font-size: 20px}}@media (max-width: 399px){.mz-scores{grid-template-columns: repeat(auto-fit,minmax(84px,1fr))}.mz-dpad{grid-template-columns: repeat(3,44px);grid-template-rows: repeat(3,44px)}.mz-dpad-btn{width: 44px;height: 44px}.mz-action-row .btn{flex: 1 1 auto}}