*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif}.App{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(to bottom,#05070f 0%,#0a0e1e 40%,#161226 65%,#2b1a2e 85%,#3d2036 100%)}.sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(1.5px 1.5px at 8% 12%,#fff,transparent),radial-gradient(1px 1px at 22% 28%,#fff,transparent),radial-gradient(1.5px 1.5px at 35% 8%,#fff,transparent),radial-gradient(1px 1px at 48% 22%,#cbd5ff,transparent),radial-gradient(2px 2px at 58% 15%,#fff,transparent),radial-gradient(1px 1px at 66% 35%,#fff,transparent),radial-gradient(1.5px 1.5px at 74% 10%,#fff,transparent),radial-gradient(1px 1px at 82% 25%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 18%,#cbd5ff,transparent),radial-gradient(1px 1px at 15% 45%,#fff,transparent),radial-gradient(1.5px 1.5px at 30% 55%,#fff,transparent),radial-gradient(1px 1px at 44% 48%,#fff,transparent),radial-gradient(2px 2px at 62% 50%,#fff,transparent),radial-gradient(1px 1px at 78% 42%,#fff,transparent),radial-gradient(1.5px 1.5px at 92% 55%,#fff,transparent);background-repeat:repeat;background-size:600px 400px;animation:twinkle 5s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}.sky:before{content:"";position:absolute;top:-10%;left:30%;width:45%;height:90%;background:linear-gradient(200deg,transparent 0%,rgba(180,190,230,.12) 30%,rgba(200,200,230,.18) 50%,rgba(180,190,230,.1) 70%,transparent 100%);filter:blur(18px);transform:rotate(-8deg)}.horizon{position:absolute;bottom:0;left:0;right:0;height:22%;z-index:1;background:linear-gradient(to top,rgba(61,32,54,.9),transparent)}.horizon:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:#05070f;clip-path:polygon(0% 100%,0% 40%,4% 55%,8% 30%,12% 60%,18% 20%,24% 50%,30% 35%,36% 65%,42% 25%,48% 55%,54% 40%,60% 60%,66% 30%,72% 50%,78% 20%,84% 55%,90% 35%,96% 60%,100% 40%,100% 100%)}.content{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.card{width:100%;max-width:440px;background:rgba(10,8,20,.55);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:40px 36px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 60px #00000080;transition:border-color .2s,box-shadow .2s}.card.dragging{border-color:#67e8f9;box-shadow:0 0 40px #67e8f966}.title{text-align:center;font-size:28px;font-weight:600;margin:0 0 30px;color:#f1f0ff;letter-spacing:.5px}.file-label{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:14px 16px;cursor:pointer;color:#d8d6f5;font-size:14px;transition:border-color .2s,background .2s}.file-label:hover{border-color:#8b85e0;background:rgba(255,255,255,.1)}.file-input{display:none}.file-name{color:#b8b5e8;font-size:13px;margin:10px 0 0;word-break:break-all;text-align:center}.field{margin-top:18px;flex:1}.dimensions-row{display:flex;gap:12px}.field label{display:block;color:#b8b5e8;font-size:13px;margin-bottom:6px}.select-space,.input-space{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#f1f0ff;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.select-space:focus,.input-space:focus{border-color:#8b85e0;box-shadow:0 0 0 3px #8b85e033}.select-space option{background:#12101f;color:#fff}.btn-cosmic{width:100%;margin-top:26px;padding:14px;border:1px solid rgba(255,255,255,.3);border-radius:10px;font-size:15px;font-weight:600;letter-spacing:.3px;color:#f1f0ff;cursor:pointer;background:rgba(255,255,255,.08);transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn-cosmic:hover:not(:disabled){background:rgba(255,255,255,.16);border-color:#cfcbff;transform:translateY(-1px)}.btn-cosmic:active:not(:disabled){transform:translateY(0)}.btn-cosmic:disabled{opacity:.5;cursor:not-allowed}.error-text{color:#ff9d9d;text-align:center;font-size:13px;margin-top:16px}.footer{position:relative;z-index:2;text-align:center;font-size:11px;color:#fff6;padding:16px 20px 20px;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}@media (min-width: 900px){.card{max-width:480px;padding:48px 44px}.title{font-size:32px}}@media (max-width: 480px){.content{padding:24px 16px}.card{padding:28px 22px;border-radius:14px}.title{font-size:22px;margin-bottom:22px}.dimensions-row{flex-direction:column;gap:0}.footer{font-size:10px;padding:12px 16px 16px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}