@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #f8fafc;--bg-secondary: #e2e8f0;--bg-tertiary: #cbd5e1;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #ec4899;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-primary: #cbd5e1;--border-secondary: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);color-scheme:light;color:var(--text-primary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}#root{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative}.app-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.magazine-viewport{flex:1;display:flex;justify-content:center;align-items:center;background:var(--bg-secondary);overflow:hidden;position:relative;perspective:1500px}.flip-book{box-shadow:var(--shadow-lg);transition:transform .3s ease}.page-content{width:100%;height:100%;position:relative;overflow:hidden;background-color:#fff}.page-content img{width:100%;height:100%;object-fit:fill;display:block}.gloss-overlay{display:none!important}button{font-family:inherit;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;outline:none}button:active{transform:scale(.98)}.nav-button{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:#fff;color:var(--text-primary);border:1px solid var(--border-primary);border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;z-index:1000;box-shadow:var(--shadow-md)}.nav-button:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-50%) scale(1.05)}.nav-button.prev{left:20px}.nav-button.next{right:20px}.zoom-toolbar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#fff;padding:10px 20px;border-radius:12px;display:flex;gap:10px;align-items:center;z-index:1000;box-shadow:var(--shadow-md);border:1px solid var(--border-primary)}.zoom-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);width:40px;height:40px;border-radius:10px;font-size:1.2rem;font-weight:600;display:flex;justify-content:center;align-items:center;cursor:pointer}.zoom-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.zoom-info{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600;color:var(--text-secondary);min-width:60px;text-align:center;padding:8px 12px;border-radius:8px;background:var(--bg-secondary)}.upload-zone-wrapper{display:flex;justify-content:center;align-items:center;height:100%}.upload-zone{border:3px dashed var(--border-primary);border-radius:16px;padding:60px;text-align:center;cursor:pointer;background:#fff;transition:all .3s ease;position:relative}.upload-zone:hover{border-color:var(--accent-primary);background:#fafbff;transform:scale(1.02);box-shadow:var(--shadow-md)}.upload-zone label{position:relative;z-index:1;display:block;width:100%;height:100%}.upload-zone h2{font-size:1.8rem;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.upload-zone p{color:var(--text-secondary);font-size:1rem;margin:0}.top-bar{position:absolute;top:0;left:0;width:100%;padding:1rem;display:flex;justify-content:space-between;align-items:center;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;pointer-events:none;border-bottom:1px solid var(--border-secondary);box-shadow:var(--shadow-sm)}.top-bar>*{pointer-events:auto}.top-bar button{background:#fff;color:var(--text-primary);padding:10px 18px;border-radius:10px;font-size:.9rem;font-weight:600;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.top-bar button:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.top-bar h1{font-size:1.2rem;font-weight:700;margin:0;color:var(--text-primary)}.top-bar input[type=number]{background:#fff;border:1px solid var(--border-primary);color:var(--text-primary);padding:8px 12px;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .2s;font-family:Inter,monospace}.top-bar input[type=number]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.top-bar input[type=number]::placeholder{color:var(--text-muted)}.top-bar input[type=number]::-webkit-inner-spin-button,.top-bar input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.top-bar input[type=number]{-moz-appearance:textfield;appearance:textfield}.top-bar button[style*="background: #d32f2f"]{background:#fff!important;color:var(--accent-danger)!important;border-color:var(--accent-danger)!important}.top-bar button[style*="background: #d32f2f"]:hover{background:var(--accent-danger)!important;color:#fff!important}.page-loading{width:100%;height:100%;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}