@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700;900&display=swap";:root{--base-dark:#001319;--base-blue:#0064ca;--base-gold:#fdc400;--base-blue-hover:#004ea0;--base-blue-light:#e6f1fc;--base-gold-light:#fffbea;--base-gold-border:#fce482;--bg-light:#f4f7fa;--bg-card:#fff;--bg-card-sub:#edf2f7;--border-color:#cbd5e1;--border-subtle:#e2e8f0;--text-main:#001319;--text-muted:#334155;--text-sub:#64748b;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--font-family:"Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#edf2f7}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.clean-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:none;border-radius:0}.btn-primary{background-color:var(--base-blue);color:#fff;cursor:pointer;box-shadow:none;border:none;border-radius:0;align-items:center;gap:10px;padding:12px 24px;font-weight:700;transition:background-color .2s,transform .1s;display:inline-flex}.btn-primary:hover{background-color:var(--base-blue-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--base-dark);border:1px solid var(--border-color);cursor:pointer;background-color:#fff;border-radius:0;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--base-blue-light);border-color:var(--base-blue);color:var(--base-blue)}.btn-large{border-radius:0;padding:14px 28px;font-size:1rem}.btn-sm{padding:6px 12px;font-size:.85rem}.app-header{border-bottom:2px solid var(--base-dark);z-index:100;box-shadow:none;background:#fff;padding:14px 0;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.logo-section{align-items:center;gap:14px;display:flex}.logo-icon-wrapper{background-color:var(--base-blue);color:#fff;width:42px;height:42px;box-shadow:none;border-radius:0;justify-content:center;align-items:center;display:flex}.logo-title{color:var(--base-dark);letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.logo-title-accent{color:var(--base-blue)}.logo-subtitle{color:var(--text-muted);font-size:.8rem;font-weight:600}.header-badges{gap:10px;display:flex}.badge{border:1px solid var(--border-subtle);color:var(--base-dark);background-color:#edf2f7;border-radius:0;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.feature-badge{border-color:var(--base-gold-border);color:var(--base-dark);background-color:var(--base-gold)}.app-main{flex-direction:column;gap:28px;max-width:1280px;margin:0 auto;padding:32px 24px 80px;display:flex}.dropzone-card{text-align:center;cursor:pointer;box-shadow:none;background-color:#fff;border:2px dashed #94a3b8;border-radius:0;padding:44px 24px;transition:all .2s}.dropzone-card:hover,.dropzone-card.drag-over{border-color:var(--base-blue);background-color:var(--base-blue-light)}.upload-icon-circle{background-color:var(--base-blue-light);width:64px;height:64px;color:var(--base-blue);border:1px solid #b3d7ff;border-radius:0;justify-content:center;align-items:center;margin-bottom:16px;transition:transform .2s;display:inline-flex}.dropzone-card:hover .upload-icon-circle{background-color:#cce4ff;transform:scale(1.08)}.dropzone-title{color:var(--base-dark);margin-bottom:6px;font-size:1.3rem;font-weight:800}.dropzone-desc{color:var(--text-muted);margin-bottom:18px;font-size:.95rem}.highlight-text{color:var(--base-blue);font-weight:700;text-decoration:underline}.dropzone-tags{justify-content:center;gap:10px;display:flex}.tag{color:var(--text-muted);background-color:#edf2f7;border:1px solid #e2e8f0;border-radius:0;padding:4px 10px;font-size:.78rem;font-weight:600}.sample-loader-box{border:1px dashed var(--border-color);box-shadow:none;background-color:#fff;border-radius:0;justify-content:center;align-items:center;gap:12px;margin-top:14px;padding:12px 20px;display:flex}.sample-label{color:var(--base-dark);align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:flex}.dropzone-card.loaded-state{border:2px solid var(--base-blue);cursor:default;background-color:#fff;padding:20px 28px}.file-info-header{text-align:left;align-items:center;gap:18px;display:flex}.file-icon-box{background-color:var(--base-blue-light);width:50px;height:50px;color:var(--base-blue);border:1px solid #b3d7ff;border-radius:0;justify-content:center;align-items:center;display:flex}.file-meta{flex:1}.file-name-row{align-items:center;gap:12px;margin-bottom:4px;display:flex}.file-name{color:var(--base-dark);font-size:1.1rem;font-weight:800}.file-size-badge{color:var(--text-muted);background-color:#edf2f7;border:1px solid #e2e8f0;border-radius:0;padding:2px 8px;font-size:.78rem;font-weight:700}.file-specs{color:var(--text-muted);align-items:center;gap:12px;font-size:.88rem;display:flex}.spec-divider{color:#cbd5e1}.settings-panel{border:1px solid var(--border-subtle);box-shadow:none;background-color:#fff;border-radius:0;flex-direction:column;gap:22px;padding:26px;display:flex}.panel-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding-bottom:12px;display:flex}.panel-icon{color:var(--base-blue)}.panel-title{color:var(--base-dark);font-size:1.15rem;font-weight:800}.setting-group{flex-direction:column;gap:10px;display:flex}.setting-label{color:var(--base-dark);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.tooltip-badge{background-color:var(--base-blue-light);color:var(--base-blue);border:1px solid #b3d7ff;border-radius:0;padding:2px 6px;font-size:.72rem;font-weight:700}.segmented-control{grid-template-columns:1fr 1fr;gap:14px;display:grid}.control-btn{border:2px solid var(--border-color);cursor:pointer;text-align:left;color:var(--base-dark);background-color:#fff;border-radius:0;padding:16px;transition:all .2s}.control-btn:hover{border-color:var(--base-blue);background-color:var(--base-blue-light)}.control-btn.active{background-color:var(--base-blue);border-color:var(--base-blue);color:#fff;box-shadow:none}.btn-content{align-items:center;gap:14px;display:flex}.direction-icon{font-size:1.5rem}.btn-text{flex-direction:column;display:flex}.primary-text{font-size:.98rem;font-weight:800}.control-btn.active .sub-text{color:#e6f1fc}.sub-text{color:var(--text-muted);margin-top:2px;font-size:.8rem}.size-config-card{border:1px solid var(--border-subtle);background-color:#f8fafc;border-radius:0;flex-direction:column;gap:14px;padding:16px 20px;display:flex}.select-control{border:1px solid var(--border-color);color:var(--base-dark);cursor:pointer;background-color:#fff;border-radius:0;outline:none;width:100%;padding:10px 12px;font-size:.92rem;font-weight:700}.select-control:focus{border-color:var(--base-blue)}.sub-row{margin-top:2px}.flex-2{flex:2}.width-80{width:90px}.slider-input-group{align-items:center;gap:14px;display:flex}.range-slider{accent-color:var(--base-blue);cursor:pointer;flex:1;height:6px}.tooltip-badge.highlight{background-color:var(--base-gold);color:var(--base-dark);border-color:#e5b000}.blank-page-summary-box{border:1px solid var(--border-subtle);background-color:#f8fafc;border-radius:0;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.page-math-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.math-chip{border:1px solid var(--border-color);color:var(--base-dark);background-color:#fff;border-radius:0;padding:6px 12px;font-size:.9rem;font-weight:700}.math-chip.highlight{background-color:var(--base-blue-light);color:var(--base-blue);border-color:#b3d7ff}.math-operator{color:var(--text-sub);font-weight:700}.math-badge{background-color:var(--base-gold-light);color:var(--base-dark);border:1px solid var(--base-gold-border);border-radius:0;padding:4px 10px;font-size:.8rem;font-weight:700}.math-badge.success{color:#047857;background-color:#d1fae5;border-color:#a7f3d0}.blank-pos-selector{border-top:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding-top:12px;display:flex}.sub-label{color:var(--text-muted);font-size:.82rem;font-weight:600}.radio-options{gap:20px;display:flex}.radio-label{color:var(--base-dark);cursor:pointer;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.toggle-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.checkbox-card{border:1px solid var(--border-color);cursor:pointer;background-color:#fff;border-radius:0;align-items:flex-start;gap:12px;padding:12px 16px;transition:border-color .2s;display:flex}.checkbox-card:hover{border-color:var(--base-blue)}.cb-title{color:var(--base-dark);font-size:.9rem;font-weight:700;display:block}.cb-desc{color:var(--text-muted);font-size:.78rem;display:block}.numeric-inputs-row{grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;display:grid}.input-field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.help-icon{width:16px;height:16px;color:var(--base-dark);cursor:help;background-color:#edf2f7;border-radius:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.input-suffix-wrapper{border:1px solid var(--border-color);background-color:#fff;border-radius:0;align-items:center;min-width:0;padding:0 10px;display:flex}.input-suffix-wrapper input{color:var(--base-dark);background:0 0;border:none;outline:none;width:100%;min-width:36px;padding:10px 0;font-size:.95rem;font-weight:700}.suffix{color:var(--text-sub);white-space:nowrap;flex-shrink:0;font-size:.82rem;font-weight:600}.spread-preview-container{border:1px solid var(--border-subtle);box-shadow:none;background-color:#fff;border-radius:0;flex-direction:column;gap:20px;padding:26px;display:flex}.preview-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.title-with-icon{align-items:center;gap:10px;display:flex}.header-icon{color:var(--base-blue)}.info-chip{background-color:var(--base-blue-light);color:var(--base-blue);border:1px solid #b3d7ff;border-radius:0;padding:4px 10px;font-size:.8rem;font-weight:700}.sheet-pagination{border:1px solid var(--border-color);background-color:#f8fafc;border-radius:0;align-items:center;gap:12px;padding:6px 14px;display:flex}.btn-icon{color:var(--base-dark);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.btn-icon:hover:not(:disabled){background-color:#e2e8f0}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.sheet-indicator{color:var(--base-dark);font-size:.9rem}.sheet-role{color:var(--text-muted);margin-left:6px;font-size:.8rem}.side-toggle-group{border:1px solid var(--border-subtle);background-color:#edf2f7;border-radius:0;padding:4px;display:flex}.toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:0;padding:6px 12px;font-size:.82rem;font-weight:700;transition:all .2s}.toggle-btn.active{color:var(--base-dark);box-shadow:none;background-color:#fff}.sheet-tabs-scroll{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.sheet-tab{border:1px solid var(--border-color);color:var(--text-muted);white-space:nowrap;cursor:pointer;background-color:#f8fafc;border-radius:0;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.sheet-tab:hover{background-color:#edf2f7}.sheet-tab.active{background-color:var(--base-blue-light);border-color:var(--base-blue);color:var(--base-blue)}.tab-pages{opacity:.8;font-size:.78rem}.spread-canvas-area{flex-direction:column;gap:24px;display:flex}.sheet-side-card{border:1px solid var(--border-color);background-color:#f8fafc;border-radius:0;flex-direction:column;gap:16px;padding:20px;display:flex}.side-card-badge{align-items:center;gap:10px;display:flex}.badge-title{border-radius:0;padding:4px 10px;font-size:.95rem;font-weight:800}.front-badge .badge-title{background-color:var(--base-blue-light);color:var(--base-blue);border:1px solid #b3d7ff}.back-badge .badge-title{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.badge-desc{color:var(--text-muted);font-size:.82rem}.spread-sheet{border:2px solid var(--base-dark);box-shadow:none;aspect-ratio:1.414;background-color:#fff;border-radius:0;max-height:440px;display:flex;position:relative;overflow:hidden}.fold-line{z-index:10;pointer-events:none;border-left:2px dashed #e11d48;width:2px;position:absolute;top:0;bottom:0;left:50%}.fold-label{color:#fff;white-space:nowrap;background-color:#e11d48;border-radius:0;padding:2px 8px;font-size:.68rem;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}.slot-half{flex:1;justify-content:center;align-items:center;height:100%;padding:12px;display:flex;position:relative}.left-half{border-right:1px solid #e2e8f0}.page-slot{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:0;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:relative}.page-slot.cover-slot{border-color:var(--base-blue);background-color:var(--base-blue-light)}.page-slot.blank-slot{background-color:#edf2f7;border:2px dashed #cbd5e1;justify-content:center;gap:10px}.slot-header{justify-content:space-between;align-items:center;width:100%;display:flex}.page-number-pill{background-color:var(--base-dark);color:#fff;border-radius:0;padding:3px 8px;font-size:.8rem;font-weight:700}.cover-pill{background-color:var(--base-blue)}.slot-pos-tag{color:var(--text-muted);font-size:.75rem;font-weight:600}.slot-thumbnail-container{flex:1;justify-content:center;align-items:center;width:100%;margin:6px 0;display:flex;overflow:hidden}.slot-thumbnail{object-fit:contain;max-width:100%;max-height:100%;box-shadow:none;border:1px solid #cbd5e1;border-radius:0}.blank-slot-icon{opacity:.5;font-size:2.2rem}.blank-slot-text{color:var(--text-muted);font-size:.8rem;font-weight:600}.slot-badge{background-color:var(--base-gold-light);color:var(--base-dark);border:1px solid var(--base-gold-border);border-radius:0;padding:2px 8px;font-size:.72rem;font-weight:700;position:absolute;top:10px}.page-grid-section{border:1px solid var(--border-subtle);box-shadow:none;background-color:#fff;border-radius:0;flex-direction:column;gap:16px;padding:24px;display:flex}.section-title-row{color:var(--base-dark);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding-bottom:12px;font-size:1rem;font-weight:800;display:flex}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;display:grid}.page-card{border:1px solid var(--border-color);background-color:#f8fafc;border-radius:0;flex-direction:column;gap:8px;padding:8px;transition:transform .15s;display:flex}.page-card:hover{border-color:var(--base-blue);transform:translateY(-2px)}.page-card.cover-card{border-color:var(--base-blue);background-color:var(--base-blue-light)}.page-card.blank-card{opacity:.75;border-style:dashed}.card-top-bar{justify-content:space-between;align-items:center;display:flex}.page-num-badge{color:var(--base-dark);font-size:.78rem;font-weight:700}.tag-pill{border-radius:0;padding:2px 6px;font-size:.68rem;font-weight:700}.tag-pill.cover{background-color:var(--base-blue);color:#fff}.tag-pill.back-cover{background-color:var(--base-gold);color:var(--base-dark)}.tag-pill.blank{color:var(--text-muted);background-color:#e2e8f0}.card-thumb-wrapper{aspect-ratio:1/1.414;background-color:#fff;border:1px solid #e2e8f0;border-radius:0;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.card-thumb{object-fit:contain;width:100%;height:100%}.card-thumb-placeholder{color:var(--text-sub)}.export-section-card{border:2px solid var(--base-blue);box-shadow:none;background-color:#fff;border-radius:0;flex-direction:column;gap:22px;padding:28px;display:flex}.export-info{justify-content:space-between;align-items:center;display:flex}.export-title-row{align-items:center;gap:16px;display:flex}.export-icon{color:var(--base-blue)}.export-desc{color:var(--text-muted);margin-top:4px;font-size:.9rem}.export-action-row{justify-content:center;display:flex}.progress-container{flex-direction:column;gap:10px;display:flex}.progress-bar-bg{background-color:#e2e8f0;border-radius:0;height:12px;overflow:hidden}.progress-bar-fill{background-color:var(--base-blue);height:100%;transition:width .2s}.progress-status-row{color:var(--text-muted);justify-content:space-between;font-size:.88rem;font-weight:700;display:flex}.completed-banner{color:#047857;background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:0;align-items:center;gap:10px;padding:14px 20px;font-weight:800;display:flex}