:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;overflow-y:auto;width:100%;min-height:100%;height:auto;scrollbar-gutter:stable}body{margin:0;padding:0;width:100%;min-height:100vh;background:#0a0015;overflow-x:hidden;overflow-y:auto;position:relative}#root{width:100%;min-height:100vh;height:auto;overflow:visible;display:flex;flex-direction:column}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app{min-height:100vh;width:100%;background:#fff;position:relative;overflow-x:hidden;overflow-y:visible;color:#000;font-family:Arial,sans-serif;display:flex;flex-direction:column;padding-bottom:2rem}@keyframes background-shift{0%,to{filter:hue-rotate(0deg)}25%{filter:hue-rotate(5deg)}50%{filter:hue-rotate(-5deg)}75%{filter:hue-rotate(5deg)}}.background-pattern{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(255,165,0,.1) 49px,rgba(255,165,0,.1) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(255,165,0,.1) 49px,rgba(255,165,0,.1) 50px),radial-gradient(circle at 20% 30%,rgba(255,0,0,.1) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,255,0,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(0,0,255,.1) 0%,transparent 40%);z-index:1;opacity:.4;animation:pattern-pulse 8s ease-in-out infinite;will-change:transform;pointer-events:none}@keyframes pattern-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.02) rotate(.5deg)}}.factory-bg{position:fixed;inset:0;width:100vw;height:100vh;background:radial-gradient(circle at 20% 80%,rgba(255,165,0,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,140,0,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,165,0,.05) 0%,transparent 70%);animation:factory-pulse 6s ease-in-out infinite;z-index:2;pointer-events:none}@keyframes factory-pulse{0%,to{opacity:.4}50%{opacity:.7}}.falling-emoji{position:fixed;font-size:2.5rem;pointer-events:none;z-index:2;opacity:.7;text-shadow:0 0 10px rgba(255,165,0,.8);will-change:transform}.bouncing-worker{position:fixed;pointer-events:none;z-index:3;opacity:.9;filter:drop-shadow(0 0 8px rgba(255,165,0,.4)) hue-rotate(0deg);transition:none;animation:worker-spin 5s linear infinite,worker-wobble 2s ease-in-out infinite;will-change:transform,filter}@keyframes worker-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes worker-wobble{0%,to{filter:drop-shadow(0 0 8px rgba(255,165,0,.4)) hue-rotate(0deg)}25%{filter:drop-shadow(0 0 12px rgba(255,0,0,.6)) hue-rotate(90deg)}50%{filter:drop-shadow(0 0 12px rgba(0,255,0,.6)) hue-rotate(180deg)}75%{filter:drop-shadow(0 0 12px rgba(0,0,255,.6)) hue-rotate(270deg)}}.header{text-align:center;padding:clamp(.5rem,1vh,1rem) 0;position:relative;z-index:10;flex-shrink:0}.title{font-size:clamp(1.2rem,3vw,2rem);font-weight:700;background:linear-gradient(45deg,#ff8c00,orange,#ffb732,#ff8c00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:0 0 30px rgba(255,165,0,.6);animation:glitch 3s infinite,glow-pulse 2s ease-in-out infinite alternate;letter-spacing:clamp(1px,.3vw,3px);font-family:Impact,Arial Black,sans-serif;position:relative}.title:before,.title:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(45deg,#ff8c00,orange,#ffb732,#ff8c00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title:before{animation:glitch-before 2s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);text-shadow:2px 0 #ff0000}.title:after{animation:glitch-after 2.5s infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);text-shadow:-2px 0 #00ffff}.title-emoji{text-shadow:none;animation:none;background:none;-webkit-text-fill-color:initial}.subtitle{font-size:clamp(.7rem,1.2vw,.9rem);color:orange;margin:.3rem 0 0;text-shadow:0 0 15px rgba(255,165,0,.4);font-weight:700;letter-spacing:clamp(.5px,.15vw,1px)}.header-links{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.ca-link{display:inline-block;padding:clamp(.4rem,.8vw,.6rem) clamp(.8rem,1.5vw,1.2rem);font-size:clamp(.65rem,1vw,.85rem);color:orange;background:#ffa50033;border:2px solid rgba(255,140,0,.5);border-radius:12px;text-decoration:none;transition:all .3s ease;backdrop-filter:blur(5px);font-family:monospace;letter-spacing:.5px;box-shadow:0 0 20px #ffa5004d}.ca-link:hover{background:#ffa50059;border-color:#ff8c00cc;color:#fff;transform:translateY(-2px);box-shadow:0 5px 25px #ffa50080;text-shadow:0 0 10px rgba(255,165,0,.6)}@keyframes glow-pulse{0%{text-shadow:0 0 30px rgba(255,165,0,.6)}to{text-shadow:0 0 45px rgba(255,165,0,.9),0 0 60px rgba(255,140,0,.5)}}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-5px,2px)}94%{transform:translate(5px,-2px)}96%{transform:translate(-3px,3px)}98%{transform:translate(3px,-3px)}}@keyframes glitch-before{0%,90%,to{transform:translate(0);opacity:0}92%{transform:translate(-8px);opacity:.8}94%{transform:translate(8px);opacity:.8}96%{transform:translate(-6px);opacity:.8}}@keyframes glitch-after{0%,90%,to{transform:translate(0);opacity:0}92%{transform:translate(6px);opacity:.8}94%{transform:translate(-6px);opacity:.8}96%{transform:translate(8px);opacity:.8}}.main-content{max-width:1400px;width:100%;margin:0 auto;padding:.5rem clamp(.5rem,1.5vw,1rem);padding-bottom:clamp(3rem,6vh,5rem);position:relative;z-index:10;box-sizing:border-box;flex:1;display:flex;flex-direction:column;min-height:0}.editor-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.5rem,1.5vw,1.5rem);align-items:start;max-width:1400px;width:100%;margin:0 auto;flex:1;min-height:0}.canvas-column{display:flex;flex-direction:column;gap:.5rem;align-items:center}.canvas-container{position:relative;background:transparent;border-radius:20px;overflow:hidden;border:3px solid rgba(255,140,0,.7);box-shadow:0 0 40px #ffa50080,inset 0 0 30px #ff8c0026;user-select:none;backdrop-filter:blur(10px);width:100%;max-width:min(600px,45vw);max-height:60vh;touch-action:none}.base-image{width:100%;height:100%;max-height:65vh;display:block;object-fit:cover;border-radius:16px}.upload-controls{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center;width:100%;flex-wrap:wrap}.upload-input{display:none}.upload-btn{display:inline-block;padding:clamp(.6rem,1.5vw,1rem) clamp(1.2rem,2vw,1.8rem);background:linear-gradient(45deg,#ff8c00,orange);color:#fff;border-radius:15px;cursor:pointer;font-size:clamp(.75rem,1.2vw,1rem);font-weight:700;border:2px solid rgba(255,140,0,.6);transition:all .3s ease;box-shadow:0 6px 25px #ffa50080,0 0 20px #ff8c004d;text-transform:uppercase;letter-spacing:1px;animation:button-pulse 2s ease-in-out infinite}@keyframes button-pulse{0%,to{transform:scale(1);box-shadow:0 6px 25px #ffa50080,0 0 20px #ff8c004d}50%{transform:scale(1.02);box-shadow:0 8px 30px #ffa500cc,0 0 30px #ff8c0099}}.upload-btn:hover{background:linear-gradient(45deg,orange,#ffb732);transform:translateY(-3px) rotate(-2deg);box-shadow:0 10px 35px #ffa500b3,0 0 30px #ff8c0080;border-color:#ff8c00e6;animation:button-shake .5s ease-in-out infinite}@keyframes button-shake{0%,to{transform:translateY(-3px) rotate(-2deg)}25%{transform:translateY(-3px) rotate(2deg)}75%{transform:translateY(-3px) rotate(-2deg)}}.controls-column{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.overlay-item{position:absolute;cursor:grab;pointer-events:all;transition:none;touch-action:none;user-select:none;display:inline-block;line-height:0}.overlay-item:before{content:"";position:absolute;inset:-2px;border:2px dashed rgba(255,140,0,.7);border-radius:10px;background:#ffa5001a;pointer-events:none;transition:border-color .2s ease,background .2s ease}.overlay-item:hover:before{border-color:#ff8c00;background:#ffa50026}.overlay-item.dragging{cursor:grabbing}.overlay-item.dragging:before{border-color:orange;background:#ffa50033}.overlay-image{max-width:600px;max-height:600px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,140,0,.6))}.canvas-container.exporting{border-color:transparent;box-shadow:none;backdrop-filter:none}.canvas-container.exporting .overlay-item:before{opacity:0}.canvas-container.exporting .resize-handle{display:none}.resize-handle{position:absolute;width:20px;height:20px;background:#ffa500cc;border:2px solid rgba(255,140,0,1);border-radius:50%;cursor:nwse-resize;z-index:10;pointer-events:all;box-shadow:0 0 8px #ffa50099;transition:all .2s ease}.resize-handle:hover{background:orange;transform:scale(1.2);box-shadow:0 0 12px #ffa500e6}.resize-handle-br{bottom:-10px;right:-10px}.resize-handle-large{width:30px;height:30px}.resize-handle-large.resize-handle-br{bottom:-15px;right:-15px}.workers-gallery{display:flex;flex-direction:column;gap:clamp(.5rem,1vh,1rem);width:100%;padding-bottom:clamp(2rem,5vh,4rem)}.workers-gallery h3{color:orange;font-weight:700;margin:0;font-size:clamp(.9rem,1.5vw,1.2rem);letter-spacing:clamp(.5px,.2vw,1.5px);text-transform:uppercase;text-shadow:0 0 15px rgba(255,165,0,.6);text-align:center}.workers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.worker-card{background:#0000004d;border:2px solid rgba(255,140,0,.4);border-radius:12px;padding:.5rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;animation:card-float 3s ease-in-out infinite;transform-origin:center 35%}.worker-card:nth-child(1){animation-delay:0s}.worker-card:nth-child(2){animation-delay:.3s}.worker-card:nth-child(3){animation-delay:.6s}.worker-card:nth-child(4){animation-delay:.9s}.worker-card:nth-child(5){animation-delay:1.2s}.worker-card:nth-child(6){animation-delay:1.5s}.worker-card:nth-child(7){animation-delay:1.8s}.worker-card:nth-child(8){animation-delay:2.1s}.worker-card:nth-child(9){animation-delay:2.4s}@keyframes card-float{0%,to{transform:translateY(0) rotate(0);border-color:#ff8c0066}25%{transform:translateY(-3px) rotate(1deg);border-color:#f009}50%{transform:translateY(0) rotate(0);border-color:#0f09}75%{transform:translateY(-3px) rotate(-1deg);border-color:#00f9}}.worker-card:hover{background:#ff8c0033;border-color:#ff8c00cc;transform:translateY(-14px) rotate(10deg) scale(1.08);box-shadow:0 10px 30px #ffa500cc;animation:card-spin 1s linear infinite}@keyframes card-spin{0%{transform:translateY(-14px) rotate(0) scale(1.08)}to{transform:translateY(-14px) rotate(360deg) scale(1.08)}}.worker-thumbnail{width:100%;height:auto;display:block;border-radius:8px;animation:thumbnail-wiggle 4s ease-in-out infinite}@keyframes thumbnail-wiggle{0%,to{filter:hue-rotate(0deg)}33%{filter:hue-rotate(120deg)}66%{filter:hue-rotate(240deg)}}.controls{display:flex;flex-direction:column;gap:1.5rem;min-width:250px;background:#ff8c0033;padding:1.5rem;border-radius:16px;border:2px solid rgba(255,140,0,.6);box-shadow:0 0 30px #ffa50066,inset 0 0 20px #ff8c001a;backdrop-filter:blur(10px);width:100%}.controls h3{color:orange;font-weight:700;margin:1rem 0 .5rem;font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,165,0,.5)}.controls h3:first-child{margin-top:0}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{color:orange;font-weight:700}.control-group input[type=range]{width:100%;height:8px;background:#ff8c0066;border-radius:4px;outline:none;-webkit-appearance:none;appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(45deg,#ff8c00,orange);border-radius:50%;cursor:pointer;box-shadow:0 0 12px #ffa50099}.control-group input[type=range]::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(45deg,#ff8c00,orange);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 12px #ffa50099}.control-group span{color:#fff;font-weight:700;text-align:center}.download-btn{padding:1.2rem 2.5rem;background:linear-gradient(45deg,#ff8c00,orange);color:#fff;border:2px solid rgba(255,140,0,.6);border-radius:15px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 25px #ffa50080,0 0 20px #ff8c004d;text-transform:uppercase;letter-spacing:1px;margin-top:1rem}.download-btn:hover{background:linear-gradient(45deg,orange,#ffb732);transform:translateY(-3px);box-shadow:0 10px 35px #ffa500b3,0 0 30px #ff8c0080;border-color:#ff8c00e6}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#2d2d2d,#3a3a3a);border:3px solid rgba(255,140,0,.7);border-radius:20px;padding:2rem;max-width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 0 50px #ffa50080;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.modal-close{position:absolute;top:1rem;right:1rem;background:#ff8c004d;border:2px solid rgba(255,140,0,.7);color:orange;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ff8c0080;border-color:#ff8c00;transform:rotate(90deg)}.modal-title{color:orange;font-size:2rem;margin:0;text-align:center;text-shadow:0 0 20px rgba(255,165,0,.5)}.preview-image{max-width:100%;max-height:60vh;border-radius:15px;border:3px solid rgba(255,140,0,.5);box-shadow:0 0 30px #ffa50066}.modal-instructions{color:orange;font-size:.9rem;text-align:center;margin:0;opacity:.8}.modal-download{margin:0}.finalize-btn{background:linear-gradient(45deg,#32cd32,#0f0);border-color:#32cd3299}.finalize-btn:hover{background:linear-gradient(45deg,#0f0,#7fff00);border-color:#32cd32e6}.switch-factory-btn{background:linear-gradient(45deg,#9b59b6,#8e44ad);border-color:#9b59b699}.switch-factory-btn:hover{background:linear-gradient(45deg,#a569bd,#9b59b6);border-color:#9b59b6e6}@media(max-width:1024px){.app{max-height:none}.editor-section{grid-template-columns:1fr;gap:2rem}.canvas-column{order:1}.controls-column{order:2}.controls{min-width:auto;width:100%;max-width:500px;margin:0 auto}}@media(max-width:768px){.title{font-size:2.5rem;letter-spacing:4px}.subtitle{font-size:1rem}.header-links{gap:1rem}.ca-link{font-size:.75rem;padding:.6rem 1rem}.main-content{padding:1rem}.editor-section{max-width:100%;padding:0 .5rem}.canvas-container{max-width:100%}.base-image{max-width:100%;height:auto}.upload-btn{padding:1rem 2rem;font-size:1rem}.controls{padding:1.2rem}.download-btn{padding:1rem 2rem;font-size:1rem}}@media(max-width:480px){.title{font-size:1.8rem;letter-spacing:2px}.subtitle{font-size:.9rem}.ca-link{font-size:.65rem;padding:.5rem .8rem;max-width:90%;word-break:break-all}.main-content{padding:.5rem}.canvas-container{max-width:100%}.base-image{max-width:100%;height:auto}.controls{padding:1rem}.controls h3{font-size:1rem}.download-btn,.upload-btn{padding:.8rem 1.5rem;font-size:.9rem}}