:root{color:#1b1b1b;accent-color:#0067c0;background:#fff;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;margin:0}button,input,select{font:inherit;color:inherit;background:#fff;border:1px solid #8a8a8a;border-radius:2px}button{cursor:pointer;padding:8px 12px}button:hover:not(:disabled){background:#f3f3f3;border-color:#555}button:focus-visible,input:focus-visible,select:focus-visible,.file-input:focus-within{outline-offset:2px;outline:2px solid #0067c0}button:disabled{cursor:default;opacity:.45}input,select{min-height:34px;padding:6px 8px}.app{width:100%;max-width:1280px;margin:0 auto;padding:24px 24px 40px}.app-header{border-bottom:1px solid #dedede;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;padding-bottom:18px;display:flex}.app-header p{color:#5d5d5d;margin:7px 0 0}h1{letter-spacing:-.02em;margin:3px 0 0;font-size:28px;font-weight:500}h2{margin:3px 0 0;font-size:21px;font-weight:500}h3{margin:20px 0 10px;font-size:15px;font-weight:600}.product-label,.step-label{color:#0067c0;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.file-input{color:#fff;cursor:pointer;background:#0067c0;border:1px solid #005a9e;border-radius:2px;justify-content:center;align-items:center;min-height:38px;padding:8px 14px;display:inline-flex}.file-input:hover{background:#005a9e}.file-input.disabled{opacity:.55;cursor:default}.file-input input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start-panel{border:1px solid #d6d6d6;border-left:4px solid #0067c0;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);min-height:500px;display:grid}.start-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:40px;display:flex}.start-copy h2{margin-top:7px;font-size:26px}.start-copy p{color:#555;max-width:590px;margin:12px 0 20px;font-size:15px;line-height:1.55}.start-details{background:#fafafa;border-left:1px solid #e0e0e0;padding:24px 28px}.start-details h3:first-child{margin-top:0}.format-list,.workflow-list{margin:0;padding:0;list-style:none}.format-list li{border-bottom:1px solid #e5e5e5;padding:11px 0 12px}.format-heading{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.format-heading span{color:#777;flex:none;font-size:13px}.format-list p{color:#666;margin:9px 0 0;font-size:12px;line-height:1.45}.workflow-list{gap:12px;display:grid}.workflow-list li{align-items:flex-start;gap:12px;display:flex}.workflow-list li>span{color:#fff;background:#0067c0;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.workflow-list p{gap:2px;margin:1px 0 0;display:grid}.workflow-list small{color:#666;line-height:1.4}.message{background:#f3f7fb;border-left:3px solid #0067c0;gap:8px;margin:0 0 18px;padding:12px 14px;display:flex}.error{color:#8a0018}.message.error{color:#8a0018;background:#fdf3f4;border-color:#c42b1c;flex-direction:column}.warning{color:#694d00;background:#fff9e7;border-color:#9d7600}.warning-group{display:block}.warning-group summary{cursor:pointer;font-weight:600}.warning-group ul{gap:8px;margin:12px 0 0;padding-left:22px;display:grid}.warning-group li span{display:block}.warning-group code{color:#765e1a;overflow-wrap:anywhere;margin-top:2px;font-size:12px;display:block}.loading-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f2f2f2d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loading-dialog{background:#fff;border:1px solid #9a9a9a;border-top:3px solid #0067c0;align-items:center;gap:16px;width:min(420px,100%);padding:22px 24px;display:flex;box-shadow:0 8px 28px #0000002e}.loading-spinner{border:3px solid #d4d4d4;border-top-color:#0067c0;border-radius:50%;flex:none;width:30px;height:30px;animation:.8s linear infinite loading-spin}.loading-copy{gap:4px;display:grid}.loading-copy strong{font-size:15px;font-weight:600}.loading-copy small{color:#666;line-height:1.4}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation-duration:1.8s}}.project-summary{background:#f6f6f6;border-left:3px solid #0067c0;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:22px;padding:14px 16px;display:flex}.project-file{gap:4px;min-width:0;display:grid}.project-file span,.project-animation span,.project-summary dt{color:#666;font-size:12px}.project-file strong{overflow-wrap:anywhere;font-size:16px;font-weight:600}.project-animation{gap:4px;min-width:200px;margin-left:auto;display:grid}.project-animation select{width:100%;min-height:28px;padding:3px 7px;font-size:14px}.project-summary dl{gap:32px;margin:0;display:flex}.project-summary dl div{gap:4px;min-width:80px;display:grid}.project-summary dd{margin:0;font-size:14px}.workflow-pages{border:1px solid #bcbcbc;grid-template-columns:repeat(3,1fr);margin:0 0 22px;display:grid}.workflow-pages button{text-align:left;border:0;border-right:1px solid #d2d2d2;border-radius:0;justify-content:flex-start;align-items:center;gap:10px;min-height:48px;display:flex}.workflow-pages button:last-child{border-right:0}.workflow-pages button span{color:#fff;background:#777;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.workflow-pages button.active{color:#fff;background:#0067c0}.workflow-pages button.active span{color:#0067c0;background:#fff}.workspace{margin-top:22px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:14px;display:flex}.section-heading p{color:#606060;margin:7px 0 0;line-height:1.45}.preview-controls{align-items:flex-end;gap:18px;display:flex}.frame-slider{color:#555;grid-template-columns:220px 86px;gap:5px;font-size:12px;display:grid}.frame-slider span{grid-column:1/-1}.frame-slider input{width:220px;min-height:30px;padding:0}.frame-slider output{color:#333;font-variant-numeric:tabular-nums;align-self:center}.editor{border:1px solid #aaa;grid-template-columns:minmax(0,1fr) 320px;display:grid}.part-preview{cursor:grab;background:#f4f4f4;min-width:0;height:540px;position:relative;overflow:hidden}.part-preview:active{cursor:grabbing}.part-preview.selection-active{cursor:crosshair}.part-preview canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.preview-reset-view{z-index:2;cursor:pointer;background:#ffffffeb;place-items:center;width:34px;height:34px;padding:7px;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 1px 4px #00000029}.preview-reset-view svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:square;stroke-linejoin:miter;pointer-events:none;width:18px;height:18px}.selection-box{z-index:1;pointer-events:none;background:#0067c024;border:1px solid #0067c0;position:absolute}.preview-loading{color:#666;background:#f4f4f4;place-items:center;height:540px;display:grid}.preview-error{color:#b00020;height:540px;margin:0;padding:16px}.assignment-panel{scrollbar-gutter:stable;background:#fff;border-left:1px solid #aaa;flex-direction:column;height:540px;padding:14px;display:flex;overflow-y:auto}.assignment-panel>p{color:#555;flex:none;margin:0 0 12px;font-size:13px;line-height:1.45}.assignment-buttons{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.assignment-panel>.assignment-buttons,.assignment-panel>.order-control{flex:none}.assignment-buttons button{align-items:center;gap:6px;display:flex}.assignment-buttons i{flex:0 0 10px;width:10px;height:10px}.order-control{grid-template-columns:auto minmax(0,1fr) 2ch;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:grid}.order-control input{min-width:0;padding:0}.order-control output{text-align:right;font-variant-numeric:tabular-nums}.part-list{flex:1 0 180px;min-height:180px;margin:0;padding:0 4px 0 0;list-style:none;position:relative;overflow-y:auto}.part-list button{justify-content:space-between;width:100%;margin-bottom:4px;display:flex}.part-list button.selected{background:#e5f1fb;border-color:#0067c0}.export{border:1px solid #cfcfcf;margin-top:28px;padding:20px}.export-heading{border-bottom:1px solid #e2e2e2;align-items:center;padding-bottom:18px}.summary-badge{color:#3a3a3a;background:#ededed;padding:7px 10px;font-size:12px}.no-skin-parts{color:#555;text-align:center;background:#fafafa;border:1px solid #cfcfcf;gap:6px;padding:38px 24px;display:grid}.no-skin-parts strong{color:#222;font-size:16px}.event-editor{background:#fff;border:1px solid #cfcfcf;margin-top:14px}.event-editor-heading{background:#f6f6f6;border-bottom:1px solid #dedede;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex}.event-editor-heading h3{margin:0;font-size:15px}.event-editor-heading p{color:#666;margin:4px 0 0;font-size:12px;line-height:1.45}.event-scope{font-variant-numeric:tabular-nums;background:#fff;border:1px solid #c8c8c8;flex:none;padding:5px 8px;font-size:12px}.event-editor-body{padding:12px 16px 14px}.event-json{resize:vertical;color:#1b1b1b;tab-size:2;white-space:pre;background:#fff;border:1px solid #8a8a8a;border-radius:2px;width:100%;min-height:280px;padding:10px 12px;font:13px/1.5 Consolas,monospace;display:block}.event-json:focus-visible{outline-offset:2px;outline:2px solid #0067c0}.event-json[aria-invalid=true]{border-color:#c42b1c}.event-json:disabled{opacity:.55}.event-json-error{color:#a4262c;margin:8px 0 0;font-size:12px;line-height:1.45}.fields{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.fields label{gap:4px;font-size:13px;display:grid}.fields .checkbox{align-self:end;align-items:center;gap:8px;min-height:34px;display:flex}.fields .checkbox input{min-height:0}.fields label small{color:#666;font-size:11px;line-height:1.4}.minecraft-version-field{width:min(260px,100%);margin:0 0 18px}.minecraft-version-field label{gap:4px;font-size:13px;display:grid}.settings-section h3{margin-top:0}.playback-behavior{border-top:1px solid #e2e2e2;margin-top:18px;padding-top:2px}.playback-behavior>p{color:#666;margin:-4px 0 10px;font-size:12px}.playback-behavior-primary{grid-template-columns:repeat(2,minmax(260px,420px));justify-content:start;gap:16px}.playback-behavior-primary input,.playback-behavior-primary select{height:34px;min-height:34px}.field-heading{white-space:nowrap;align-items:baseline;gap:8px;height:18px;line-height:18px;display:flex}.field-heading small{text-overflow:ellipsis;font-weight:400;line-height:inherit;overflow:hidden}.settings-selectors{grid-template-columns:repeat(4,minmax(0,1fr))}.playback-settings-group{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.playback-settings-group input,.playback-settings-group select{min-width:0}.settings-toggles{grid-template-columns:repeat(4,max-content);gap:6px 48px;margin-top:14px}.settings-toggles .checkbox{align-self:center;min-height:28px}.additional-metadata{border-top:1px solid #e2e2e2;margin-top:18px;padding-top:2px}.additional-metadata-heading h3{margin-bottom:4px}.additional-metadata-heading p,.empty-metadata{color:#666;margin:0 0 10px;font-size:12px}.metadata-add-button{width:fit-content;margin-top:10px;padding:6px 10px;font-size:13px;display:block}.metadata-editor-list{gap:8px;display:grid}.metadata-editor-row{border:1px solid #d7d7d7;grid-template-columns:minmax(120px,.3fr) minmax(220px,1fr) auto;align-items:end;gap:8px;padding:8px;display:grid}.metadata-editor-row label{gap:4px;min-width:0;font-size:13px;display:grid}.metadata-editor-row input{width:100%;height:30px;min-height:30px;padding:4px 7px}.metadata-editor-row .metadata-json-value{font-family:Consolas,monospace}.metadata-editor-row>button{height:30px;margin-bottom:1px;padding:4px 10px;font-size:13px}.metadata-editor-row .error{grid-column:1/-1;margin:0}.export-row{justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.download-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bundle-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:18px;display:flex}.download-list li{border:1px solid #d7d7d7;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.download-list span{min-width:0}.download-list small{overflow-wrap:anywhere;color:#666;margin-top:3px;display:block}.download-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.primary-button{color:#fff;background:#0067c0;border-color:#005a9e}.primary-button:hover:not(:disabled){color:#fff;background:#005a9e;border-color:#004f8a}@media (width<=1000px){.settings-selectors,.settings-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.app{padding:22px 16px 36px}.app-header,.section-heading,.project-summary,.export-row{flex-direction:column;align-items:stretch}.start-panel{grid-template-columns:1fr}.start-copy{padding:32px 26px}.start-details{border-top:1px solid #e0e0e0;border-left:0;padding:26px}.project-summary dl{gap:16px}.project-animation{width:100%;margin-left:0}.workflow-pages{grid-template-columns:1fr}.workflow-pages button{border-bottom:1px solid #d2d2d2;border-right:0}.preview-controls{flex-direction:column;align-items:stretch}.editor{grid-template-columns:1fr}.part-preview,.preview-loading,.preview-error{height:420px}.assignment-panel{border-top:1px solid #aaa;border-left:0;height:min(420px,70vh)}.event-editor-heading{flex-direction:column;align-items:flex-start}.fields,.settings-selectors,.settings-toggles,.playback-settings-group,.metadata-editor-row{grid-template-columns:1fr}}
