.book-resource{--book-ink:#141414;--book-muted:#777777;--book-surface:#ffffff;--book-resource-tab:#f2f2f2;--book-resource-panel:#f7f3ff;--book-resource-panel-line:#b89eee;--book-resource-library:#f8f8f8;--book-resource-library-line:#e1e1e1;--book-resource-disabled:#cccccc;--book-resource-gradient-start:#844fff;--book-resource-gradient-end:#e9a6ff;--book-resource-muted:#999999;--book-resource-focus:rgba(132,79,255,0.24);--book-resource-row-error:#d92d20;position:relative;z-index:2;width:min(1320px,100vw - 48px);margin:0 auto;padding-bottom:0}.book-resource button,.book-resource textarea{font:inherit}.book-resource button{cursor:pointer}.book-resource button:focus-visible{outline:3px solid var(--book-resource-focus);outline-offset:2px}.book-resource button:disabled{cursor:not-allowed}.book-resource__surface{display:grid;padding:24px;border-radius:24px;background:var(--book-surface);grid-template-columns:minmax(0,1.44fr) minmax(360px,1fr);gap:24px}.book-resource__source-column{min-width:0}.book-resource__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:64px;padding:8px;border-radius:16px;background:var(--book-resource-tab)}.book-resource__tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:6px 12px;border-radius:12px;color:var(--book-ink);font-size:14px;font-weight:500;line-height:22px;transition:background-color .16s ease,color .16s ease}.book-resource__tabs button svg{width:24px;height:24px;flex:none}.book-resource__tabs button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-resource__tabs button:hover:not([aria-selected=true]){background:color-mix(in srgb,var(--book-surface) 55%,transparent)}.book-resource__tabs button[aria-selected=true]{background:linear-gradient(90deg,var(--book-resource-gradient-start),var(--book-resource-gradient-end));color:var(--book-surface)}.book-resource__action-panel{height:418px;margin-top:10px;border:1px dashed var(--book-resource-panel-line);border-radius:16px;background:var(--book-resource-panel);overflow:hidden}.book-resource__dropzone{display:flex;flex-direction:column;align-items:center;height:100%;padding:80px 24px 24px;transition:background-color .16s ease}.book-resource__dropzone[data-dragging=true]{background:color-mix(in srgb,var(--book-resource-gradient-start) 7%,transparent)}.book-resource__dropzone>p{margin:40px 0 8px;color:var(--book-resource-muted);font-size:14px;line-height:22px}.book-resource__dropzone>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 24px;border:1px solid var(--book-resource-gradient-start);border-radius:12px;background:var(--book-surface);color:var(--book-resource-gradient-start);font-size:16px;font-weight:500;transition:background-color .16s ease}.book-resource__dropzone>button:hover{background:color-mix(in srgb,var(--book-resource-panel) 82%,var(--book-surface))}.book-resource__dropzone>button svg{width:20px;height:20px}.book-resource__main-icon{display:block;width:60px;height:60px;flex:0 0 60px}.book-resource__formats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch;gap:16px;height:68px;margin-top:auto}.book-resource__formats>div{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px;text-align:center}.book-resource__formats>div svg{width:20px;height:20px;color:var(--book-muted)}.book-resource__formats>div strong{font-size:14px;font-weight:500;line-height:22px}.book-resource__formats>div span{overflow:hidden;max-width:120px;color:var(--book-resource-muted);font-size:12px;line-height:19px;text-overflow:ellipsis;white-space:nowrap}.book-resource__url-panel{display:flex;height:100%;flex-direction:column;align-items:center;padding:80px 12.62% 0}.book-resource__url-panel textarea{width:100%;height:60px;margin-top:40px;padding:18px 24px;resize:none;border:1px solid var(--book-resource-gradient-start);border-radius:16px;background:var(--book-surface);color:var(--book-ink);font-size:14px;line-height:22px;outline:none}.book-resource__url-panel textarea::-moz-placeholder{color:var(--book-resource-muted);opacity:1}.book-resource__url-panel textarea::placeholder{color:var(--book-resource-muted);opacity:1}.book-resource__url-panel textarea:focus{box-shadow:0 0 0 3px var(--book-resource-focus)}.book-resource__url-panel>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:163px;height:48px;margin-top:40px;padding:12px 32px;border-radius:12px;background:linear-gradient(90deg,var(--book-resource-gradient-start),var(--book-resource-gradient-end));color:var(--book-surface);font-size:16px;font-weight:500;transition:opacity .16s ease}.book-resource__url-panel>button:hover:not(:disabled){opacity:.84}.book-resource__url-panel>button:disabled{opacity:.46}.book-resource__library{display:flex;height:492px;flex-direction:column;min-width:0}.book-resource__library h2{display:flex;align-items:center;gap:8px;height:54px;flex:0 0 54px;margin:0;padding-left:24px;font-size:16px;font-weight:500;line-height:25px}.book-resource__library h2 svg{width:24px;height:24px}.book-resource__staged{height:334px;margin-top:20px;flex:0 0 334px;min-height:0;padding:16px;border:1px solid var(--book-resource-library-line);border-radius:16px;background:var(--book-resource-library);overflow:hidden}.book-resource__staged ul{display:flex;height:100%;flex-direction:column;gap:8px;margin:0;padding:0;overflow-y:auto;list-style:none}.book-resource__staged li{display:grid;grid-template-columns:40px minmax(0,1fr) 36px;align-items:center;gap:10px;min-height:64px;padding:10px;border:1px solid var(--book-resource-library-line);border-radius:12px;background:var(--book-surface)}.book-resource__staged li[data-status=error]{border-color:var(--book-resource-row-error)}.book-resource__staged li>div:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}.book-resource__staged li span,.book-resource__staged li strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-resource__staged li strong{font-size:14px;font-weight:500}.book-resource__staged li span{color:var(--book-resource-muted);font-size:12px}.book-resource__staged li button{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:var(--book-muted);transition:background-color .16s ease,color .16s ease}.book-resource__staged li button:hover{background:var(--book-resource-panel);color:var(--book-ink)}.book-resource__staged li button svg{width:18px;height:18px}.book-resource__row-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--book-resource-panel);color:var(--book-resource-gradient-start)}.book-resource__row-icon svg{width:20px;height:20px}.book-resource__empty{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.book-resource__empty-icon{display:block;width:60px;height:60px;flex:0 0 60px}.book-resource__empty strong{margin-top:24px;font-size:14px;font-weight:500;line-height:22px;color:color-mix(in srgb,var(--book-ink) 60%,transparent)}.book-resource__empty span{max-width:423px;margin-top:8px;color:var(--book-resource-muted);font-size:14px;line-height:22px}.book-resource__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:60px;margin-top:24px;padding:14px 32px;border-radius:16px;background:linear-gradient(90deg,var(--book-resource-gradient-start),var(--book-resource-gradient-end));color:var(--book-surface);font-size:20px;font-weight:600;line-height:31px;transition:opacity .16s ease}.book-resource__submit:hover:not(:disabled){opacity:.84}.book-resource__submit:disabled{background:var(--book-resource-disabled)}.book-resource__spinner{animation:book-resource-spin .8s linear infinite}@media(max-width:900px){.book-resource{width:min(100%,100vw - 32px)}.book-resource__surface{grid-template-columns:1fr;padding:16px}.book-resource__library{height:auto;min-height:492px}}@media(max-width:560px){.book-resource__surface{padding:12px;border-radius:18px}.book-resource__tabs{gap:4px;padding:6px}.book-resource__tabs button{padding:6px}.book-resource__tabs button svg{width:18px;height:18px}.book-resource__action-panel{height:auto;min-height:418px}.book-resource__dropzone{padding:56px 14px 20px}.book-resource__formats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.book-resource__url-panel{padding:64px 20px 0}}@keyframes book-resource-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.book-resource *{transition-duration:.01ms!important}}