:root{--sans:"Inter", system-ui, -apple-system, sans-serif;--bg-color:#0f1115;--panel-bg:#191b2199;--panel-border:#ffffff14;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent:#60a5fa;--accent-hover:#3b82f6}body{font-family:var(--sans);background:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#60a5fa14,#0000 25%),radial-gradient(circle at 85% 30%,#a78bfa14,#0000 25%);min-height:100vh;margin:0;overflow:hidden}#app{flex-direction:column;width:100vw;height:100vh;display:flex}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.header{border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f1115cc;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.brand{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;font-size:24px;font-weight:700}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 4px 12px #60a5fa33}.btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.upload-container{justify-content:center;align-items:center;height:calc(100vh - 65px);padding:20px;display:flex}.upload-box{text-align:center;background:#ffffff05;border:2px dashed #ffffff26;border-radius:20px;width:100%;max-width:500px;padding:60px 40px;transition:all .3s}.upload-box:hover,.upload-box.drag-over{border-color:var(--accent);background:#60a5fa0d}.upload-icon{color:var(--accent);opacity:.8;margin-bottom:20px;font-size:48px}.upload-title{margin-bottom:12px;font-size:20px;font-weight:600}.upload-subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:14px}.hidden-input{display:none}.viewer-container{flex:1;width:100%;height:calc(100vh - 65px);position:relative}.flipbook-container{width:100%;height:100%}.viewer-container[data-v-7cb0685c]{box-sizing:border-box;width:100%;height:100%;padding:10px}.main-content[data-v-8904a234]{flex:1;position:relative;overflow:hidden}