#root,body,html{background-color:#0b111e;height:100%;margin:0;overflow:hidden!important;padding:0}*{box-sizing:border-box}.booklet-shell{background-color:#000;display:flex;flex-direction:column;height:100%;inset:0;overflow:hidden;position:fixed;width:100%;z-index:0}.booklet-main-container{flex:1 1}.booklet-main-container,.booklet-viewer-workspace{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.booklet-viewer-workspace{flex-direction:column;position:relative}.booklet-center-frame{align-items:center;background:#0000;border-radius:18px;display:flex;height:94vh;justify-content:center;overflow:hidden;position:relative;width:96vw}.booklet-iframe{background:#0000!important;height:calc(100% - 32px);width:calc(100% - 16px)}.booklet-loader{animation:booklet-spin 1s linear infinite;border:5px solid #ffffff1a;border-radius:50%;border-top-color:#60a5fa;height:48px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px;z-index:10}@keyframes booklet-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.booklet-bottom-controls{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#121b2dd9;border:1px solid #ffffff14;border-radius:30px;bottom:20px;box-shadow:0 8px 32px #0006;display:flex;gap:8px;left:50%;padding:6px 12px;position:absolute;transform:translateX(-50%);z-index:10}.booklet-page-badge{color:#94a3b8;font-family:monospace;font-size:13px;padding:0 12px;-webkit-user-select:none;user-select:none;white-space:nowrap}.control-btn{align-items:center;background-color:initial;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:background-color .2s ease,transform .1s ease;width:36px}.control-btn:hover:not(:disabled){background-color:#ffffff14}.control-btn:active:not(:disabled){transform:scale(.95)}.control-btn:disabled{cursor:not-allowed;opacity:.15}.booklet-empty,.status.error{color:#94a3b8;text-align:center}body{background:#f5f7fb;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.app-shell{margin:0 auto;padding:40px 24px}@media (max-width:768px){.app-shell{padding:20px 16px}}header h1{font-size:2.25rem;margin:0 0 12px}.upload-form{grid-gap:16px;background:#fff;border-radius:18px;box-shadow:0 18px 60px #0f172a14;display:grid;gap:16px;padding:24px}.upload-form label{font-weight:600}.upload-form input[type=file]{padding:10px}.upload-form button{background:#4f46e5;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 18px}.status{border-radius:12px;font-weight:600;margin-top:18px;padding:16px}.browser-panel{grid-gap:18px;display:grid;gap:18px;grid-template-columns:280px 1fr;margin-top:24px}@media (max-width:768px){.browser-panel{grid-template-columns:1fr}}.browser-list,.browser-preview{background:#fff;border-radius:18px;box-shadow:0 18px 60px #0f172a14;padding:20px}.browser-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.browser-header>div{word-break:break-all}.browser-list ul{list-style:none;margin:0;padding:0}.browser-list li{margin-bottom:10px}.browser-list button{background:#0000;border:none;border-radius:12px;color:#111827;cursor:pointer;font-size:.96rem;padding:10px 12px;text-align:left;width:100%}.browser-list button:hover{background:#eef2ff}.preview-iframe,.preview-image,.preview-video{border:1px solid #e5e7eb;border-radius:18px;max-width:100%;width:100%}.preview-audio,.preview-video{max-height:420px}.preview-text{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;max-height:460px;overflow:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.booklet-shell{margin:0 auto;padding:40px 24px}.booklet-header{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:24px}@media (max-width:600px){.booklet-header{align-items:stretch;flex-direction:column}}.booklet-header h1{font-size:2rem;margin:0}.booklet-back,.booklet-open{align-items:center;background:#4f46e5;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:10px 16px;text-decoration:none}.booklet-controls{align-items:center;background:#0000;border-radius:18px;box-shadow:0 18px 60px #0f172a1f;color:#fff;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px;padding:18px 24px}@media (max-width:600px){.booklet-controls{flex-direction:column;padding:14px 16px}}.booklet-control-btn{background:#f8fafc;border:none;border-radius:12px;color:#0000;cursor:pointer;font-weight:600;min-width:140px;padding:12px 20px}.booklet-control-btn:disabled{cursor:not-allowed;opacity:.45}.booklet-meta{text-align:center}.booklet-title{font-size:1.15rem;font-weight:700}.booklet-page-indicator{color:#cbd5e1;font-size:.95rem}.booklet-view.single-page{display:flex;justify-content:center}.booklet-single-page{max-width:960px;width:100%}.booklet-page{background:#0000;border-radius:30px;box-shadow:0 30px 90px #0f172a2e;overflow:hidden}.booklet-page-header{background:#0f172af0;border-bottom:1px solid #94a3b82e;color:#f8fafc;font-weight:700;padding:16px 22px}.booklet-iframe{background:#fff;border:none;width:100%}.booklet-empty{background:#fff;border-radius:18px;box-shadow:0 18px 60px #0f172a14;padding:24px}.status.success{background:#ecfdf5;color:#166534}.status.error{background:#fef3c7;color:#92400e}
/*# sourceMappingURL=main.8eaa3a8a.css.map*/