:root{--endo-yellow: #fbb03b;--endo-yellow-dark: #e09920;--endo-yellow-glow: rgba(251, 176, 59, .4);--endo-gray: #2b2b2b;--endo-gray-card: rgba(38, 38, 38, .94);--endo-navy: #203354;--primary: var(--endo-yellow);--secondary: var(--endo-yellow-dark);--accent: var(--endo-yellow);--accent-dim: var(--endo-yellow-dark);--accent-glow: var(--endo-yellow-glow);--bg-dark: var(--endo-gray);--bg: var(--endo-gray);--card-bg: var(--endo-gray-card);--surface: #333333;--surface-2: #3d3d3d;--border: rgba(255, 255, 255, .12);--text-main: #ffffff;--text: #ffffff;--text-muted: rgba(255, 255, 255, .72);--muted: rgba(255, 255, 255, .72);--success: var(--endo-yellow);--danger: #e85d5d;--warning: var(--endo-yellow);--radius: 14px;--radius-lg: 20px;--font-display: "Bungee", system-ui, sans-serif;--font-body: "Poppins", system-ui, sans-serif;--font: var(--font-display);--mono: "JetBrains Mono", ui-monospace, monospace;--chip-success-bg: rgba(251, 176, 59, .18);--chip-success-border: rgba(251, 176, 59, .55);--chip-success-text: #fff4dc;--top-banner-height: 2.5rem;--banner-header-gap: 2rem;--content-gap: 1.25rem;--safe-top-with-banner: calc(var(--top-banner-height) + var(--banner-header-gap));--page-edge-y: 2.5rem}@media(max-width:640px){:root{--top-banner-height: 5.5rem;--banner-header-gap: 3rem;--safe-top-with-banner: calc(var(--top-banner-height) + var(--banner-header-gap))}.top-banner{padding:.75rem .85rem;line-height:1.45}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}html,body{min-height:100%}body{font-family:var(--font-body);background-color:var(--endo-gray);color:var(--text-main);line-height:1.55;letter-spacing:.01em;font-weight:400}.bg-pattern{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background-color:var(--endo-gray)}.bg-pattern:before{content:"";position:absolute;top:-24%;right:-24%;bottom:-24%;left:-24%;background-image:url(/endocraft-pattern.png);background-size:cover;background-position:center;background-repeat:no-repeat;transform:translateZ(0) scale(1.12);backface-visibility:hidden;will-change:transform;animation:bg-pattern-drift 62s linear infinite}@keyframes bg-pattern-drift{0%{transform:translate3d(6.5%,0,0) scale(1.12)}8.333%{transform:translate3d(5.5%,2.8%,0) scale(1.12)}16.666%{transform:translate3d(3.2%,4.8%,0) scale(1.12)}25%{transform:translate3d(0,5.5%,0) scale(1.12)}33.333%{transform:translate3d(-3.2%,4.8%,0) scale(1.12)}41.666%{transform:translate3d(-5.5%,2.8%,0) scale(1.12)}50%{transform:translate3d(-6.5%,0,0) scale(1.12)}58.333%{transform:translate3d(-5.5%,-2.8%,0) scale(1.12)}66.666%{transform:translate3d(-3.2%,-4.8%,0) scale(1.12)}75%{transform:translate3d(0,-5.5%,0) scale(1.12)}83.333%{transform:translate3d(3.2%,-4.8%,0) scale(1.12)}91.666%{transform:translate3d(5.5%,-2.8%,0) scale(1.12)}to{transform:translate3d(6.5%,0,0) scale(1.12)}}@media(prefers-reduced-motion:reduce){.bg-pattern:before{animation:none;top:0;right:0;bottom:0;left:0;transform:none}}.bg-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#14141440,#14141473)}.bg-grid,.grain,.crt-overlay{display:none!important}.credit-name{color:var(--accent);font-family:var(--font-display);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.home-footer,.site-footer,.tool-footer,footer:has(.footer-heart){margin-top:2.5rem;padding-top:1.25rem;border-top:3px solid var(--accent);font-family:var(--font-body);font-size:1rem;color:var(--muted);text-align:center}.home-footer p,.site-footer p,.tool-footer p,footer:has(.footer-heart)>p{margin:0;font-family:var(--font-display);font-size:.95rem;text-transform:uppercase;letter-spacing:.06em}.footer-sub{margin-top:.5rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.75}.footer-heart{--heart-neon: var(--accent-glow);--heart-neon-outer: rgba(251, 176, 59, .45);display:inline-block;color:var(--accent);font-family:var(--font-body);font-size:1.3em;font-weight:700;line-height:1;vertical-align:-.06em;transform-origin:center;animation:kendix-heartbeat 1.15s ease-in-out infinite;text-shadow:0 0 8px var(--heart-neon),0 0 20px var(--heart-neon-outer)}.footer-heart--danger{--heart-neon: rgba(232, 93, 93, .8);--heart-neon-outer: rgba(232, 93, 93, .42);color:var(--danger)}@keyframes kendix-heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.top-banner{position:fixed;top:0;left:0;z-index:10000;width:100%;box-sizing:border-box;min-height:var(--top-banner-height);padding:.65rem 1rem;text-align:center;font-family:var(--mono);font-size:.65rem;font-weight:700;line-height:1.35;letter-spacing:.14em;text-transform:uppercase;color:var(--warning);background:#fbb03b1a;border-bottom:1px solid rgba(251,176,59,.35)}body.has-top-banner{padding-top:var(--safe-top-with-banner)}*,*:before,*:after{margin:0;padding:0}html,body{height:100%}body{overflow-x:hidden}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1.1rem;height:1.1rem;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:1.25rem 1.5rem 2rem;min-height:100vh;display:flex;flex-direction:column;gap:1.25rem}.site-footer{margin-top:auto;padding-left:1rem;padding-right:1rem}.header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);border-bottom:4px solid var(--accent);box-shadow:0 12px 40px #00000073}.toolbar-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem 1rem;padding:.55rem 1rem;margin:0}.toolbar-bar-left{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;min-width:0}.toolbar-bar-right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.5rem .85rem;margin-left:auto}.toolbar-bar-title,.toolbar-label{font-family:var(--font-display);font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);flex-shrink:0}.toolbar-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .85rem;list-style:none;margin:0;padding:0}.toolbar-shortcuts li{display:flex;align-items:center;gap:.3rem;font-family:var(--font-body);font-size:.78rem;color:var(--muted);white-space:nowrap}.toolbar-group{display:flex;align-items:center;gap:.35rem}.toolbar-history{gap:.25rem}.toolbar-toggle{margin:0;font-size:.78rem;white-space:nowrap}.toolbar-zoom{min-width:0}.toolbar-zoom input[type=range]{width:72px;accent-color:var(--accent)}.zoom-label-compact{font-family:var(--mono);font-size:.68rem;color:var(--muted);min-width:2rem}.tool-grid-compact{grid-template-columns:repeat(4,1.75rem);gap:.25rem}.tool-grid-compact .tool{width:1.75rem;height:1.75rem;padding:0}.tool-grid-compact .tool .icon{width:1rem;height:1rem}.brush-sizes-compact{display:flex;gap:.2rem}.brush-sizes-compact .brush-size{min-width:1.65rem;padding:.3rem .35rem;font-size:.68rem}.btn-icon{padding:.4rem;min-width:2rem}.btn-icon .icon{margin:0}.logo{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:36px;height:36px}.logo-block{background:var(--surface-2);border-radius:3px}.logo-block.accent{background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.header h1{font-family:var(--font-display);font-size:1.35rem;font-weight:400;text-transform:uppercase;letter-spacing:.04em;color:#fff;text-shadow:2px 2px 0 #1a1a1a}.header h1 span{color:var(--accent);text-shadow:2px 2px 0 #1a1a1a}.subtitle{font-family:var(--font-body);font-size:.9rem;color:var(--muted);margin-top:.2rem}.header-actions{margin-left:auto;display:flex;gap:.5rem;flex-wrap:wrap}.btn{font-family:var(--font-display);font-size:.78rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;padding:.55rem 1rem;border-radius:8px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:background .15s,border-color .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-ghost{background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){background:#4a4a4a;border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.btn-primary{background:var(--accent);color:var(--endo-gray);box-shadow:0 3px 0 var(--endo-yellow-dark),0 6px 20px var(--accent-glow);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-weight:400}.btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 3px 0 var(--endo-yellow-dark),0 0 24px var(--accent-glow)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:.4rem .65rem;font-size:.8rem}.workspace{display:grid;grid-template-columns:300px 1fr 300px;gap:1rem;flex:1;align-items:start}@media(max-width:1024px){.workspace{grid-template-columns:1fr}}.panel{background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:1rem;min-width:0;overflow:hidden;box-shadow:0 16px 40px #0006;transition:border-color .2s ease,transform .2s ease}.panel:hover{border-color:#fbb03b59}.preview-panel{overflow:visible}.panel-section+.panel-section{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--border)}.panel-section h2{font-family:var(--font-display);font-size:.72rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.65rem}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.tool{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.tool .icon{width:1.35rem;height:1.35rem}.tool:hover{border-color:var(--accent-dim)}.tool.active{border-color:var(--accent);background:#fbb03b1f;box-shadow:inset 0 0 0 1px var(--accent)}.color-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:.75rem;align-items:center}.color-picker-wrap{width:40px;height:40px;flex-shrink:0;border-radius:8px;border:1px solid var(--border);overflow:hidden;background:var(--surface-2)}#color-picker{display:block;width:48px;height:48px;margin:-4px;padding:0;border:none;cursor:pointer;background:transparent}.hex-input{width:100%;min-width:0;box-sizing:border-box;font-family:var(--mono);font-size:.75rem;padding:.5rem .45rem;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text)}.swatches{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.swatch{width:22px;height:22px;border-radius:5px;border:2px solid transparent;cursor:pointer;transition:transform .1s}.swatch:hover{transform:scale(1.1)}.swatch.active{border-color:var(--text)}.brush-sizes{display:flex;gap:.35rem}.brush-size{flex:1;padding:.45rem;font-family:var(--mono);font-size:.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer}.brush-size.active{border-color:var(--accent);color:var(--accent)}.layer-hint{font-size:.72rem;color:var(--muted);margin:-.25rem 0 .4rem}.body-parts-grid{display:grid;grid-template-columns:4fr 8fr 4fr;grid-template-areas:". head ." "leftArm body rightArm" ". legs .";gap:.35rem;align-items:start;width:100%;max-width:252px;margin:0 auto}.body-legs-row{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;width:100%;align-items:start}.part-toggle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:.2rem;background:var(--surface-2);border:2px solid var(--border);border-radius:8px;cursor:pointer;overflow:hidden;transition:border-color .15s,opacity .15s}.part-toggle:hover{border-color:var(--accent-dim)}.part-toggle.state-0{border-color:var(--accent)}.part-toggle.state-1{border-color:var(--border);opacity:.88}.part-toggle.state-1 .part-check{opacity:.45;font-size:1.35rem}.part-toggle.state-2{opacity:.4;border-color:var(--border)}.part-toggle.state-2 .part-check{opacity:0}.part-preview{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.part-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.part-check:before{content:"✓"}.toggle{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted);cursor:pointer;margin-bottom:.4rem}.toggle input{accent-color:var(--accent)}.history-row{display:flex;gap:.35rem}.history-row .btn{flex:1;justify-content:center;gap:.3rem;padding-left:.4rem;padding-right:.4rem}.history-row .btn .icon{width:1rem;height:1rem}.zoom-section{display:flex;flex-direction:column;gap:.35rem}.zoom-section input[type=range]{width:100%;accent-color:var(--accent)}#zoom-label{font-family:var(--mono);font-size:.75rem;color:var(--muted)}.editor-area{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;min-width:0}.edit-zone{position:relative;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius);padding:.75rem;transition:border-color .2s,background .2s}.edit-zone.drag-over{border-color:var(--accent);background:#fbb03b0d}.edit-zone.has-skin{border-style:solid}.viewer-edit-wrap{width:100%;aspect-ratio:4 / 5;min-height:320px;background:linear-gradient(180deg,#1a2030,#0d1018);border-radius:8px;overflow:hidden;border:1px solid var(--border)}.viewer-edit-wrap,.viewer-wrap{position:relative}.viewer-edit-wrap canvas,.viewer-wrap canvas{display:block;width:100%;height:100%}.skin-data-canvas{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.drop-hint{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--muted);font-size:.9rem;pointer-events:none;z-index:2;border-radius:8px}.edit-zone.has-skin .drop-hint{display:none}.edit-hint{font-size:.78rem;color:var(--muted);text-align:center}.coords{font-family:var(--mono);font-size:.75rem;color:var(--muted)}.save-status{font-size:.72rem;color:var(--muted);text-align:center;opacity:.85}.viewer-wrap{width:100%;aspect-ratio:3 / 4;background:linear-gradient(180deg,#1a2030,#0d1018);border-radius:8px;overflow:hidden;border:1px solid var(--border);margin-bottom:.65rem}.pose-section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.pose-section-head h2{margin:0}.pose-controls{display:flex;flex-direction:column;gap:.4rem}.pose-joint{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);overflow:hidden}.pose-joint[open]{border-color:var(--accent-dim)}.pose-joint-title{display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text);padding:.4rem .5rem;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.pose-joint-title:before{content:"";width:.35rem;height:.35rem;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);flex-shrink:0;transition:transform .15s ease,border-color .15s}.pose-joint[open]>.pose-joint-title:before{transform:rotate(45deg);border-color:var(--accent)}.pose-joint-title::-webkit-details-marker{display:none}.pose-joint .pose-axes{padding:0 .45rem .45rem}.pose-axes{display:flex;flex-direction:column;gap:.25rem}.pose-axis{display:grid;grid-template-columns:1.1rem 1fr 2.5rem;align-items:center;gap:.35rem;font-size:.72rem;color:var(--muted);cursor:default}.pose-axis-label{font-family:var(--mono);font-weight:600;color:var(--text)}.pose-axis input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.pose-axis-value{font-family:var(--mono);font-size:.65rem;text-align:right;color:var(--muted)}kbd{font-family:var(--mono);font-size:.7rem;padding:.15rem .35rem;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:var(--text);min-width:1.4rem;text-align:center}.start-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));background:#080a0ee0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.start-picker[hidden]{display:none}.start-picker-panel{width:min(720px,100%);margin:auto;flex-shrink:0;padding:1.75rem 1.5rem;background:var(--card-bg);border:2px solid rgba(255,255,255,.1);border-top:4px solid var(--accent);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0000008c;box-sizing:border-box}.start-picker-panel h2{font-family:var(--font-display);font-size:1.35rem;font-weight:400;text-transform:uppercase;letter-spacing:.04em;text-align:center;color:#fff;text-shadow:2px 2px 0 #1a1a1a}.start-picker-sub{font-family:var(--font-body);text-align:center;color:var(--muted);font-size:.95rem;margin:.4rem 0 1.35rem}.start-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}@media(max-width:640px){.start-picker-panel{padding:1.15rem 1rem 1.25rem}.start-picker-panel h2{font-size:1.05rem;line-height:1.25}.start-picker-sub{font-size:.85rem;margin-bottom:1rem}.start-options{grid-template-columns:1fr;gap:.6rem}.start-card{flex-direction:row;align-items:center;justify-content:flex-start;gap:.85rem;padding:.7rem .85rem;text-align:left}.start-card:hover{transform:none}.start-preview{width:52px;height:52px;flex-shrink:0}.start-card-text{align-items:flex-start;flex:1}.start-card-title{font-size:.82rem}.start-card-desc{font-size:.75rem;text-align:left;line-height:1.35}}.start-card{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:100%;min-height:44px;padding:1rem .75rem;background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .15s,transform .12s,box-shadow .15s}.start-card:hover{border-color:var(--accent-dim);transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.start-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.start-preview{width:96px;height:96px;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:8px;border:1px solid var(--border);background:#3d3d3d;object-fit:contain;display:block}.start-card-text{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:0}.start-card-title{font-family:var(--font-display);font-size:.95rem;font-weight:400;text-transform:uppercase;letter-spacing:.04em}.start-card-desc{font-family:var(--font-body);font-size:.82rem;color:var(--muted);text-align:center;line-height:1.4}body.picker-open{overflow:hidden;position:fixed;width:100%;height:100%}body.picker-open .app{pointer-events:none;-webkit-user-select:none;user-select:none}