.mzp-root{--bg:#1e2126;--bg-panel:#262a31;--bg-input:#1a1d22;--bg-hover:#2f343d;--border:#3a404b;--border-focus:#5b8def;--text:#d7dbe2;--text-dim:#8b93a1;--accent:#5b8def;--accent-strong:#3f6fd6;--ok:#58b368;--warn:#e0a83e;--err:#e06c5b;--radius:8px;--font-mono:"Consolas", "SFMono-Regular", "Menlo", monospace;color-scheme:dark;background:var(--bg);height:calc(100dvh - 8rem);min-height:600px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;margin:1rem 0 2rem;padding:0 16px;font-family:Segoe UI,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:13px;line-height:1.4;display:flex;overflow:hidden}.mzp-root *,.mzp-root :before,.mzp-root :after{box-sizing:border-box}.mzp-root[data-theme=light]{--bg:#f2f4f7;--bg-panel:#fff;--bg-input:#fff;--bg-hover:#e8ebf0;--border:#d4d9e0;--border-focus:#3f6fd6;--text:#1f2430;--text-dim:#667085;--accent:#3f6fd6;--accent-strong:#3459b8;--ok:#2e8540;--warn:#a8730a;--err:#c0392b;color-scheme:light}@media (prefers-color-scheme:light){.mzp-root:not([data-theme=dark]){--bg:#f2f4f7;--bg-panel:#fff;--bg-input:#fff;--bg-hover:#e8ebf0;--border:#d4d9e0;--border-focus:#3f6fd6;--text:#1f2430;--text-dim:#667085;--accent:#3f6fd6;--accent-strong:#3459b8;--ok:#2e8540;--warn:#a8730a;--err:#c0392b;color-scheme:light}}.mzp-root .main-split{flex:1;grid-template-columns:minmax(0,1fr) 400px;gap:16px;min-height:0;display:grid}.mzp-root .side-panel{flex-direction:column;gap:10px;min-height:0;padding:16px 4px 24px 0;display:flex;overflow-y:auto}@media (width<=980px){.mzp-root{height:auto;min-height:0}.mzp-root .main-split{grid-template-columns:minmax(0,1fr)}.mzp-root .side-panel{padding-top:0;overflow-y:visible}.mzp-root .tab-content{overflow-y:visible}}.mzp-root .app-header{align-items:center;gap:12px;padding:14px 4px 10px;display:flex}.mzp-root .app-title{letter-spacing:.02em;margin:0;font-size:18px;font-weight:700}.mzp-root .app-version{color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px}.mzp-root .app-project-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mzp-root .app-header .spacer{flex:1}.mzp-root .tabs{border-bottom:1px solid var(--border);gap:2px;display:flex}.mzp-root .tab-btn{appearance:none;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px}.mzp-root .tab-btn:hover{color:var(--text)}.mzp-root .tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.mzp-root .tab-content{flex-direction:column;gap:14px;min-height:0;padding:16px 4px 24px;display:flex;overflow-y:auto}.mzp-root .tab-issue-dot{background:var(--warn);color:var(--bg);text-align:center;vertical-align:1px;border-radius:999px;min-width:15px;margin-left:6px;font-size:10px;font-weight:700;line-height:15px;display:inline-block}.mzp-root .group{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);padding:12px 14px}.mzp-root .group-title{color:var(--text-dim);text-transform:none;margin:0 0 10px;font-size:12px;font-weight:600}.mzp-root .form-grid{grid-template-columns:150px 1fr;align-items:center;gap:8px 12px;display:grid}.mzp-root .form-grid .row-top{align-self:start;padding-top:6px}.mzp-root label.field-label{color:var(--text-dim)}.mzp-root input[type=text],.mzp-root input[type=number],.mzp-root textarea,.mzp-root select{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:6px;outline:none;padding:6px 8px}.mzp-root input[type=text]:focus,.mzp-root input[type=number]:focus,.mzp-root textarea:focus,.mzp-root select:focus{border-color:var(--border-focus)}.mzp-root input:disabled,.mzp-root textarea:disabled,.mzp-root select:disabled{opacity:.45}.mzp-root textarea{resize:vertical;min-height:52px;font-family:inherit}.mzp-root .check-row{align-items:center;gap:8px;padding:3px 0;display:flex}.mzp-root .check-row input[type=checkbox],.mzp-root .check-row input[type=radio]{accent-color:var(--accent)}.mzp-root .hint{color:var(--text-dim);white-space:pre-wrap;font-size:11px;line-height:1.6}.mzp-root .help-box{background:#8080801f;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.7}.mzp-root .btn{appearance:none;background:var(--bg-hover);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 14px}.mzp-root .btn:hover{border-color:var(--border-focus)}.mzp-root .btn.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.mzp-root .btn.primary:hover{background:var(--accent)}.mzp-root .btn.build{width:100%;padding:12px;font-size:15px;font-weight:700}.mzp-root .btn.small{padding:3px 10px;font-size:12px}.mzp-root .btn-row{flex-wrap:wrap;gap:8px;display:flex}.mzp-root .preview{background:var(--bg-input);border:1px solid var(--border);font-family:var(--font-mono);white-space:pre;border-radius:6px;min-height:120px;max-height:340px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5;overflow:auto}.mzp-root .preview.log{min-height:80px;max-height:180px}.mzp-root .file-table{border-collapse:collapse;width:100%;font-size:12px}.mzp-root .file-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 8px;font-weight:600}.mzp-root .file-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:5px 8px}.mzp-root .file-table td input[type=text]{font-family:var(--font-mono);padding:4px 6px;font-size:12px}.mzp-root .file-table .empty{color:var(--text-dim);text-align:center;padding:24px 8px}.mzp-root .badge{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;display:inline-block}.mzp-root .badge.ok{color:var(--ok);background:#58b36826}.mzp-root .badge.warn{color:var(--warn);background:#e0a83e26}.mzp-root .dropzone{border:1px dashed var(--border);border-radius:var(--radius);padding:4px}.mzp-root .dropzone.drag-over{border-color:var(--accent);background:#5b8def0f}.mzp-root .picked-file{align-items:center;gap:8px;display:flex}.mzp-root .picked-file .name{background:var(--bg-input);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;min-height:30px;padding:6px 8px;font-size:12px;overflow:hidden}.mzp-root .picked-file .name.placeholder{color:var(--text-dim);font-family:inherit}.mzp-root .picked-file.drag-over .name{border-color:var(--accent);background:#5b8def0f}.mzp-root .status-bar{border-top:1px solid var(--border);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;padding:6px 4px 10px;font-size:12px;overflow:hidden}.mzp-root .validation-panel{flex-shrink:0}.mzp-root .valid-ok{color:var(--ok);padding:2px 0 8px;font-weight:600}.mzp-root .issue-list{flex-direction:column;gap:4px;margin:0 0 8px;padding:0;list-style:none;display:flex}.mzp-root .issue-btn{appearance:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;gap:6px;width:100%;padding:4px 6px;font-size:12px;line-height:1.5;display:flex}.mzp-root .issue-btn:hover{background:var(--bg-hover);text-decoration:underline}.mzp-root .issue-mark{color:var(--warn);flex-shrink:0}.mzp-root .side-build-btn{width:100%;font-weight:700}.mzp-root .btn:disabled{opacity:.45;cursor:not-allowed}.mzp-root .side-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:2px;display:flex}.mzp-root .side-tab-btn{appearance:none;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px;font-size:12px}.mzp-root .side-tab-btn:hover{color:var(--text)}.mzp-root .side-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.mzp-root .side-fill{flex-direction:column;min-height:0;display:flex}.mzp-root .chip-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.mzp-root .chip{appearance:none;background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);font:inherit;cursor:pointer;border-radius:999px;padding:3px 12px;font-size:12px}.mzp-root .chip:hover{border-color:var(--border-focus);color:var(--text)}.mzp-root .chip.active{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;font-weight:600}.mzp-root .preview-filename{font-family:var(--font-mono);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:11px;overflow:hidden}.mzp-root .side-preview{flex:1;min-height:240px;max-height:none}.mzp-root .pkg-root{font-family:var(--font-mono);border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;padding-bottom:8px;font-size:12px;font-weight:700;overflow:hidden}.mzp-root .pkg-list{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.mzp-root .pkg-item{font-size:12px;line-height:1.5}.mzp-root .pkg-line,.mzp-root .pkg-folder summary{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mzp-root .pkg-folder summary{cursor:pointer;list-style-position:outside}.mzp-root .pkg-icon{flex-shrink:0}.mzp-root .pkg-name{font-family:var(--font-mono);word-break:break-all}.mzp-root .pkg-lock{font-size:11px}.mzp-root .pkg-count{color:var(--text-dim);font-size:11px}.mzp-root .pkg-dests{padding-left:24px}.mzp-root .pkg-dest{color:var(--text-dim);font-family:var(--font-mono);word-break:break-all;font-size:11px}.mzp-root .pkg-children{color:var(--text-dim);font-family:var(--font-mono);margin:4px 0 0;padding-left:40px;font-size:11px}.mzp-root .pkg-children li{word-break:break-all}.mzp-root .build-blocked{color:var(--warn)}.mzp-root .side-reload-btn{width:100%;margin-bottom:6px}.mzp-root .mono-textarea{font-family:var(--font-mono);white-space:pre;min-height:72px;font-size:12px}.mzp-root .icon-preview{border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:10px 12px;display:flex}.mzp-root .icon-preview.dark{background:#3d3f41;margin-bottom:6px}.mzp-root .icon-preview.light{background:#d6d6d6}.mzp-root .icon-preview figure{text-align:center;margin:0}.mzp-root .icon-preview img{max-width:48px;max-height:48px;margin:0 auto;display:block}.mzp-root .icon-preview.dark figcaption{color:#bbb}.mzp-root .icon-preview.light figcaption{color:#444}.mzp-root .icon-preview figcaption{font-size:10px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:90px;margin-top:4px;overflow:hidden}.mzp-root .viewer-split{grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:10px;min-height:180px;margin-top:10px;display:grid}.mzp-root .viewer-list{border:1px solid var(--border);border-radius:6px;max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.mzp-root .viewer-item{appearance:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;justify-content:space-between;gap:8px;width:100%;padding:5px 8px;display:flex}.mzp-root .viewer-item:hover{background:var(--bg-hover)}.mzp-root .viewer-item.active{background:var(--bg-hover);color:var(--accent)}.mzp-root .viewer-name{font-family:var(--font-mono);word-break:break-all;font-size:11px}.mzp-root .viewer-size{color:var(--text-dim);flex-shrink:0;font-size:11px}.mzp-root .viewer-preview{flex-direction:column;gap:6px;min-width:0;display:flex}.mzp-root .viewer-pre{flex:1;min-height:120px;max-height:300px}.mzp-root .viewer-image{border:1px solid var(--border);background:repeating-conic-gradient(#80808026 0% 25%,#0000 0% 50%) 0 0/16px 16px;border-radius:6px;justify-content:center;padding:16px;display:flex}.mzp-root .viewer-image img{max-width:100%;max-height:200px}.mzp-root .restore-notes{color:var(--text-dim);margin:8px 0 0;padding-left:20px;font-size:12px;line-height:1.7}@media (prefers-reduced-motion:reduce){.mzp-root *{transition:none!important}}