.mm-layout{max-width:1080px;gap:32px;align-items:flex-start}.mm-form{width:480px;padding:24px;box-sizing:border-box;border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--card-bg);box-shadow:var(--card-shadow)}.mm-form section+section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-soft)}.mm-form .fs-title{border:0;padding:0;margin:0 0 16px;font-size:var(--fs-h2)}.mm-form .field-label{display:flex;align-items:center;gap:8px;margin:12px 0 6px;font-size:var(--fs-ui-button);font-weight:600}.mm-form :is(input[type=text],input[type=date],select){width:100%;min-height:calc(var(--tap-min) + 4px);box-sizing:border-box;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--text);font-size:var(--fs-input)}.mm-form :is(input[type=text],input[type=date],select):focus{outline:2px solid var(--accent-hover);outline-offset:2px;border-color:var(--accent-hover);background:var(--card-bg)}.mm-form :is(input,select):disabled{opacity:.5;cursor:not-allowed}.mm-optional{font-size:var(--fs-small);font-weight:400;color:var(--text-faint)}.mm-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mm-date-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:8px}.mm-form input[type=date]{min-width:0;max-width:none}.mm-radio-line{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--border-soft)}.mm-radio-line label{position:relative;flex:1;display:flex;justify-content:center;align-items:center;gap:6px;min-height:var(--tap-min);padding:0 14px;border-radius:8px;cursor:pointer;font-size:var(--fs-ui-button);white-space:nowrap;color:var(--text-muted)}.mm-radio-line label:has(:checked){background:var(--card-bg);color:var(--accent-hover);box-shadow:var(--card-shadow);font-weight:600;outline:1px solid var(--accent-hover)}.mm-checkmark{display:none}.mm-radio-line label:has(:checked) .mm-checkmark{display:inline}.mm-era label{padding:0 8px}.mm-check{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:var(--tap-min);margin:6px 0;cursor:pointer;font-size:var(--fs-ui-button)}.mm-switch{display:block;width:36px;height:22px;border-radius:20px;background:var(--text-faint);flex-shrink:0;padding:3px;box-sizing:border-box}.mm-switch:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:var(--on-accent)}.mm-check:has(:checked) .mm-switch{background:var(--accent-hover)}.mm-check:has(:checked) .mm-switch:after{transform:translate(14px)}.mm-check:has(:disabled){opacity:.5;cursor:not-allowed}.mm-handwrite{padding:6px 12px;background:var(--surface-soft);border-radius:10px;margin-top:14px}.mm-form input:is([type=radio],[type=checkbox]){position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.mm-form label:has(input:focus-visible){outline:2px solid var(--accent-hover);outline-offset:3px}.mm-details{border:1px solid var(--border-soft);border-radius:12px;padding:12px 14px;margin:20px 0 24px;background:var(--surface-soft);text-align:left}.mm-details summary{position:relative;list-style:none;cursor:pointer;min-height:var(--tap-min);align-content:center;padding-right:24px;font-size:var(--fs-ui-button);font-weight:600}.mm-details summary::-webkit-details-marker{display:none}.mm-details summary:after{content:"";position:absolute;right:3px;top:18px;width:7px;height:7px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg)}.mm-details[open]>summary:after{transform:rotate(225deg)}.mm-details[open]>summary{margin-bottom:12px}#mmExtrasSummary{display:block;color:var(--text-muted);font-size:var(--fs-small);font-weight:400;padding-top:4px;overflow-wrap:anywhere}.mm-details p{line-height:1.7;font-size:var(--fs-ui-button)}.mm-unit-input{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--card-bg)}.mm-form .mm-unit-input input{min-width:0;flex:1;width:0;border:0;border-radius:0;background:var(--card-bg)}.mm-form .mm-unit-input select{width:84px;flex-shrink:0;padding-left:8px;border:0;border-left:1px solid var(--border-soft);border-radius:0}.mm-unit-input:focus-within{outline:2px solid var(--accent-hover);outline-offset:2px}.mm-form .mm-unit-input :is(input,select):focus{outline:0}.mm-unit-input:has([aria-invalid=true]){border-color:var(--danger)}.mm-error{color:var(--danger);font-size:var(--fs-ui-button)}.mm-form [aria-invalid=true]{border-color:var(--danger)}.mm-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mm-chip{position:relative;display:flex;flex-direction:column;cursor:pointer;border:2px solid var(--border-soft);padding:8px 8px 0;border-radius:10px;background:var(--card-bg);min-width:0}.mm-chip.active,.mm-font-choice:has(:checked){border-color:var(--accent-hover);background:var(--accent-bg)}.mm-selected-marker{display:none}.mm-chip:has(:checked) .mm-selected-marker,.mm-font-choice:has(:checked) .mm-selected-marker{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent-hover);color:var(--on-accent);font-size:var(--fs-small);pointer-events:none}.mm-design-thumb svg{width:100%;height:auto;display:block}.mm-choice-label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap-min);font-size:var(--fs-ui-button)}.mm-fonts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.mm-font-choice{position:relative;display:flex;flex-direction:column;border:2px solid var(--border-soft);border-radius:8px;padding:8px 6px 0;cursor:pointer;background:var(--card-bg);min-width:0}[data-font-sample]{font-size:28px;text-align:center;overflow-wrap:anywhere}[data-font-sample=brush]{font-family:Yuji Syuku,serif}[data-font-sample=mincho]{font-family:Shippori Mincho,serif}.mm-range-row{display:flex;gap:12px;align-items:center}.mm-range-row input{min-width:0;flex:1;min-height:var(--tap-min)}.mm-range-row output{font-size:var(--fs-small)}.mm-form .btn-reset{margin-top:12px;min-height:var(--tap-min)}.mm-preview{top:72px}.mm-stage{padding:18px;border-radius:12px;background:var(--surface-soft)}.mm-sheet-wrap{width:min(100%,340px);margin:auto}.mm-sheet-box{overflow:hidden}.mm-sheet{width:210mm;height:297mm;transform-origin:top left;box-sizing:border-box;overflow:hidden;background:var(--card-bg)}.mm-sheet svg{display:block;width:100%;height:100%}.mm-print-error{padding:20mm;font-size:var(--fs-input)}.mm-preview-title{font-weight:600;margin:12px 0 0}.mm-open-preview,.mm-dialog button{border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:6px;padding:8px 14px;min-height:var(--tap-min);font-size:var(--fs-ui-button);cursor:pointer}.mm-open-preview{margin-top:8px}.mm-output{margin-top:18px;text-align:left}.mm-output h2{font-size:var(--fs-h2);margin:0 0 12px}.mm-btn-row{display:flex;gap:10px}.mm-btn-row>button{flex:1;min-width:0;min-height:var(--tap-min)}.mm-output button:disabled{opacity:.55;cursor:wait}.mm-check-details{margin:10px 0}.mm-print-help{margin:10px 0;border:0;padding:0}#mmReview{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;padding:8px 0;font-size:var(--fs-input)}#mmReview dt{color:var(--text-muted)}#mmReview dd{margin:0;overflow-wrap:anywhere}.mm-share{border-top:1px solid var(--border-soft);padding-top:12px;margin-top:14px}.mm-share>p:first-child{font-weight:600;margin:0}.mm-share .mm-btn-row{margin-top:8px}#mmShareUrl{width:100%;font-size:var(--fs-input);min-height:var(--tap-min)}.mm-dialog{width:min(720px,calc(100% - 24px));max-height:92dvh;padding:16px;border:0;border-radius:12px;color:var(--text);background:var(--surface-soft);box-shadow:var(--modal-shadow)}.mm-dialog::backdrop{background:var(--modal-scrim)}.mm-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:-16px;background:var(--surface-soft);padding:8px 0}.mm-dialog h2{font-size:var(--fs-h2);margin:0}#mmLargeSheet svg{display:block;width:100%;height:auto;margin-top:12px}@media screen and (max-width:940px){.mm-layout{display:flex;flex-direction:column;gap:20px}.mm-form{width:100%;order:1;padding:20px}.mm-preview{display:contents}.mm-stage{order:0;display:flex;width:100%;box-sizing:border-box;gap:16px;align-items:center;position:sticky;top:62px;z-index:calc(var(--z-header) - 1);padding:10px 12px;border:1px solid var(--border-soft);background:var(--card-bg);box-shadow:var(--card-shadow)}.mm-sheet-wrap{flex:0 0 84px;width:84px;margin:0}.mm-stage-meta{min-width:0;text-align:left}.mm-preview-title{margin:0;font-size:var(--fs-ui-button)}.mm-caption{display:none}.mm-open-preview{margin-top:6px}.mm-output{order:2;width:100%;margin:0}.mm-layout.mm-editing .mm-sheet-wrap{width:48px;flex-basis:48px}.mm-layout.mm-editing .mm-stage{padding:6px 10px}.mm-layout.mm-editing #mmSampleNotice{display:none}.mm-layout.mm-editing .mm-stage-meta{display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px}.mm-layout.mm-editing .mm-open-preview{margin:0}.mm-form :is(input,select,summary){scroll-margin-top:240px}}@media screen and (max-width:400px){.mm-layout{padding:0}.mm-form{padding:16px}.mm-date-row{grid-template-columns:1fr;gap:8px}.mm-era{justify-self:start}.mm-measurements{grid-template-columns:1fr}.mm-designs{gap:6px}.mm-chip{padding:4px 4px 0}.mm-choice-label{font-size:var(--fs-ui-label);gap:4px}}@media print{@page{size:A4 portrait;margin:0}.mm-sheet-wrap{width:auto}.mm-stage{border:none!important;box-shadow:none!important;background:none!important}.mm-sheet-box{height:auto!important;margin:0!important;overflow:visible!important}.mm-sheet{width:var(--mm-print-w,209mm)!important;height:var(--mm-print-h,296mm)!important;margin:var(--mm-print-top,0mm) auto 0!important;transform:none!important}.mm-guide{display:none}}
