.creator-app{--workbench-panel-height: min(790px, calc(100vh - 9rem) );--workbench-controls-bg: #172017}.creator-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:stretch;text-align:left}.creator-mobile-nav{display:none}#creator-controls,#creator-preview{scroll-margin-top:88px}.creator-transform-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;min-width:0}.creator-transform-fields legend{margin:14px 0 10px;color:#b8c7ad;font-size:13px}.creator-transform-fields .mc-field{min-width:0}.creator-transform-fields input{width:100%}.creator-thumbnail-stage canvas:focus-visible{outline:2px solid #a3e85c;outline-offset:4px}.creator-controls{border-color:#ffffff12!important}.creator-panel-title{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid #ffffff12;font-size:14px;font-weight:650;color:#e0ebd6}.creator-panel-title>span{margin-left:auto;font-size:12px;color:#8da17f}.creator-controls-footer{border-top:1px solid #ffffff12;padding:16px 20px;background:#1b251a}.creator-controls-footer p,.creator-help{font-size:13px;line-height:1.65;color:#9eae93;margin:0}.creator-help{margin-top:18px}.creator-tabs{display:flex;gap:3px;padding:4px;background:#0d150e;border:1px solid #ffffff0b;border-radius:8px;margin-bottom:20px}.creator-tabs>button{flex:1;border:0;border-radius:5px;background:transparent;color:#9fb092;padding:9px 4px;font-size:13px;font-weight:550;cursor:pointer}.creator-tabs>button[aria-selected=true]{background:#34462b;color:#cdf799;box-shadow:0 1px 3px #0005}.creator-label{font-size:12px;font-weight:600;letter-spacing:.045em;color:#b8c7ad;margin:22px 0 12px}.creator-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:20px}.creator-presets>button{font-size:13px;padding:11px 7px;border:1px solid #ffffff12;border-radius:6px;background:#25301f;color:#d7e1cd;text-align:left;cursor:pointer}.creator-presets>button:hover{border-color:#a3e85c80;background:#304328}.creator-joints{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 20px}.creator-joints>button{font-size:12px;padding:8px 5px;border:1px solid #ffffff0e;background:#1c291c;color:#a9bb9b;border-radius:5px;cursor:pointer}.creator-joints>button[aria-pressed=true]{background:#3b512d;color:#dbf9b0;border-color:#85bf4c}.creator-range{display:block;margin:18px 0;color:#b8c7ad;font-size:13px}.creator-range>span{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.creator-range output{font-variant-numeric:tabular-nums;color:#d4e7bd;font-size:12px}.creator-range input[type=range]{display:block;width:100%;height:18px;padding:0;background:transparent;accent-color:#a3e85c;cursor:pointer}.creator-check{display:flex;align-items:center;gap:10px;font-size:13px;color:#b8c7ad;line-height:1.5;margin:16px 0}.creator-check input[type=checkbox]{width:16px;height:16px;accent-color:#a3e85c;flex:none}.creator-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.creator-row .mc-button{flex:1;font-size:12px;min-width:0;padding:8px}.creator-result{display:flex;flex-direction:column;min-width:0;height:var(--workbench-panel-height);overflow:hidden;border:1px solid #ffffff12;border-radius:16px;background:#121a13}.creator-workspace-top{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid #ffffff0f;flex:none}.creator-workspace-top>input{width:100%;min-width:0;border:0!important;background:transparent!important;font-weight:550;font-size:14px!important;padding:5px 0!important;color:#e2e9dc!important}.creator-history{display:flex;gap:5px;flex:none}.creator-history .mc-button{height:34px;width:34px;padding:6px;border-color:transparent;box-shadow:none;background:transparent}.creator-result .mc-project-area{flex:none}.creator-result .mc-project-bar{padding:8px 18px;border-bottom:1px solid #ffffff10;gap:10px}.creator-result .mc-project-actions button{height:34px;font-size:12px;padding:6px 10px}.creator-result .mc-save-status{font-size:12px}.creator-result .mc-error{margin:8px 16px;flex:none;font-size:13px}.creator-pose-preview{position:relative;flex:1;min-height:240px;overflow:hidden;touch-action:none}.creator-pose-preview>canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.creator-pose-preview>canvas:active{cursor:grabbing}.creator-checker{background-color:#172018;background-image:linear-gradient(45deg,#ffffff04 25%,transparent 25%),linear-gradient(-45deg,#ffffff04 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff04 75%),linear-gradient(-45deg,transparent 75%,#ffffff04 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}.creator-canvas-hint{position:absolute;bottom:14px;left:18px;color:#a4b997;font-size:11px;pointer-events:none}.creator-loading{position:absolute;top:40%;left:0;right:0;text-align:center;color:#b6c9a7;font-size:14px}.creator-result-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid #ffffff0d;font-size:12px;color:#a8bd98;flex:none}.creator-result-meta>span{display:flex;align-items:center;gap:6px}.creator-result-meta .mc-button{margin-left:auto;height:30px;padding:5px 8px;font-size:12px;border-color:transparent;background:transparent;box-shadow:none}.creator-output-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #ffffff14;background:#202c1d;padding:14px 18px;flex:none}.creator-project-files,.creator-export-controls{display:flex;gap:8px;align-items:center}.creator-project-files .mc-button{font-size:12px;padding:9px 11px}.creator-export-controls select{min-width:0;width:auto!important;font-size:12px!important;padding:9px 27px 9px 10px!important}.creator-export-controls .mc-button{font-size:13px;padding:10px 14px}.creator-search{display:flex;gap:7px}.creator-search input{min-width:0;width:100%}.creator-search .mc-button{padding:8px;width:40px;flex:none}.creator-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.creator-add-grid .mc-button{font-size:12px;display:flex;flex-direction:column;gap:8px;height:72px;padding:9px 4px;background:#24301f;border-color:#ffffff12}.creator-backgrounds{display:grid;grid-template-columns:1fr 1fr;gap:9px}.creator-backgrounds button{padding:0;overflow:hidden;background:#1b291b;border:1px solid #ffffff16;border-radius:6px;text-align:left;cursor:pointer}.creator-backgrounds img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.creator-backgrounds span{display:block;padding:7px 8px;font-size:12px;color:#bdd0ad;text-transform:capitalize}.creator-thumbnail-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:250px;overflow:hidden;padding:0}.creator-thumbnail-stage .canvas-container{box-shadow:0 8px 32px #0005;flex:none}.creator-color-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.creator-layers{display:flex;flex-direction:column;gap:7px}.creator-layers>div{display:flex;align-items:center;border:1px solid #ffffff10;background:#1b291c;border-radius:6px;padding:3px}.creator-layers>div.is-selected{background:#304229;border-color:#8ec35b80}.creator-layers button{border:0;cursor:pointer;padding:9px 5px;background:transparent;color:#bfd0b1;display:flex;align-items:center;gap:8px}.creator-layer-name{flex:1;min-width:0;text-align:left;font-size:13px}.creator-layer-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-character-dialog{grid-template-columns:minmax(0,1fr);width:min(1000px,calc(100vw - 24px))!important;max-width:1000px!important;background:#131c15;color:#e0ead8;border-color:#38482f;max-height:calc(100dvh - 24px);overflow-y:auto}.creator-character-dialog>*{min-width:0}.creator-dialog-grid{display:grid;grid-template-columns:280px minmax(0,1fr);height:500px;gap:16px}.creator-dialog-controls{overflow-y:auto;padding:0 12px 0 0;min-width:0}.creator-dialog-grid .creator-pose-preview{min-height:300px;border:1px solid #ffffff12;border-radius:8px}.creator-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:12px}.creator-app button:focus-visible,.creator-app input:focus-visible,.creator-app select:focus-visible,.creator-app textarea:focus-visible,.creator-character-dialog button:focus-visible{outline:2px solid #a3e85c;outline-offset:3px}@media(max-width:1023px){.creator-grid{grid-template-columns:280px minmax(0,1fr);gap:14px}.creator-result,.creator-controls{height:740px}.creator-output-footer{padding:12px}.creator-result-meta>span:last-child{font-size:11px}.creator-project-files .mc-button{padding:7px}.creator-export-controls .mc-button{padding:8px}}@media(max-width:767px){.creator-mobile-nav{display:flex;justify-content:space-between;padding:0 2px 14px;font-size:14px;color:#b8e887}.creator-grid{grid-template-columns:minmax(0,1fr);gap:16px}.creator-controls{height:auto;max-height:580px;order:2}.creator-result{height:auto;order:1;border-radius:8px}.creator-workspace-top{padding:12px}.creator-result .mc-project-bar{padding:8px 12px}.creator-output-footer{gap:12px}.creator-project-files{order:2}.creator-export-controls{margin-left:auto;order:1;flex:1;justify-content:flex-end}.creator-result-meta{padding:10px 12px;gap:10px}.creator-result-meta>span:last-child{width:100%}.creator-pose-preview{min-height:300px;height:360px;flex:none}.creator-thumbnail-stage{height:250px;min-height:0;flex:none}.creator-canvas-hint{font-size:10px;left:12px}.creator-dialog-grid{grid-template-columns:minmax(0,1fr);height:auto}.creator-dialog-controls{max-height:380px;order:2}.creator-dialog-grid .creator-pose-preview{height:340px;flex:none;order:1}.creator-tabs>button{padding:10px 6px}.creator-controls .mc-field input,.creator-controls .mc-field textarea{font-size:16px!important}.creator-character-dialog{padding:18px!important}.creator-dialog-actions>.mc-button{flex:1 1 auto}}.creator-app .creator-add-grid .mc-button{height:72px!important;white-space:normal;font-size:13px!important;padding:10px 5px!important;gap:7px!important}.creator-app .creator-history .mc-button{height:34px!important;width:34px;padding:0!important;gap:0!important;background:transparent!important;box-shadow:none!important;border-color:transparent!important}.creator-build-preview{width:100%;min-width:0;height:480px;background:#19291d;border-radius:8px;overflow:hidden}.creator-build-preview .mc-voxel{height:100%;min-height:0}.creator-character-dialog input,.creator-character-dialog select,.creator-character-dialog textarea{max-width:100%}@media(max-width:767px){.creator-build-preview{height:360px}}