@layer base{:root{--color-void:#0a0612;--color-void-rgb:10,6,18;--color-chrome:#e6e6f0;--color-magenta:#ff2ec4;--color-magenta-rgb:255,46,196;--color-magenta-light:#ff6ad5;--color-cyan:#00e5ff;--color-cyan-rgb:0,229,255;--color-purple:#7b2ff7}html{overflow:hidden}body{background-color:#000;width:100%;height:100%;margin:0}#starfield{position:fixed;z-index:-99;background-color:var(--color-void);background-image:radial-gradient(1.5px 1.5px at 20px 30px,var(--color-chrome),transparent),radial-gradient(1px 1px at 90px 120px,var(--color-cyan),transparent),radial-gradient(1.5px 1.5px at 160px 60px,var(--color-chrome),transparent),radial-gradient(1px 1px at 230px 180px,var(--color-magenta-light),transparent),radial-gradient(1.5px 1.5px at 300px 20px,var(--color-chrome),transparent),radial-gradient(1px 1px at 50px 200px,var(--color-cyan),transparent),radial-gradient(1px 1px at 270px 140px,var(--color-chrome),transparent);animation:star-drift 120s linear infinite,star-twinkle 3s ease-in-out infinite alternate;background-repeat:repeat;background-size:340px 220px;transition:opacity .6s;inset:0}#starfield.fade-out{opacity:0;animation:none}@keyframes star-drift{0%{background-position:0 0}to{background-position:-340px 220px}}@keyframes star-twinkle{0%{opacity:.75}to{opacity:1}}video#video{position:fixed;z-index:-100;width:auto;min-width:100%;height:auto;min-height:100%;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}div#pictures-container{position:fixed;pointer-events:none;--travel-scale:clamp(.25,calc(100vw/1400px),1);width:100%;height:100%;top:0;left:0}div#pictures-container img{position:absolute;max-width:calc(30%/var(--travel-scale));max-height:calc(30%/var(--travel-scale));scale:var(--travel-scale);margin:auto;inset:0}div#pictures-container img.hide{display:none}footer{color:var(--color-chrome);position:fixed;z-index:1;text-align:center;background:linear-gradient(180deg,rgba(var(--color-void-rgb),.2),rgba(var(--color-void-rgb),.85));border-top:1px solid rgba(var(--color-cyan-rgb),.35);padding:8px 16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;bottom:0;left:0;right:0}footer p{margin:0}footer .status-dot{display:inline-block;background:var(--color-cyan);box-shadow:0 0 8px rgba(var(--color-cyan-rgb),.9);animation:twinkle 2.4s ease-in-out infinite;border-radius:50%;width:7px;height:7px;margin-right:4px}footer .cursor{animation:cursor-blink 1s step-end infinite}footer a{color:var(--color-magenta-light);text-decoration:underline;text-underline-offset:2px}footer a:hover{color:var(--color-cyan)}footer a:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px;border-radius:2px}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}}@layer components{.console-btn{display:inline-flex;position:relative;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px)100%,0 100%,0 14px);border:1.5px solid rgba(var(--color-cyan-rgb),.5);background:rgba(var(--color-void-rgb),.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;opacity:1;color:var(--color-chrome);text-align:center;text-transform:uppercase;letter-spacing:.03em;align-items: center;gap:10px;padding:20px 36px;transition:opacity .4s,transform .2s,box-shadow .2s,background .25s,color .25s,border-color .25s;font-family:sans-serif;font-size:1.6em;font-weight:800;box-shadow:0 12px 32px #00000073}.console-btn p{margin:0}.console-btn:hover{transform:translateY(-2px)}.console-btn:active{filter:brightness(.95);transform:translateY(0)}.console-btn:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px}.console-btn--primary{border-color:rgba(var(--color-magenta-rgb),.6);box-shadow:0 12px 32px #00000073,0 0 24px rgba(var(--color-magenta-rgb),.18);animation:pulse-glow 2.4s ease-in-out infinite}.console-btn--primary .spark{display:inline-block;animation:twinkle 2.4s ease-in-out infinite}.console-btn--primary .spark:last-child{animation-delay:1.2s}.console-btn--primary:hover{animation-play-state:paused}.console-btn--primary:active{animation-play-state:paused}.console-btn--primary:hover{background:linear-gradient(135deg,var(--color-magenta-light),var(--color-magenta));color:var(--color-void);border-color:rgba(var(--color-magenta-rgb),.9);box-shadow:0 16px 40px #00000080,0 0 36px rgba(var(--color-magenta-rgb),.4)}.console-btn--secondary:hover{background:linear-gradient(135deg,var(--color-cyan),var(--color-purple));color:var(--color-void);border-color:rgba(var(--color-cyan-rgb),.9);box-shadow:0 16px 40px #00000080,0 0 36px rgba(var(--color-cyan-rgb),.4)}@keyframes pulse-glow{0%,to{box-shadow:0 12px 32px #00000073,0 0 24px rgba(var(--color-magenta-rgb),.18)}50%{box-shadow:0 12px 32px #00000073,0 0 40px rgba(var(--color-magenta-rgb),.4)}}@keyframes twinkle{0%,to{opacity:.5;transform:scale(.85)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(180deg)}}#quick-actions{position:fixed;z-index:3;display:flex;gap:8px;top:20px;left:20px}.dock-btn{display:flex;color:var(--color-chrome);background:rgba(var(--color-void-rgb),.6);border:1.5px solid rgba(var(--color-cyan-rgb),.5);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px)100%,0 100%,0 8px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;justify-content:center;align-items: center;width:44px;height:44px;transition:transform .15s,box-shadow .15s,opacity .15s;font-size:18px}.dock-btn:hover{box-shadow:0 0 20px rgba(var(--color-cyan-rgb),.4);border-color:rgba(var(--color-cyan-rgb),.9);transform:translateY(-2px)}.dock-btn:active{transform:translateY(0)}.dock-btn:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px}.dock-btn:disabled{opacity:.35;cursor:not-allowed}.dock-btn:disabled:hover{box-shadow:none;border-color:rgba(var(--color-cyan-rgb),.5);transform:none}#volume-group{position:relative}#volume-menu{position:absolute;z-index:3;display:flex;background:rgba(var(--color-void-rgb),.85);border:1.5px solid rgba(var(--color-cyan-rgb),.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items: center;gap:8px;padding:8px 12px;top:calc(100% + 8px);left:0}#volume-menu[hidden]{display:none}#mute-btn{display:flex;color:var(--color-chrome);cursor:pointer;background:0 0;border:none;justify-content:center;align-items: center;width:24px;height:24px;padding:0;font-size:15px}#mute-btn:hover{color:var(--color-cyan)}#mute-btn:focus-visible{color:var(--color-cyan)}#mute-btn:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}#volume-slider{accent-color:var(--color-cyan);cursor:pointer;width:100px}input#file-upload{opacity:0;position:absolute;z-index:-1}}@layer components{#upload-error{display:flex;position:fixed;z-index:3;border:3px solid var(--color-void);box-shadow:4px 4px 0 var(--color-void);background:#7a2a2a;border-radius:10px;align-items: center;gap:12px;max-width:min(90vw,480px);padding:12px 16px;top:20px;left:50%;transform:translate(-50%)}#upload-error[hidden]{display:none}#upload-error.toast-success{background:#2a7a3a}#upload-error p{color:var(--color-chrome);margin:0;font-family:sans-serif;font-size:14px;font-weight:700}#upload-error button{color:var(--color-chrome);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:16px;font-weight:700;line-height:1}.console-card{display:flex;pointer-events:auto;border:1.5px solid rgba(var(--color-cyan-rgb),.4);background:rgba(var(--color-void-rgb),.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000080,0 0 40px rgba(var(--color-magenta-rgb),.12),inset 0 0 0 1px rgba(var(--color-void-rgb),.4);clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px)100%,0 100%,0 24px);flex-direction:column;align-items: center;gap:14px;max-width:min(90vw,620px);padding:40px 48px}#landing{display:none;position:fixed;z-index:2;box-sizing:border-box;pointer-events:none;justify-content:center;align-items: center;padding:24px;transition:opacity .4s;inset:0}#landing.fade-out{opacity:0}#landing.fade-out .console-card{pointer-events:none}.console-path{color:var(--color-cyan);opacity:.75;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.console-title{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:18px}.console-logo{border:1.5px solid rgba(var(--color-cyan-rgb),.5);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px)100%,0 100%,0 10px);box-shadow:0 0 20px rgba(var(--color-magenta-rgb),.25);flex-shrink:0;width:64px;height:64px}.console-card h1{text-align:left;text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(100deg,var(--color-magenta)0%,var(--color-purple)50%,var(--color-cyan)100%);color:#0000;text-shadow:2px 0 0 rgba(var(--color-magenta-rgb),.35),-2px 0 0 rgba(var(--color-cyan-rgb),.35);-webkit-background-clip:text;background-clip:text;margin:0;font-family:sans-serif;font-size:clamp(28px,5vw,48px);font-weight:900;line-height:1.1}.tagline{color:var(--color-chrome);opacity:.85;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;font-style:italic}.console-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px}}@layer dialog{dialog#preview-dialog{background:0 0;border:none;padding:0}dialog#preview-dialog::backdrop{background:rgba(var(--color-void-rgb),.75);backdrop-filter:blur(2px)}.preview-card{display:flex;border:1.5px solid rgba(var(--color-cyan-rgb),.4);background:rgba(var(--color-void-rgb),.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000080,0 0 40px rgba(var(--color-magenta-rgb),.12);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px)100%,0 100%,0 20px);flex-direction:column;align-items: center;gap:10px;max-width:min(95vw,900px);padding:20px 24px}dialog#export-progress-dialog{background:0 0;border:none;padding:0}dialog#export-progress-dialog::backdrop{background:rgba(var(--color-void-rgb),.75);backdrop-filter:blur(2px)}.export-progress-card{display:flex;border:1.5px solid rgba(var(--color-cyan-rgb),.4);background:rgba(var(--color-void-rgb),.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000080,0 0 40px rgba(var(--color-magenta-rgb),.12);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px)100%,0 100%,0 20px);flex-direction:column;align-items: center;gap:16px;min-width:260px;padding:28px 36px}.export-progress-card>.tagline{color:var(--color-magenta-light);margin:0;font-size:18px}dialog#export-options-dialog{background:0 0;border:none;padding:0}dialog#export-options-dialog::backdrop{background:rgba(var(--color-void-rgb),.75);backdrop-filter:blur(2px)}.export-options-card{display:flex;border:1.5px solid rgba(var(--color-cyan-rgb),.4);background:rgba(var(--color-void-rgb),.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000080,0 0 40px rgba(var(--color-magenta-rgb),.12);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px)100%,0 100%,0 20px);flex-direction:column;align-items:stretch;gap:16px;min-width:280px;padding:28px 36px}.export-options-card>.tagline{text-align:center;color:var(--color-magenta-light);margin:0;font-size:18px}.option-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:16px}.option-label{color:var(--color-chrome);opacity:.8;font-family:sans-serif;font-size:13px}.slider-control{display:flex;color:var(--color-chrome);align-items: center;gap:8px;font-family:sans-serif;font-size:13px}.slider-control[hidden]{display:none}#gif-size-warning{text-align:center;color:#ffcf7d;margin:0;font-family:sans-serif;font-size:13px}#gif-size-warning[hidden]{display:none}#source-step,#crop-step,#edit-step{display:flex;flex-direction:column;align-items: center;gap:8px}:is(#source-step,#crop-step,#edit-step)[hidden]{display:none}:is(#source-step,#crop-step,#edit-step)>.tagline{color:var(--color-magenta-light);font-size:20px}#source-drop-zone{display:flex;border:1.5px dashed rgba(var(--color-cyan-rgb),.35);flex-direction:column;justify-content:center;align-items: center;gap:16px;width:min(85vw,800px);height:70vh;transition:border-color .2s,background .2s}#source-drop-zone.is-drag-over{border-color:rgba(var(--color-cyan-rgb),.9);background:rgba(var(--color-cyan-rgb),.08)}.source-drop-hint{color:var(--color-chrome);opacity:.8;margin:0;font-family:sans-serif;font-size:13px}#source-error{color:#ff9d9d;margin:0;font-family:sans-serif;font-size:13px}#source-error[hidden]{display:none}#crop-area{position:relative;border:1.5px solid rgba(var(--color-cyan-rgb),.35);width:min(85vw,800px);height:70vh}#crop-area cropper-canvas{width:100%;height:100%}#preview-img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}#edit-canvas{display:block;touch-action:none;cursor:crosshair;border:1.5px solid rgba(var(--color-cyan-rgb),.5);background-color:#666;background-image:linear-gradient(45deg,#444 25%,#0000 25%),linear-gradient(-45deg,#444 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#444 75%),linear-gradient(-45deg,#0000 75%,#444 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;max-width:min(85vw,800px);max-height:70vh}.tool-picker{display:flex;gap:8px}.tool-picker button{text-transform:uppercase;letter-spacing:.02em;border:1.5px solid rgba(var(--color-cyan-rgb),.5);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px)100%,0 100%,0 8px);cursor:pointer;color:var(--color-chrome);background:rgba(var(--color-void-rgb),.6);padding:8px 14px;transition:background .2s,color .2s,border-color .2s;font-family:sans-serif;font-size:13px;font-weight:800}.tool-picker button[aria-pressed=true]{background:linear-gradient(135deg,var(--color-cyan),var(--color-purple));color:var(--color-void);border-color:rgba(var(--color-cyan-rgb),.9)}.tool-picker button:disabled{opacity:.4;cursor:not-allowed}.crop-hint{color:var(--color-chrome);opacity:.8;margin:0;font-family:sans-serif;font-size:13px}.preview-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.preview-actions button{text-transform:uppercase;letter-spacing:.02em;border:1.5px solid rgba(var(--color-cyan-rgb),.5);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px)100%,0 100%,0 10px);cursor:pointer;color:var(--color-chrome);background:rgba(var(--color-void-rgb),.6);padding:10px 20px;transition:transform .15s,background .2s,color .2s,border-color .2s,box-shadow .2s;font-family:sans-serif;font-size:14px;font-weight:800}.preview-actions button:hover{transform:translateY(-2px)}.preview-actions button:active{filter:brightness(.95);transform:translateY(0)}.preview-actions button:disabled{opacity:.4;cursor:not-allowed;transform:none}.preview-actions #preview-cancel{color:#ff9d9d;border-color:#7a2a2ab3}.preview-actions #preview-cancel:hover{color:var(--color-chrome);background:#7a2a2a;border-color:#7a2a2a}.preview-actions #export-options-cancel{color:#ff9d9d;border-color:#7a2a2ab3}.preview-actions #export-options-cancel:hover{color:var(--color-chrome);background:#7a2a2a;border-color:#7a2a2a}.preview-actions #edit-back{border-color:#e6e6f04d}.preview-actions #edit-back:hover{background:#4a4f57;border-color:#4a4f57}.preview-actions #crop-next:hover{background:linear-gradient(135deg,var(--color-cyan),var(--color-purple));color:var(--color-void);border-color:rgba(var(--color-cyan-rgb),.9)}.preview-actions #preview-confirm{border-color:rgba(var(--color-magenta-rgb),.6);box-shadow:0 0 24px rgba(var(--color-magenta-rgb),.18);animation:pulse-glow 2.2s ease-in-out infinite;padding:14px 28px;font-size:15px}.preview-actions #preview-confirm:hover{background:linear-gradient(135deg,var(--color-magenta-light),var(--color-magenta));color:var(--color-void);border-color:rgba(var(--color-magenta-rgb),.9);box-shadow:0 0 36px rgba(var(--color-magenta-rgb),.4)}.preview-actions #preview-confirm:active{transform:scale(.96)}.preview-actions #preview-confirm:disabled{animation:none}#preview-confirm.is-loading{color:#0000;position:relative;pointer-events:none}#preview-confirm.is-loading:after{content:"";position:absolute;border:3px solid rgba(var(--color-void-rgb),.35);border-top-color:var(--color-void);animation:spin .6s linear infinite;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}#export-progress-bar{appearance:none;border:1.5px solid rgba(var(--color-cyan-rgb),.5);background:rgba(var(--color-void-rgb),.6);width:220px;height:14px}#export-progress-bar::-webkit-progress-bar{background:rgba(var(--color-void-rgb),.6)}#export-progress-bar::-webkit-progress-value{background:linear-gradient(90deg,var(--color-cyan),var(--color-purple));transition:width .15s}#export-progress-bar::-moz-progress-bar{background:linear-gradient(90deg,var(--color-cyan),var(--color-purple))}#export-progress-label{color:var(--color-chrome);margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}}@layer stars{.spaceone_1{animation:spaceone 4.2s linear infinite}@keyframes spaceone{0%{filter:saturate(5);transform:translate(1000px,-500px)scale(2)rotate(-90deg)}5%{filter:saturate(2.5);transform:translate(975px,-500px)scale(1.95)rotate(-94.5deg)}10%{filter:saturate(0);transform:translate(900px,-425px)scale(1.9)rotate(-99deg)}15%{filter:saturate(2.5);transform:translate(925px,-450px)scale(1.85)rotate(-103.5deg)}20%{filter:saturate(5);transform:translate(800px,-375px)scale(1.8)rotate(-108deg)}25%{filter:saturate(2.5);transform:translate(825px,-400px)scale(1.75)rotate(-112.5deg)}30%{filter:saturate(0);transform:translate(700px,-325px)scale(1.7)rotate(-117deg)}35%{filter:saturate(2.5);transform:translate(725px,-350px)scale(1.65)rotate(-121.5deg)}40%{filter:saturate(5);transform:translate(600px,-275px)scale(1.6)rotate(-126deg)}45%{filter:saturate(2.5);transform:translate(625px,-300px)scale(1.55)rotate(-130.5deg)}50%{filter:saturate(0);transform:translate(500px,-225px)scale(1.5)rotate(-135deg)}55%{filter:saturate(2.5);transform:translate(525px,-250px)scale(1.45)rotate(-139.5deg)}60%{filter:saturate(5);transform:translate(400px,-175px)scale(1.4)rotate(-144deg)}65%{filter:saturate(2.5);transform:translate(425px,-200px)scale(1.35)rotate(-148.5deg)}70%{filter:saturate(0);transform:translate(300px,-125px)scale(1.3)rotate(-153deg)}75%{filter:saturate(2.5);transform:translate(325px,-150px)scale(1.25)rotate(-157.5deg)}80%{filter:saturate(5);transform:translate(200px,-75px)scale(1.2)rotate(-162deg)}85%{filter:saturate(2.5);transform:translate(225px,-100px)scale(1.15)rotate(-166.5deg)}90%{filter:saturate(0);transform:translate(100px,-25px)scale(1.1)rotate(-171deg)}95%{filter:saturate(2.5);transform:translate(125px,-50px)scale(1.05)rotate(-175.5deg)}to{filter:saturate(5);transform:translate(0)scale(1)rotate(-180deg)}}.dolphins_1{animation:dolphins-one 4s linear infinite}@keyframes dolphins-one{0%{transform:translate(1000px,-300px)rotate(-100deg)}10%{transform:translate(900px,-270px)rotate(-80deg)}20%{transform:translate(800px,-240px)rotate(-120deg)}30%{transform:translate(700px,-210px)rotate(-80deg)}40%{transform:translate(600px,-180px)rotate(-120deg)}50%{transform:translate(500px,-150px)rotate(-80deg)}60%{transform:translate(400px,-120px)rotate(-120deg)}70%{transform:translate(300px,-90px)rotate(-80deg)}80%{transform:translate(200px,-60px)rotate(-120deg)}90%{transform:translate(100px,-30px)rotate(-80deg)}to{transform:translate(0)rotate(-120deg)}}.dolphins_2{animation:dolphins-two 4s linear infinite}@keyframes dolphins-two{0%{transform:translate(1200px,400px)scale(2.5)rotate(-100deg)}10%{transform:translate(960px,360px)scale(2.4)rotate(-50deg)}20%{transform:translate(720px,320px)scale(2.3)rotate(-110deg)}30%{transform:translate(480px,280px)scale(2.2)rotate(-50deg)}40%{transform:translate(240px,240px)scale(2.1)rotate(-110deg)}50%{transform:translateY(200px)scale(2)rotate(-50deg)}60%{transform:translate(-240px,160px)scale(1.9)rotate(-110deg)}70%{transform:translate(-480px,120px)scale(1.8)rotate(-50deg)}80%{transform:translate(-720px,80px)scale(1.7)rotate(-110deg)}90%{transform:translate(-960px,40px)scale(1.6)rotate(-50deg)}to{transform:translate(-1200px)scale(1.5)rotate(-90deg)}}.spacetwo_1{animation:spacetwo-one 4s linear infinite}@keyframes spacetwo-one{0%{transform:translate(-1000px,600px)rotate(40deg)scale(-1.5,1.5)}10%{transform:translate(-800px,480px)rotate(0)scale(-1.5,1.5)}20%{transform:translate(-600px,360px)rotate(40deg)scale(-1.5,1.5)}30%{transform:translate(-400px,240px)rotate(0)scale(-1.5,1.5)}40%{transform:translate(-200px,120px)rotate(40deg)scale(-1.5,1.5)}50%{transform:translate(0)rotate(0)scale(-1.5,1.5)}60%{filter:contrast(300%);transform:translate(-160px,-100px)rotate(-40deg)scale(-1.5,1.5)}70%{filter:contrast(300%);transform:translate(-320px,-200px)rotate(0)scale(-1.5,1.5)}80%{filter:contrast(300%);transform:translate(-480px,-300px)rotate(-40deg)scale(-1.5,1.5)}90%{filter:contrast(300%);transform:translate(-640px,-400px)rotate(0)scale(-1.5,1.5)}to{filter:contrast(300%);transform:translate(-800px,-500px)rotate(-40deg)scale(-1.5,1.5)}}.spacetwo_2{animation:spacetwo-two 4s linear infinite}@keyframes spacetwo-two{0%{transform:translate(1000px,600px)rotate(-40deg)scale(1.5)}10%{transform:translate(800px,480px)rotate(0)scale(1.5)}20%{transform:translate(600px,360px)rotate(-40deg)scale(1.5)}30%{transform:translate(400px,240px)rotate(0)scale(1.5)}40%{transform:translate(200px,120px)rotate(-40deg)scale(1.5)}50%{filter:contrast(300%);transform:translate(0)rotate(0)scale(1.5)}60%{filter:contrast(300%);transform:translate(120px,-140px)rotate(40deg)scale(1.5)}70%{filter:contrast(300%);transform:translate(240px,-280px)rotate(0)scale(1.5)}80%{filter:contrast(300%);transform:translate(360px,-420px)rotate(40deg)scale(1.5)}90%{filter:contrast(300%);transform:translate(480px,-560px)rotate(0)scale(1.5)}to{filter:contrast(300%);transform:translate(600px,-700px)rotate(40deg)scale(1.5)}}.spacetwo_3{animation:spacetwo-three 4s linear infinite}@keyframes spacetwo-three{0%{opacity:0}10%{opacity:0}20%{opacity:0}30%{opacity:0}40%{opacity:0}50%{opacity:1;filter:contrast(300%);transform:translate(0)rotate(-90deg)}60%{opacity:1;filter:contrast(300%);transform:translate(-200px)rotate(-70deg)}70%{opacity:1;filter:contrast(300%);transform:translate(-400px)rotate(-110deg)}80%{opacity:1;filter:contrast(300%);transform:translate(-600px)rotate(-70deg)}90%{opacity:1;filter:contrast(300%);transform:translate(-800px)rotate(-110deg)}to{opacity:1;filter:contrast(300%);transform:translate(-1000px)rotate(-90deg)}}.spacetwo_4{animation:spacetwo-four 4s linear infinite}@keyframes spacetwo-four{0%{opacity:0}10%{opacity:0}20%{opacity:0}30%{opacity:0}40%{opacity:0}50%{opacity:1;filter:contrast(300%);transform:translate(0)rotate(90deg)scaleX(-1)}60%{opacity:1;filter:contrast(300%);transform:translate(200px)rotate(70deg)scaleX(-1)}70%{opacity:1;filter:contrast(300%);transform:translate(400px)rotate(110deg)scaleX(-1)}80%{opacity:1;filter:contrast(300%);transform:translate(600px)rotate(70deg)scaleX(-1)}90%{opacity:1;filter:contrast(300%);transform:translate(800px)rotate(110deg)scaleX(-1)}to{opacity:1;filter:contrast(300%);transform:translate(1000px)rotate(90deg)scaleX(-1)}}.spacetwo_5{animation:spacetwo-five 4s linear infinite}@keyframes spacetwo-five{0%{opacity:0}10%{opacity:0}20%{opacity:0}30%{opacity:0}40%{opacity:0}50%{opacity:1;filter:contrast(300%);transform:translate(0)rotate(-140deg)}60%{opacity:1;filter:contrast(300%);transform:translate(-60px,120px)rotate(-120deg)}70%{opacity:1;filter:contrast(300%);transform:translate(-120px,240px)rotate(-160deg)}80%{opacity:1;filter:contrast(300%);transform:translate(-180px,360px)rotate(-120deg)}90%{opacity:1;filter:contrast(300%);transform:translate(-240px,480px)rotate(-160deg)}to{opacity:1;filter:contrast(300%);transform:translate(-300px,600px)rotate(-140deg)}}.spacetwo_6{animation:spacetwo-six 4s linear infinite}@keyframes spacetwo-six{0%{opacity:0}10%{opacity:0}20%{opacity:0}30%{opacity:0}40%{opacity:0}50%{opacity:1;filter:contrast(300%);transform:translate(0)rotate(150deg)scaleX(-1)}60%{opacity:1;filter:contrast(300%);transform:translate(240px,120px)rotate(170deg)scaleX(-1)}70%{opacity:1;filter:contrast(300%);transform:translate(480px,240px)rotate(130deg)scaleX(-1)}80%{opacity:1;filter:contrast(300%);transform:translate(720px,360px)rotate(170deg)scaleX(-1)}90%{opacity:1;filter:contrast(300%);transform:translate(960px,480px)rotate(130deg)scaleX(-1)}to{opacity:1;filter:contrast(300%);transform:translate(1200px,600px)rotate(150deg)scaleX(-1)}}.microone_1{animation:microone 3.5s linear infinite}@keyframes microone{0%{transform:translateY(-200px)rotate(90deg)scale(-.5,.5)}15%{transform:translate(-300px,150px)rotate(160deg)scale(-2.5,2.5)}to{transform:translate(-50px)rotate(100deg)scale(-.5,.5)}}.microtwo_1{animation:microtwo 5.5s linear infinite}@keyframes microtwo{0%{transform:translate(-400px,-300px)rotate(100deg)scale(-.5,.5)}15%{transform:translate(-600px,-200px)rotate(90deg)scale(-2.5,2.5)}25%{transform:translate(-400px)rotate(95deg)scale(-4,4)}30%{transform:translate(900px,300px)rotate(100deg)scale(-7,7)}35%{transform:translate(1200px,200px)rotate(90deg)scale(-3,3)}40%{transform:translateY(100px)rotate(90deg)scale(-2,2)}65%{transform:translate(200px,150px)rotate(100deg)scale(-1.7,1.7)}75%{transform:translate(100px,100px)rotate(90deg)scale(-1.5,1.5)}85%{transform:translateY(50px)rotate(90deg)scale(-1.2,1.2)}95%{transform:translate(-50px)rotate(100deg)scale(-.8,.8)}to{transform:translate(0)rotate(100deg)scale(-.6,.6)}}}@layer responsive{@media (prefers-reduced-motion:reduce){.console-btn--primary{animation:none}.console-btn--primary .spark{animation:none}.console-btn,.dock-btn{transition:none}:is(.console-btn,.dock-btn):hover{transform:none}:is(.console-btn,.dock-btn):active{transform:none}:is(.console-btn,.dock-btn):focus-visible{transform:none}footer .status-dot{animation:none}footer .cursor{animation:none}#starfield,.preview-actions #preview-confirm{animation:none}#preview-confirm.is-loading:after{animation-duration:1.2s}}@media (max-width:480px){.console-card{gap:10px;padding:24px 20px}.console-path{font-size:11px}.tagline{font-size:13px}.console-title{gap:12px}.console-logo{width:40px;height:40px}.console-card h1{text-align:center}.console-actions{flex-direction:column;align-items:stretch;width:100%}.console-btn{box-sizing:border-box;justify-content:center;width:100%;padding:16px 20px;font-size:1.15em}#quick-actions{top:12px;left:12px}.dock-btn{width:38px;height:38px;font-size:15px}footer{padding:6px 10px;font-size:10px}dialog#export-options-dialog,dialog#export-progress-dialog{width:min(94vw,360px)}.export-options-card,.export-progress-card{box-sizing:border-box;width:100%;min-width:0;padding:20px}.export-options-card .option-row{flex-direction:column;align-items:stretch;gap:8px}.export-options-card .tool-picker{flex-wrap:wrap}}@media (hover:none) and (pointer:coarse){#starfield{display:none}dialog#preview-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}dialog#preview-dialog::backdrop{backdrop-filter:none}.preview-card{clip-path:none;backdrop-filter:none;box-shadow:none;box-sizing:border-box;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:12px}#source-step,#crop-step,#edit-step{flex:1;width:100%;min-height:0}#source-drop-zone,#crop-area{flex:1;width:100%;max-width:100%;min-height:0;max-height:100%}#edit-canvas{object-fit:contain;flex:1;max-width:100%;min-height:0;max-height:100%}}@media (orientation:portrait){.console-card{padding:clamp(20px,4vh,32px) clamp(16px,5vw,32px)}.console-card h1{font-size:clamp(22px,7vw,36px)}.console-logo{width:48px;height:48px}#quick-actions{top:max(12px,2vh);left:max(12px,2vw)}footer{padding:6px 14px;font-size:clamp(10px,2.6vw,12px)}}}@layer base,components,dialog,stars,responsive;
