.login-page{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:24px;background:#f4f6fa;color:#1f2937}.login-panel{width:min(460px,100%);border:1px solid #d9e0ea;border-radius:20px;background:#fff;box-shadow:0 18px 40px #0f172a0f;animation:login-panel-enter .45s ease-out both}.login-header{display:flex;flex-direction:column;gap:10px;padding:36px 36px 0}.login-header h1{margin:0;color:#111827;font-size:clamp(28px,6vw,34px);line-height:1.1}.login-header p{margin:0;color:#6b7280;font-size:15px;line-height:1.6}.login-form-panel{display:flex;flex-direction:column;gap:24px;padding:28px 36px 36px}.login-form{display:flex;flex-direction:column;gap:18px}.login-field{display:flex;flex-direction:column;gap:8px}.login-field label{color:#374151;font-size:14px;font-weight:600}.login-field input{width:100%;height:48px;padding:0 14px;border:1px solid #cfd7e3;border-radius:10px;background:#fff;color:#111827;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.login-field input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 4px #1f293714}.login-field input::placeholder{color:#9aa4b2}.login-error-message{padding:14px 16px;border:1px solid #efc3bb;border-radius:12px;background:#fff4f1;color:#b42318;font-size:14px;line-height:1.5}.login-submit-button{height:48px;border:1px solid #1f2937;border-radius:10px;background:#1f2937;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.login-submit-button:hover:not(:disabled){background:#111827;transform:translateY(-1px)}.login-submit-button:disabled{opacity:.6;cursor:wait}.login-credentials-card{padding-top:20px;border-top:1px solid #e5eaf1}.login-credentials-label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-credentials-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;color:#374151;font-size:14px;font-weight:600}.login-credentials-row code{padding:6px 10px;border:1px solid #d9e0ea;border-radius:8px;background:#fff;color:#111827;font-size:13px}@keyframes login-panel-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.login-page{padding:16px}.login-panel{border-radius:16px}.login-header{padding:28px 24px 0}.login-header h1{font-size:30px}.login-form-panel{padding:24px}.login-credentials-row{align-items:flex-start;flex-direction:column;gap:8px}}.management-layout{min-height:100vh;background:#f4f6fa;color:#1f2937}.management-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:16px 24px;border-bottom:1px solid #d9e0ea;background:#fff}.management-brand-title{margin:0;font-size:clamp(18px,2.3vw,22px);font-weight:700;line-height:1.2}.management-logout-button,.management-primary-button,.management-secondary-button,.management-ghost-button{border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.management-logout-button{padding:10px 16px;background:#1f2937;color:#fff}.management-logout-button:hover,.management-primary-button:hover{background:#111827}.management-logout-button:disabled,.management-primary-button:disabled,.management-secondary-button:disabled,.management-ghost-button:disabled{opacity:.6;cursor:not-allowed}.management-body{display:flex;min-height:calc(100vh - 72px)}.management-sidebar{width:220px;padding:20px 16px;border-right:1px solid #d9e0ea;background:#fff;flex-shrink:0}.management-nav{display:flex;flex-direction:column;gap:8px}.management-nav-link{display:block;padding:12px 14px;border:1px solid #d9e0ea;border-radius:8px;color:#374151;font-size:14px;font-weight:600;text-decoration:none;background:#fff}.management-nav-link:hover{background:#f9fafb}.management-nav-link.active{background:#1f2937;border-color:#1f2937;color:#fff}.management-content{flex:1;min-width:0;padding:24px}.page-stack{display:flex;flex-direction:column;gap:20px}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.statistics-card{padding:18px 20px;border:1px solid #d9e0ea;border-radius:12px;background:#fff}.statistics-label{display:block;margin-bottom:10px;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.statistics-value{color:#111827;font-size:28px;font-weight:700;line-height:1.1}.statistics-value.is-text{font-size:18px;line-height:1.4}.management-status-message{padding:14px 16px;border:1px solid #d9e0ea;border-radius:12px;background:#fff;color:#4b5563}.management-status-message.error{border-color:#efc3bb;background:#fff4f1;color:#b42318}.table-panel{border:1px solid #d9e0ea;border-radius:12px;background:#fff;overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid #e5eaf1}.table-toolbar-spacer{flex:1}.toolbar-search-input,.toolbar-select{height:40px;padding:0 12px;border:1px solid #cfd7e3;border-radius:8px;background:#fff;color:#111827;font-size:14px}.toolbar-search-input{min-width:240px;flex:1 1 320px}.toolbar-search-input:focus,.toolbar-select:focus{outline:none;border-color:#1f2937}.table-toolbar-meta{color:#6b7280;font-size:13px;font-weight:600;white-space:nowrap}.table-scroll{overflow-x:auto}.management-table{width:100%;border-collapse:collapse}.management-table thead{background:#f8fafc}.management-table th{padding:14px 16px;border-bottom:1px solid #e5eaf1;color:#374151;font-size:13px;font-weight:700;text-align:left;white-space:nowrap}.management-table td{padding:14px 16px;border-bottom:1px solid #eef2f7;color:#4b5563;font-size:14px;vertical-align:middle}.management-table tbody tr:hover{background:#fafbfc}.table-title-cell strong,.table-title-cell span{display:block}.table-title-cell strong{color:#111827}.table-title-cell span{margin-top:4px;color:#6b7280;font-size:12px}.table-cell-nowrap{white-space:nowrap}.table-empty{padding:48px 16px;color:#9aa4b2;text-align:center}.table-action-group,.page-action-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-action-bar{justify-content:flex-end}.management-primary-button,.management-secondary-button,.management-ghost-button{padding:10px 14px}.management-primary-button{background:#1f2937;color:#fff}.management-secondary-button{background:#fff;border-color:#cfd7e3;color:#1f2937}.management-secondary-button:hover,.management-ghost-button:hover{background:#f9fafb}.management-ghost-button{background:#fff;border-color:#cfd7e3;color:#4b5563}.management-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px}.management-page-button{min-width:84px;height:38px;border:1px solid #cfd7e3;border-radius:8px;background:#fff;color:#1f2937;font-size:14px;font-weight:600;cursor:pointer}.management-page-button:disabled{color:#9aa4b2;cursor:not-allowed}.management-page-info{color:#6b7280;font-size:14px;font-weight:600}.page-wrapper{display:flex;flex-direction:column;gap:20px}@media (max-width: 960px){.management-body{flex-direction:column}.management-sidebar{width:100%;padding:12px 16px;border-right:none;border-bottom:1px solid #d9e0ea}.management-nav{flex-direction:row;overflow-x:auto}.management-nav-link{white-space:nowrap}}@media (max-width: 640px){.management-header,.management-content{padding-left:16px;padding-right:16px}.management-header{height:auto;min-height:72px;padding-top:16px;padding-bottom:16px;align-items:flex-start;flex-direction:column}.toolbar-search-input{min-width:100%}.statistics-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #f0f0f0}.modal-header h2{margin:0;color:#333;font-size:24px}.close-button{background:none;border:none;font-size:32px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .3s}.close-button:hover{color:#333}.modal-form{padding:30px}.modal-error-message{margin-bottom:16px;padding:12px 14px;border-radius:8px;background:#fff2f1;color:#c0392b;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:80px}.form-group-hint{margin-top:8px;color:#6b7280;font-size:13px;line-height:1.5}.disabled-input{background:#f5f5f5;color:#999;cursor:not-allowed}.dynamic-field-list{display:flex;flex-direction:column;gap:10px}.dynamic-field-row{display:flex;align-items:center;gap:10px}.dynamic-field-row input{flex:1}.dynamic-row-add,.dynamic-row-remove{border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease}.dynamic-row-add{margin-top:10px;padding:10px 14px}.dynamic-row-remove{padding:10px 12px;white-space:nowrap}.dynamic-row-add:hover,.dynamic-row-remove:hover{background:#f9fafb;border-color:#9ca3af}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #f0f0f0}.cancel-button,.save-button{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.cancel-button{background:#f0f0f0;color:#666}.cancel-button:hover{background:#e0e0e0}.save-button{background:#667eea;color:#fff}.save-button:hover{background:#5568d3}.cancel-button:disabled,.save-button:disabled{opacity:.6;cursor:wait}.solution-image-preview{margin-top:10px;padding:10px;background:#f5f5f5;border-radius:6px;border:1px solid #ddd}.preview-image{max-width:100%;max-height:300px;object-fit:contain;border-radius:4px}.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px}.media-preview-card{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb}.media-preview-card .preview-image{width:100%;height:140px}.media-preview-label{color:#4b5563;font-size:12px;font-weight:600}.media-link-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.media-preview-link{color:#2563eb;font-size:13px;font-weight:600;text-decoration:none}.media-preview-link:hover{text-decoration:underline}.textbook-management-page{display:flex;flex-direction:column}.bulk-download-modal-hint{margin:-6px 0 20px;color:#6b7280;font-size:13px;line-height:1.5}.bulk-download-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bulk-download-modal-summary{margin-top:16px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;color:#374151;font-size:14px;line-height:1.6}.bulk-download-modal-summary strong{color:#111827}@media (max-width: 640px){.bulk-download-modal-grid{grid-template-columns:1fr}}.image-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172ad1}.image-preview-content{position:relative;display:flex;align-items:center;justify-content:center;max-width:min(960px,100%);max-height:calc(100vh - 48px)}.image-preview-close{position:absolute;top:-14px;right:-14px;z-index:1;width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#0f172ae0;color:#fff;font-size:24px;line-height:1;cursor:pointer}.image-preview-image{display:block;max-width:min(960px,calc(100vw - 48px));max-height:calc(100vh - 48px);border-radius:14px;object-fit:contain;box-shadow:0 20px 48px #00000059}.textbook-cell strong{display:block;color:#111827;font-size:14px}.title-cell{max-width:220px;color:#111827;font-weight:600}.description-cell{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-cell{max-width:260px}.url-cell a{color:#2563eb;text-decoration:none}.url-cell a:hover{text-decoration:underline}.type-badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700}.type-badge.type-image{background:#ecfdf3;color:#047857}.type-badge.type-video{background:#eff6ff;color:#1d4ed8}.type-badge.type-link{background:#fff7ed;color:#c2410c}.type-badge.type-none{background:#f3f4f6;color:#4b5563}.solution-image-cell{padding-top:10px!important;padding-bottom:10px!important}.solution-image-container,.media-thumbnail,.media-thumbnail-anchor{position:relative;display:inline-flex;width:84px;height:56px;border-radius:10px}.solution-image-button{display:inline-flex;width:56px;height:56px;padding:0;border:none;border-radius:8px;background:transparent;cursor:zoom-in}.solution-thumbnail,.media-thumbnail-image{width:100%;height:100%;border:1px solid #d9e0ea;border-radius:10px;object-fit:cover}.solution-thumbnail{width:56px;height:56px;border-radius:8px}.media-thumbnail-anchor{color:inherit;text-decoration:none}.media-thumbnail{overflow:hidden;align-items:flex-end;border:1px solid #d9e0ea;background:linear-gradient(180deg,#f8fafc,#e5edf7)}.media-thumbnail-tone-video{background:linear-gradient(180deg,#dbeafe,#bfdbfe)}.media-thumbnail-anchor .media-thumbnail{cursor:pointer}.media-thumbnail-anchor .media-thumbnail:hover{border-color:#93c5fd;box-shadow:0 10px 24px #2563eb29}.media-thumbnail-image{position:absolute;top:0;right:0;bottom:0;left:0}.media-thumbnail-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:8px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em}.media-thumbnail-image+.media-thumbnail-overlay,.media-thumbnail-tone-video .media-thumbnail-overlay{background:linear-gradient(180deg,#0f172a1f,#0f172ad1)}.media-thumbnail-tone-video .media-thumbnail-icon{background:linear-gradient(180deg,#0f172a4d,#0f172ab8)}.media-thumbnail-tone-link .media-thumbnail-icon{background:linear-gradient(180deg,#fdba74,#f97316)}.media-thumbnail-tone-none .media-thumbnail-icon,.media-thumbnail-tone-image .media-thumbnail-icon{background:linear-gradient(180deg,#9ca3af,#6b7280)}.media-thumbnail-overlay{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:2px;padding:6px 7px;background:linear-gradient(180deg,#0f172a1f,#0f172ab8);color:#fff}.media-thumbnail-overlay strong{font-size:9px;font-weight:800;letter-spacing:.06em}.media-thumbnail-overlay span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.view-count-cell{text-align:right;font-family:Courier New,monospace}.edit-button{height:36px;padding:0 12px;border:1px solid #cfd7e3;border-radius:8px;background:#fff;color:#1f2937;font-size:13px;font-weight:600;cursor:pointer}.edit-button:hover{background:#f9fafb}.qr-status-message{margin:16px 18px 0;padding:14px 16px;border:1px solid #d9e0ea;border-radius:12px;background:#fff;color:#4b5563}.qr-status-message.error{border-color:#efc3bb;background:#fff4f1;color:#b42318}.qr-management-page{display:flex;flex-direction:column}.settings-page,.settings-sections{display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:24px;padding:26px 28px 30px;box-sizing:border-box}.settings-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.settings-section-header>div{display:flex;flex-direction:column;gap:8px}.settings-section-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-top:2px;text-align:right}.settings-section-meta-label{color:#8a98aa;font-size:.78rem;font-weight:600;letter-spacing:.01em}.settings-section-meta-value{color:#708197;font-size:.88rem;font-weight:600;line-height:1.4}.settings-section-header h2,.settings-section-header p,.settings-ranking-header h3,.settings-action-copy h3,.settings-action-copy p{margin:0}.settings-section-header h2{color:#18212f;font-size:1.25rem}.settings-section-header p{color:#5f6f82;line-height:1.6;max-width:760px}.settings-info-grid,.settings-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.settings-info-card,.settings-summary-card,.settings-ranking-card,.settings-action-card{border:1px solid #dbe4ee;border-radius:18px;background:#f8fbff;min-width:0}.settings-info-card,.settings-summary-card{display:flex;flex-direction:column;gap:12px;padding:20px 22px}.settings-info-label,.settings-summary-label{color:#6b7b8f;font-size:.88rem;font-weight:600}.settings-card-value-box{display:flex;align-items:flex-end;justify-content:flex-end;min-height:72px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:inset 0 1px #fffc}.settings-info-value,.settings-summary-value{color:#132033;font-size:1rem;font-weight:700;line-height:1.55;text-align:right}.settings-card-break{overflow-wrap:anywhere;word-break:break-word}.settings-ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.settings-ranking-card{padding:22px;height:100%;box-sizing:border-box}.settings-ranking-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.settings-ranking-header h3{color:#18212f;font-size:1rem}.settings-ranking-header span{color:#6b7b8f;font-size:.88rem}.settings-ranking-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.settings-ranking-item,.settings-ranking-empty{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #e4ebf3}.settings-ranking-item:first-child,.settings-ranking-empty:first-child{border-top:none;padding-top:0}.settings-ranking-item strong,.settings-ranking-item span,.settings-ranking-empty{display:block}.settings-ranking-item strong{color:#152131}.settings-ranking-item span{margin-top:4px;color:#66768a;font-size:.9rem}.settings-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.settings-action-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:22px;height:100%;box-sizing:border-box}.settings-action-copy{display:flex;flex-direction:column;gap:10px}.settings-action-copy h3{color:#18212f;font-size:1rem}.settings-action-copy p{color:#637387;line-height:1.6}.settings-hidden-input{display:none}@media (max-width: 980px){.settings-ranking-grid{grid-template-columns:1fr}}@media (max-width: 640px){.settings-page{gap:20px}.settings-section{gap:16px;padding:20px}.settings-section-header{flex-direction:column}.settings-section-meta{align-items:flex-start;text-align:left}.settings-info-grid,.settings-summary-grid,.settings-action-grid{grid-template-columns:1fr}.settings-info-card,.settings-summary-card,.settings-ranking-card,.settings-action-card{padding:18px}.settings-card-value-box{min-height:64px;padding:12px 14px}.settings-ranking-item,.settings-ranking-empty{align-items:flex-start;flex-direction:column}}.bulk-management-page{display:flex;flex-direction:column;height:calc(100vh - 120px);min-height:0;gap:20px;overflow:hidden}.bulk-content{display:flex;flex:1;gap:20px;min-height:0;align-items:stretch;overflow:hidden}.qr-list-panel,.pdf-viewer-panel{border:1px solid #d9e0ea;border-radius:12px;background:#fff;overflow:hidden}.qr-list-panel{display:flex;flex-direction:column;width:360px;min-width:340px;min-height:0}.pdf-viewer-panel{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.bulk-panel-action{display:flex;padding:16px;border-bottom:1px solid #e5eaf1;background:#fff}.bulk-back-link{display:inline-flex;align-items:center;gap:8px;border:none;padding:0;background:transparent;color:#4b5563;font-size:14px;font-weight:700;cursor:pointer}.bulk-back-link:hover{color:#111827}.bulk-back-icon{display:inline-flex;width:16px;height:16px}.bulk-back-icon svg{width:100%;height:100%}.bulk-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border-bottom:1px solid #e5eaf1;background:#f8fafc}.bulk-summary-card{padding:14px;border:1px solid #d9e0ea;border-radius:10px;background:#fff}.bulk-summary-card.is-wide{grid-column:1 / -1}.bulk-summary-label{display:block;margin-bottom:8px;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.bulk-summary-value{color:#111827;font-size:24px;font-weight:700;line-height:1.2}.bulk-summary-value.is-text{font-size:18px}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px;border-bottom:1px solid #e5eaf1}.panel-header.is-controls-only{justify-content:flex-end;align-items:center}.panel-heading{display:flex;flex-direction:column;gap:6px;min-width:0}.panel-header h3{margin:0;color:#111827;font-size:18px}.panel-subtitle{margin:0;color:#6b7280;font-size:13px;line-height:1.4}.panel-status-message,.pdf-status-text,.pdf-storage-text,.pdf-error-text,.pdf-loading-text{margin:0;padding:14px 18px 0;font-size:14px}.panel-status-message,.pdf-status-text,.pdf-loading-text{color:#4b5563}.pdf-storage-text{color:#047857}.pdf-error-text{color:#b42318}.qr-list-container{flex:1;min-height:0;overflow-y:auto;padding:12px;overscroll-behavior:contain}.bulk-list-toolbar{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:10px;margin:-12px -12px 12px;padding:12px;border-bottom:1px solid #e5eaf1;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bulk-list-search{width:100%;height:40px;padding:0 12px;border:1px solid #cfd7e3;border-radius:8px;background:#fff;color:#111827;font-size:14px}.bulk-list-search:focus{outline:none;border-color:#1f2937}.bulk-list-meta{color:#6b7280;font-size:13px;font-weight:600}.bulk-qr-create-bar{padding:12px 16px 16px;border-top:1px solid #e5eaf1;background:#fff}.bulk-create-button{width:100%;justify-content:center}.qr-list-item{margin-bottom:10px;padding:14px;border:1px solid #d9e0ea;border-radius:10px;background:#fff;cursor:pointer}.qr-list-item:hover{background:#f9fafb}.qr-list-item:focus-visible{outline:2px solid #1f2937;outline-offset:2px}.qr-list-item.selected{border-color:#1f2937;background:#f3f4f6}.qr-item-info{margin-bottom:8px}.qr-item-title{color:#111827;font-size:14px;font-weight:700}.qr-item-meta{display:flex;gap:12px;margin-top:6px;color:#6b7280;font-size:12px}.qr-item-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.qr-item-thumbnail-wrapper{position:relative}.qr-item-thumbnail{display:block;width:56px;height:56px;border:1px solid #d9e0ea;border-radius:8px;object-fit:cover}.qr-item-delete-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border:none;border-radius:50%;background:#dc2626;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.qr-item-delete-btn:disabled{opacity:.6;cursor:wait}.pdf-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.file-upload-button,.crop-button,.viewer-toolbar-button{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border:1px solid #cfd7e3;border-radius:8px;background:#fff;color:#1f2937;font-size:14px;font-weight:600;cursor:pointer}.file-upload-button{border-color:#1f2937;background:#1f2937;color:#fff}.file-upload-button.large{height:42px;padding:0 18px}.crop-button.active{background:#1f2937;border-color:#1f2937;color:#fff}.crop-button:disabled,.viewer-toolbar-button:disabled{opacity:.6;cursor:not-allowed}.viewer-toolbar{display:flex;justify-content:flex-end;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid #e5eaf1;background:#f8fafc}.viewer-toolbar-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.viewer-zoom-group{display:inline-flex;align-items:center;gap:8px;padding:6px;border:1px solid #d9e0ea;border-radius:10px;background:#fff}.viewer-zoom-label{min-width:52px;color:#111827;font-size:13px;font-weight:700;text-align:center}.pdf-viewer-stage{position:relative;display:flex;flex:1;min-height:0}.pdf-viewer-floating-meta{position:absolute;right:18px;bottom:18px;z-index:5;display:flex;max-width:min(520px,calc(100% - 36px));flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}.pdf-floating-chip{display:inline-flex;align-items:center;max-width:100%;padding:8px 12px;border:1px solid rgba(191,199,213,.9);border-radius:12px;background:#ffffffeb;box-shadow:0 8px 20px #0f172a14;color:#111827;font-size:12px;font-weight:700;line-height:1.4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-floating-chip.is-file-name{word-break:break-all}.pdf-viewer-container{flex:1;min-height:0;padding:18px;overflow:auto;background:#f8fafc;overscroll-behavior:contain}.pdf-viewer-wrapper{display:flex;flex-direction:column;gap:20px;min-width:100%}.pdf-page-container{position:relative;overflow:hidden;border:1px solid #d9e0ea;border-radius:12px;background:#fff;box-shadow:0 8px 20px #0f172a0a}.pdf-page-label{position:absolute;top:10px;left:10px;z-index:2;padding:6px 10px;border-radius:999px;background:#111827eb;color:#fff;font-size:12px;font-weight:700;pointer-events:none}.pdf-image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pdf-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280}.pdf-placeholder p{margin-bottom:18px}.bulk-toast-container{position:fixed;right:24px;bottom:24px;z-index:1200;display:flex;max-width:min(420px,calc(100vw - 32px));pointer-events:none}.bulk-toast{width:100%;padding:14px 16px;border-radius:12px;box-shadow:0 12px 28px #0f172a2e;font-size:14px;font-weight:600;line-height:1.45}.bulk-toast-error{border:1px solid #f3b9b4;background:#fff4f2fa;color:#b42318}@media (max-width: 1200px){.viewer-toolbar{flex-direction:column;align-items:stretch}.viewer-toolbar-actions{justify-content:flex-start}}@media (max-width: 1100px){.bulk-management-page{height:auto;overflow:visible}.bulk-content{flex-direction:column;min-height:auto;overflow:visible}.qr-list-panel{width:auto;min-width:0;max-height:min(48vh,560px)}.pdf-viewer-panel{min-height:60vh}}@media (max-width: 720px){.bulk-summary-grid{gap:10px}.bulk-summary-card{padding:12px}.bulk-summary-value{font-size:20px}.bulk-summary-value.is-text{font-size:16px}.panel-header:not(.is-controls-only){flex-direction:column}.pdf-controls,.viewer-toolbar-actions{width:100%}.viewer-zoom-group{width:100%;flex-wrap:wrap;justify-content:space-between}.pdf-viewer-floating-meta{right:12px;bottom:12px;max-width:calc(100% - 24px)}.qr-list-panel{max-height:52vh}.pdf-viewer-panel{min-height:52vh}.bulk-toast-container{right:16px;bottom:16px;max-width:calc(100vw - 32px)}}.public-qr-page{min-height:100vh;padding:32px 20px;background:radial-gradient(circle at top left,rgba(59,130,246,.12),transparent 28%),linear-gradient(180deg,#f8fafc,#eef2f7);color:#111827}.public-qr-shell{width:min(1080px,100%);margin:0 auto;display:flex;flex-direction:column;gap:20px}.public-qr-header,.public-qr-panel{padding:24px;border:1px solid #d9e0ea;border-radius:20px;background:#fffffff5;box-shadow:0 16px 40px #0f172a0f}.public-qr-eyebrow{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:none}.public-qr-header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.public-qr-header h1{margin:14px 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.1}.public-qr-header p{margin:0;max-width:720px;color:#4b5563;font-size:16px;line-height:1.7}.public-qr-meta{display:flex;flex-direction:column;gap:10px;min-width:180px;color:#475569;font-size:14px;font-weight:600}.public-qr-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.public-qr-section-header h2{margin:0;font-size:22px}.public-qr-section-header span{color:#64748b;font-size:14px;font-weight:600}.public-qr-image-stage{display:flex;align-items:center;justify-content:center;padding:24px;border-radius:16px;background:#f8fafc}.public-qr-main-image{width:auto;max-width:min(100%,760px);max-height:min(72vh,720px);object-fit:contain;border-radius:12px}.public-qr-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,120px));justify-content:flex-start;gap:12px;margin-top:16px}.public-qr-image-thumb{padding:0;border:2px solid transparent;border-radius:14px;background:#fff;cursor:pointer;overflow:hidden}.public-qr-image-thumb.active{border-color:#2563eb;box-shadow:0 10px 24px #2563eb29}.public-qr-image-thumb img{display:block;width:100%;height:104px;object-fit:cover}.public-qr-video-stack{display:flex;flex-direction:column;gap:16px}.public-qr-video-card{padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#f8fafc}.public-qr-video-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.public-qr-video-card strong{font-size:16px}.public-qr-video-card a,.public-qr-link-card a,.public-qr-footer a{color:#2563eb;font-weight:700;text-decoration:none}.public-qr-video-card a:hover,.public-qr-link-card a:hover,.public-qr-footer a:hover{text-decoration:underline}.public-qr-video-frame{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#0f172a}.public-qr-video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.public-qr-video-player{width:100%;border-radius:14px;background:#000}.public-qr-link-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:16px;background:#f8fafc}.public-qr-link-card p{margin:0;color:#4b5563;line-height:1.6}.public-qr-status{margin:0;color:#475569;text-align:center;line-height:1.7}.public-qr-status-error{color:#b42318}.public-qr-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64748b;font-size:14px}@media (max-width: 720px){.public-qr-page{padding:20px 14px}.public-qr-header,.public-qr-panel{padding:18px;border-radius:16px}.public-qr-link-card,.public-qr-footer,.public-qr-video-card>header{flex-direction:column;align-items:flex-start}.public-qr-image-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}}.app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh}