*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{width:100%;min-height:100vh}.app-container{display:flex;height:100vh;background:#f5f5f5;min-width:1120px}.settings-panel{width:320px;min-width:320px;max-width:320px;background:#fff;border-right:1px solid #d9d9d9;overflow-y:auto;flex-shrink:0}.preview-area{flex:1;min-width:400px;display:flex;flex-direction:column;background:#fafafa;overflow:hidden}.deck-panel{width:400px;min-width:400px;max-width:400px;background:#fff;border-left:1px solid #d9d9d9;display:flex;flex-direction:column;flex-shrink:0}.deck-panel .ant-tabs{height:100%;display:flex;flex-direction:column}.deck-panel .ant-tabs-content-holder{flex:1;min-height:0}.deck-panel .ant-tabs-content,.deck-panel .ant-tabs-tabpane{height:100%}.preview-toolbar{padding:16px;background:#fff;border-bottom:1px solid #d9d9d9;display:flex;align-items:center;justify-content:space-between}.preview-content{flex:1;padding:0;overflow:auto;min-height:0;position:relative}.pdf-page{background:#fff;box-shadow:0 4px 12px #0000001a;position:relative}.card-grid{display:grid}.card-item{border:1px dashed #d9d9d9;display:flex;align-items:center;justify-content:center;background:#f9f9f9;position:relative;overflow:hidden;transition:transform .3s ease}.card-item.rotated{transform:rotate(90deg);transform-origin:center center;overflow:visible;position:relative}.card-item.rotated img,.card-item.rotated>div{transform:none;transform-origin:center center;width:100%;height:100%}.card-item.no-spacing{border:none}.card-item.no-spacing.missing{border:1px solid #ffccc7}.card-item img{width:100%;height:100%;object-fit:cover}.card-item.missing{background:#fff2f0;border-color:#ffccc7;color:#cf1322;font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center}.upload-area{border:2px dashed #d9d9d9;border-radius:6px;padding:20px;text-align:center;background:#fafafa;cursor:pointer;transition:all .3s}.upload-area:hover{border-color:#1890ff;background:#f0f8ff}.upload-area.dragover{border-color:#1890ff;background:#e6f7ff}.deck-list{flex:1;overflow-y:auto}.card-list-item{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid #f0f0f0}.card-list-item:hover{background:#fafafa}.card-status{width:8px;height:8px;border-radius:50%;margin-right:8px}.card-status.found{background:#52c41a}.card-status.missing{background:#ff4d4f}.card-info{flex:1}.card-id{font-family:Courier New,monospace;color:#666;font-size:12px}.card-count{color:#999;font-size:12px}.section-title{padding:16px;border-bottom:1px solid #f0f0f0;font-weight:600;background:#fafafa}.form-section{padding:20px;border-bottom:1px solid #f0f0f0}.form-section:last-child{border-bottom:none}.form-section h3{margin-bottom:16px;color:#262626;font-size:14px;font-weight:600}.size-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.size-preset{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;cursor:pointer;transition:all .2s;font-size:12px}.size-preset:hover{border-color:#1890ff}.size-preset.active{border-color:#1890ff;background:#e6f7ff;color:#1890ff}.input-group{display:flex;gap:8px;align-items:center}.progress-container{padding:16px;border-top:1px solid #f0f0f0;background:#fff}@media (max-width: 1200px){.app-container{flex-direction:column;min-width:auto;height:auto;min-height:100vh}.settings-panel,.deck-panel{width:100%;min-width:auto;max-width:none;height:auto;max-height:50vh;flex-shrink:1;border-left:none;border-right:none;border-bottom:1px solid #d9d9d9;overflow-y:auto}.preview-area{height:60vh;min-height:400px;min-width:auto}.deck-panel .grid-stats{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}@media (max-width: 768px){.app-container{min-width:100%;height:auto;min-height:100vh;overflow-x:hidden}.settings-panel{order:2;padding:12px;max-height:none}.deck-panel{order:3;padding:12px;max-height:none}.preview-area{order:1;height:50vh;min-height:300px}.preview-toolbar{flex-direction:column;gap:8px;padding:12px}.preview-toolbar>div{width:100%;justify-content:center}.preview-toolbar .ant-space{flex-wrap:wrap;justify-content:center}.ant-btn-group{display:flex;flex-wrap:wrap}.settings-panel .ant-input-number,.settings-panel .ant-select{width:100%!important;min-width:auto!important}.settings-panel .ant-space{width:100%}.settings-panel .ant-space>.ant-space-item{width:100%}.size-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.size-presets .ant-btn{height:auto;padding:8px 4px;font-size:12px}.deck-panel .ant-upload-drag{padding:16px}.deck-panel .ant-upload-drag .ant-upload-text{font-size:14px}.card-list-item{padding:8px 12px}.deck-panel .grid-stats{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.settings-panel,.deck-panel{max-height:40vh!important}.pdf-page{transform-origin:center top}}@media (max-width: 480px){.preview-area{height:40vh;min-height:250px}.settings-panel,.deck-panel{padding:8px}.settings-panel .form-section{margin-bottom:16px}.size-presets{grid-template-columns:1fr}.deck-panel .grid-stats{grid-template-columns:1fr!important;gap:6px!important}.deck-panel .grid-stats>div{padding:8px!important;background:#f9f9f9;border-radius:4px}.ant-btn{height:32px;padding:4px 8px;font-size:12px}.ant-input-number{height:32px}.ant-select{min-height:32px}.ant-typography h4{font-size:16px;margin-bottom:8px}.ant-typography h5{font-size:14px;margin-bottom:6px}}@media (max-width: 768px){.ant-btn{min-height:44px;min-width:44px}.ant-input-number,.ant-select{min-height:44px}.ant-switch{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.ant-slider{margin:16px 0}.ant-slider-handle{width:20px;height:20px;margin-top:-8px}.ant-pagination{margin:16px 0}.ant-pagination .ant-pagination-item,.ant-pagination .ant-pagination-prev,.ant-pagination .ant-pagination-next{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.preview-content{touch-action:pan-x pan-y}.ant-upload-drag{min-height:120px}.ant-tooltip{display:none}.card-list-item{min-height:44px;display:flex;align-items:center}.ant-form-item{margin-bottom:16px}.ant-btn,.ant-input-number,.ant-select{touch-action:manipulation}}@media (max-width: 768px) and (orientation: landscape){.app-container{flex-direction:row}.settings-panel,.deck-panel{width:300px;height:100vh;order:initial;overflow-y:auto}.preview-area{order:initial;height:100vh;flex:1}}@media print{.settings-panel,.deck-panel,.preview-toolbar{display:none!important}.preview-area{width:100%!important;height:auto!important}.pdf-page{break-after:page}}