.mq-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.mq-inputs .step-sec{min-width:0}.mq-gap{margin-top:16px}.mq-chips{gap:6px;margin-bottom:6px;display:grid}.mq-chips.mq-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mq-chips .opt-chip{min-width:0}.mq-chips .opt-chip small{margin:1px 0 0;display:block}.mq-note{color:var(--text-muted);margin:4px 0 8px;font-size:.76rem;line-height:1.6}.mq-check{min-height:32px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:.86rem;display:flex}.mq-nums{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mq-nums label,.mq-field{color:var(--text-secondary);gap:4px;min-width:0;font-size:.8rem;display:grid}.mq-nums label[hidden]{display:none}.mq-nums .tool-input,.mq-field .tool-input,.mq-field .tool-textarea{width:100%;min-width:0}.mq-field{margin-bottom:10px}.mq-field .tool-textarea{resize:vertical}.mq-finish,.mq-mode,.mq-fit{margin:4px 0 12px}.mq-facebar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mq-logo{flex-wrap:wrap;gap:8px;display:flex}.mq-colorset{grid-template-columns:7.5em minmax(0,1fr) auto;align-items:center;gap:6px 10px;margin-bottom:10px;display:grid}.mq-colorset[hidden]{display:none}.mq-colork{color:var(--text-secondary);font-size:.8rem}.mq-sw{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.mq-sw button{cursor:pointer;border:1px solid #172b4d2e;border-radius:8px;width:28px;min-width:0;height:28px;padding:0}.mq-sw button:hover{border-color:var(--accent)}.mq-sw button[aria-pressed=true]{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--navy)}.mq-more{min-height:32px;color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.76rem;display:flex}.mq-more input[type=color]{border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:8px;width:30px;height:28px;padding:0 2px}.mq-palettes{flex-wrap:wrap;grid-column:2/4;gap:6px;min-width:0;display:flex}.mq-pal{border:1px solid var(--hairline);min-width:0;min-height:32px;font:inherit;color:var(--text);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:4px;padding:4px 10px 4px 6px;font-size:.8rem;display:inline-flex}.mq-pal i{border:1px solid #172b4d26;border-radius:4px;width:14px;height:14px;display:block}.mq-pal span{margin-left:2px}.mq-pal:hover{border-color:var(--accent)}.mq-pal[aria-pressed=true]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}@media (width>=1100px){#tool-workspace[data-tool-slug=package-mockup] .mq-inputs{grid-template-columns:minmax(0,1fr);gap:18px}}@media (width<=1099.98px){.mq-answer .mq-sub{display:none}}.mq-answer .mq-line{color:var(--navy);margin:0 0 4px;font-size:1.2rem;font-weight:700;line-height:1.55}.mq-answer .mq-sub{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.65}.mq-viewbar{justify-content:flex-end;margin:10px 0 8px;display:flex}.mq-view{aspect-ratio:1;border:1px solid var(--hairline-soft);background:repeating-conic-gradient(#eef0f3 0% 25%,#fff 0% 50%) 0 0/20px 20px;border-radius:10px;width:100%;max-height:min(600px,62vh);position:relative;overflow:hidden}.mq-loading,.mq-glerr{text-align:center;color:var(--text-secondary);place-items:center;margin:0;padding:20px;font-size:.9rem;display:grid;position:absolute;inset:0}.mq-loading[hidden],.mq-glerr[hidden]{display:none}.mq-zoom{gap:6px;display:grid;position:absolute;bottom:10px;right:10px}.mq-zoom button{border:1px solid var(--hairline);width:34px;min-width:0;height:34px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border-radius:8px;place-items:center;font-size:18px;line-height:1;display:grid}.mq-zoom button:hover{border-color:var(--accent)}.mq-bg{margin:0 0 10px}.mq-bg .mq-colorset{margin-bottom:2px}.mq-hint{color:var(--text-muted);margin:8px 0 0;font-size:.78rem;line-height:1.6}.mq-h{color:var(--navy);align-items:baseline;gap:8px;margin:0 0 8px;font-size:.92rem;display:flex}.mq-sub-h{color:var(--text-muted);font-size:.76rem;font-weight:400}.mq-paper{background:#eef0f3;border-radius:8px;place-items:center;margin-bottom:12px;padding:12px;display:grid}.mq-paper canvas{width:auto;max-width:100%;height:auto;max-height:260px;display:block;box-shadow:0 1px 3px #172b4d2e}.mq-save{border-top:1px solid var(--hairline);padding-top:12px}.mq-help{color:var(--text-secondary);margin:0 0 8px;font-size:.78rem;line-height:1.6}.mq-h2{border-top:1px solid var(--hairline);margin-top:14px;padding-top:12px}.mq-title-l{color:var(--text-secondary);margin-bottom:4px;font-size:.78rem;display:block}.mq-title{width:100%;min-width:0;margin-bottom:4px;padding:7px 10px;font-size:.9rem}.mq-side .mq-main{background:var(--accent);border-color:var(--accent);color:#fff;justify-content:center;width:100%;min-width:0;margin-bottom:6px;font-weight:700;display:flex}.mq-side .mq-main:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.mq-side .mq-main:disabled{opacity:.6}.mq-subs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.mq-subs .tool-btn{justify-content:center;min-width:0;font-size:.84rem}.mq-status{color:var(--accent-strong);margin:8px 0 0;font-size:.82rem;line-height:1.6}.mq-status:empty{display:none}.mq-side+.hx-card,.mq-side~.hx-card{margin-top:16px}.mq-table{width:100%;display:table}.mq-table th{background:0 0}.mq-table .mq-dim{color:var(--text-muted);margin-top:2px;font-size:.76rem;font-weight:400;display:block}.mq-bg .mq-colorset.is-off{opacity:.4;pointer-events:none}.mq-check input{flex:none;width:18px;height:18px}@media (width<=860px){.mq-inputs{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.mq-chips .opt-chip{padding-left:.2rem;padding-right:.2rem;font-size:.84rem;line-height:1.35}.mq-chips .opt-chip small{font-size:.68rem}.mq-viewbar{justify-content:stretch}.mq-viewbar .opt-seg.opt-seg{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.mq-zoom button{width:30px;height:30px}.mq-colorset{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k more""sw sw";gap:4px 8px}.mq-colorset .mq-colork{grid-area:k}.mq-colorset .mq-more{grid-area:more}.mq-colorset .mq-sw{grid-area:sw;grid-template-columns:repeat(var(--n,7), minmax(0, 1fr));gap:6px;max-width:300px;display:grid}.mq-colorset .mq-palettes{grid-column:1/-1}.mq-sw button{aspect-ratio:1;width:100%;height:auto}.mq-fit.opt-seg{grid-template-columns:minmax(0,1fr);display:grid}.mq-table,.mq-table tbody,.mq-table tr,.mq-table th,.mq-table td{width:auto;display:block}.mq-table thead{display:none}.mq-table caption{text-align:left;margin-bottom:6px;display:block}.mq-table tr{border:1px solid var(--hairline);background:#fff;border-radius:8px;margin-bottom:8px;padding:10px 12px}.mq-table th,.mq-table td{text-align:left;border:0;padding:0}.mq-table td{margin-top:6px}.mq-table td[data-k]:before{content:attr(data-k);color:var(--text-muted);font-size:.72rem;display:block}.mq-table td[data-k=試す]:before{content:none}}