:root{--bg-color: #0f172a;--surface-color: rgba(30, 41, 59, .7);--primary-color: #3b82f6;--primary-hover: #2563eb;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .1);--success-color: #10b981;--error-color: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;overflow-x:hidden}.app-container{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}.background-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s infinite alternate cubic-bezier(.4,0,.2,1)}.shape-1{width:600px;height:600px;background:radial-gradient(circle,#3b82f666,#9333ea00 70%);top:-200px;left:-200px}.shape-2{width:500px;height:500px;background:radial-gradient(circle,#10b9814d,#05966900 70%);bottom:-100px;right:-100px;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(100px,100px) scale(1.1)}}.content-wrapper{width:100%;max-width:800px;display:flex;flex-direction:column;gap:2rem;animation:fadeUp .8s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.text-primary{color:var(--primary-color)}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);font-size:1.1rem}.glass-panel{background:var(--surface-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:24px;padding:2rem;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;gap:2rem}.drop-zone{border:2px dashed rgba(255,255,255,.2);border-radius:16px;padding:3rem 2rem;text-align:center;transition:all .3s ease;cursor:pointer;background:#ffffff05}.drop-zone:hover:not(.has-file){border-color:var(--primary-color);background:#3b82f60d}.drop-zone.has-file{border-style:solid;border-color:#ffffff1a;padding:1.5rem;cursor:default}.hidden-input{display:none}.drop-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.icon-circle{width:80px;height:80px;border-radius:50%;background:#3b82f61a;color:var(--primary-color);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;transition:transform .3s ease}.drop-zone:hover .icon-circle{transform:scale(1.1)}.file-info{display:flex;align-items:center;gap:1.5rem;text-align:left}.file-details{flex:1}.file-details h3{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;word-break:break-all}.file-details p{color:var(--text-muted);font-size:.9rem}.icon-btn{background:#ffffff1a;border:none;color:var(--text-main);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:#ef444433;color:var(--error-color)}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.section-header h2{font-size:1.25rem;font-weight:600}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.option-group{display:flex;flex-direction:column;gap:.75rem}.option-group.full-width{grid-column:1 / -1}label{font-size:.9rem;font-weight:500;color:var(--text-muted)}.number-input{display:flex;background:#0003;border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.number-input button{background:transparent;border:none;color:var(--text-main);padding:.75rem 1.25rem;font-size:1.25rem;cursor:pointer;transition:background .2s}.number-input button:hover{background:#ffffff1a}.number-input input{flex:1;background:transparent;border:none;color:var(--text-main);text-align:center;font-size:1.1rem;font-weight:600;width:100%;-moz-appearance:textfield}.number-input input::-webkit-outer-spin-button,.number-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.segmented-control{display:flex;background:#0003;border-radius:12px;padding:4px;border:1px solid var(--border-color)}.segmented-control button{flex:1;background:transparent;border:none;padding:.75rem;color:var(--text-muted);border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.segmented-control button.active{background:#ffffff1a;color:var(--text-main);box-shadow:0 4px 6px -1px #0000001a}.text-input{width:100%;background:#0003;border:1px solid var(--border-color);border-radius:12px;padding:.875rem 1.25rem;color:var(--text-main);font-size:1rem;font-family:inherit;transition:border-color .2s}.text-input:focus{outline:none;border-color:var(--primary-color)}.action-section{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.print-btn{width:100%;padding:1.25rem;border-radius:16px;border:none;background:linear-gradient(135deg,var(--primary-color),#6366f1);color:#fff;font-size:1.1rem;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 10px 15px -3px #3b82f666}.print-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 20px 25px -5px #3b82f680}.print-btn:active:not(.disabled){transform:translateY(0)}.print-btn.disabled{background:#ffffff1a;color:var(--text-muted);box-shadow:none;cursor:not-allowed}.print-btn.success{background:linear-gradient(135deg,var(--success-color),#059669);box-shadow:0 10px 15px -3px #10b98166;animation:successPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes successPop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.print-btn.error{background:linear-gradient(135deg,var(--error-color),#b91c1c);box-shadow:0 10px 15px -3px #ef444466}.error-text{color:var(--error-color);font-size:.9rem;text-align:center}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.options-grid{grid-template-columns:1fr}.glass-panel{padding:1.5rem}.drop-zone{padding:2rem 1rem}}