@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap";*,::after,::before{box-sizing:border-box}*{outline:0;margin:0;padding:0}body{margin:0;padding:0;font-family:"Open Sans",sans-serif}button,input{font:inherit}.filter-type{display:flex;justify-content:center;gap:6px;width:15cm;margin:0 auto}.filter-type .filter-item{flex:1 1 0;padding:5px 10px;border:none;border-radius:4px;background-color:#999;color:#fff;cursor:pointer}.d8-id-filter .filter-type .filter-item.d8-id{background-color:#c7017f}.d4-id-filter .filter-type .filter-item.d4-id{background-color:#c7017f}.d2-id-filter .filter-type .filter-item.d2-id{background-color:#c7017f}.d1-id-filter .filter-type .filter-item.d1-id{background-color:#c7017f}.file-wrapper{position:relative;width:15cm;margin:0 auto;padding:12px 20px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.file-wrapper input{position:absolute;z-index:1;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-wrapper .drag-here{color:#888;font-size:16px;font-weight:700;text-align:center}.photo-manager{display:none;width:15cm;margin:4px auto 0;border:1px solid #ddd;border-radius:4px;background:#fff;overflow:hidden}.photo-manager.has-photos{display:flex;flex-direction:column}.photo-manager .photo-list{max-height:80px;overflow-y:auto}.photo-manager .photo-row{display:flex;align-items:center;gap:7px;min-height:40px;padding:3px 6px;border-bottom:1px solid #eee}.photo-manager .photo-thumbnail{width:32px;height:34px;flex:0 0 auto;border:1px solid #ddd;border-radius:3px;object-fit:cover}.photo-manager .photo-details{display:grid;grid-template-columns:minmax(0, 1fr) auto;column-gap:6px;min-width:0;flex:1 1 auto;align-items:center}.photo-manager .photo-label{grid-column:1;grid-row:1;color:#333;font-size:10px;font-weight:700}.photo-manager .photo-name{grid-column:1;grid-row:2;color:#777;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-manager .quantity-controls{display:flex;grid-column:2;grid-row:1/3;align-items:center;gap:4px}.photo-manager .quantity-button,.photo-manager .remove-photo{border:none;border-radius:3px;cursor:pointer}.photo-manager .quantity-button{width:22px;height:22px;background:#c7017f;color:#fff;font-size:15px;line-height:1}.photo-manager .quantity-button:disabled{background:#bbb;cursor:default}.photo-manager .photo-quantity{min-width:14px;color:#333;font-size:12px;font-weight:700;text-align:center}.photo-manager .remove-photo{width:23px;height:23px;flex:0 0 auto;background:#eee;color:#666;font-size:16px;line-height:1}.photo-manager .assignment-counter{min-height:19px;padding:3px 7px;color:#777;font-size:10px;font-weight:700;text-align:right}.photo-manager .assignment-counter.is-complete{color:#198754}.logo-photograph{position:fixed;z-index:20;top:50%;left:16px;width:132px;transform:translateY(-50%)}.logo-photograph .logo-photograph-inner{position:relative;padding:8px;border:1px solid #e1e1e1;border-radius:5px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}.logo-photograph .input-wrapper input{position:absolute;z-index:1;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.logo-photograph .logo-container img{display:block;width:100%;height:72px;object-fit:contain}.logo-photograph .logo-upload-copy{margin-top:5px;color:#777;font-size:9px;line-height:1.3;text-align:center}.logo-photograph .clear-logo{position:absolute;z-index:2;top:-8px;right:-8px;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer}.logo-photograph .clear-logo img{display:block;width:21px;height:21px}.select-all{display:flex;align-items:center;width:15cm;min-height:21px;margin:0 auto;color:#333;font-size:12px}.select-all input{margin-right:7px}.select-all label{cursor:pointer}.list-wrapper{width:15cm;height:10cm;margin:0 auto}.list-wrapper .list{position:relative;width:15cm;height:10cm;overflow:hidden;background:#fff}.list-wrapper .list .item{position:absolute;top:0;left:0;width:25%;height:5cm}.list-wrapper .list .item:nth-child(2){left:25%}.list-wrapper .list .item:nth-child(3){left:50%}.d4-id-filter .list-wrapper .list .item:nth-child(3){width:50%;height:10cm}.d4-id-filter .list-wrapper .list .item:nth-child(3) .item-inner{width:7.25cm;height:9.5cm}.d4-id-filter .list-wrapper .list .item:nth-child(3) .print-footer{top:9.5cm;width:7.25cm}.list-wrapper .list .item:nth-child(4){left:75%}.d4-id-filter .list-wrapper .list .item:nth-child(4){display:none}.list-wrapper .list .item:nth-child(5){top:auto;bottom:0;left:0}.list-wrapper .list .item:nth-child(6){top:auto;bottom:0;left:25%}.list-wrapper .list .item:nth-child(7){top:auto;bottom:0;left:50%}.d4-id-filter .list-wrapper .list .item:nth-child(7){display:none}.list-wrapper .list .item:nth-child(8){top:auto;bottom:0;left:75%}.d4-id-filter .list-wrapper .list .item:nth-child(8){display:none}.list-wrapper .list .id-card{position:relative;width:100%;height:100%}.list-wrapper .list .item-inner{position:relative;width:3.5cm;height:4.5cm;margin:0 auto;overflow:hidden}.list-wrapper .list .photo-transform-wrapper{position:absolute;inset:0;width:100%;height:100%;transform-origin:center;will-change:transform;pointer-events:none}.list-wrapper .list .photo-rotation-wrapper{position:absolute;inset:0;width:100%;height:100%;transform-origin:center}.list-wrapper .list .previewImg{position:absolute;top:50%;left:50%;display:block;max-width:none;min-width:0;min-height:0;object-fit:fill;transform:translate(-50%, -50%);transform-origin:center;user-select:none;-webkit-user-drag:none;pointer-events:none}.list-wrapper .list .print-footer{position:absolute;top:4.5cm;left:50%;display:flex;align-items:flex-start;justify-content:space-between;width:3.5cm;height:.5cm;padding:.03cm .125cm 0;background:#fff;transform:translateX(-50%)}.list-wrapper .list .date{color:#666;font-size:9px;font-weight:700;line-height:12px;white-space:nowrap}.list-wrapper .list .print-logo{display:block;width:auto;height:12px;max-width:55%;object-fit:contain}.list-wrapper .list .print-logo[src="blank.jpg"]{display:none}.list-wrapper .list .select-item{position:absolute;z-index:4;top:5px;left:9px}.list-wrapper .list .demo-version{position:absolute;top:50%;left:50%;display:none;color:#fff;font-size:66px;font-weight:700;text-shadow:0 0 4px #000;white-space:nowrap;transform:rotate(26deg) translate(-50%, -50%);transform-origin:top left}.d2-id-filter .list-wrapper .list .item{display:none}.d2-id-filter .list-wrapper .list .item:nth-child(1),.d2-id-filter .list-wrapper .list .item:nth-child(2){top:0;bottom:auto;display:block;width:50%;height:10cm}.d2-id-filter .list-wrapper .list .item:nth-child(1) .item-inner,.d2-id-filter .list-wrapper .list .item:nth-child(2) .item-inner{width:7.25cm;height:9.5cm}.d2-id-filter .list-wrapper .list .item:nth-child(1) .print-footer,.d2-id-filter .list-wrapper .list .item:nth-child(2) .print-footer{top:9.5cm;width:7.25cm}.d2-id-filter .list-wrapper .list .item:nth-child(1){left:0}.d2-id-filter .list-wrapper .list .item:nth-child(2){left:50%}.d1-id-filter .list-wrapper .list .item{display:none}.d1-id-filter .list-wrapper .list .item:nth-child(1){top:0;bottom:auto;left:0;display:block;width:15cm;height:10cm}.d1-id-filter .list-wrapper .list .item:nth-child(1) .id-card{width:15cm;height:10cm}.d1-id-filter .list-wrapper .list .item:nth-child(1) .item-inner{width:15cm;height:9.5cm;margin:0}.d1-id-filter .list-wrapper .list .item:nth-child(1) .photo-rotation-wrapper{inset:auto;top:50%;left:50%;width:9.5cm;height:15cm;transform:translate(-50%, -50%) rotate(90deg)}.d1-id-filter .list-wrapper .list .item:nth-child(1) .print-footer{top:9.5cm;left:0;align-items:center;width:15cm;height:.5cm;padding:0 .35cm;border-top:.02cm solid #ddd;transform:none}.d1-id-filter .list-wrapper .list .item:nth-child(1) .date{color:#555;font-size:9px;letter-spacing:.02em}.d1-id-filter .list-wrapper .list .item:nth-child(1) .print-logo{height:.3cm;max-width:4cm}.zoom-wrapper,.horizontal-wrapper,.vertical-wrapper{display:flex;align-items:center;width:15cm;margin:0 auto;padding:8px 12px;border-radius:4px;background:#f0f0f2}.zoom-wrapper label,.horizontal-wrapper label,.vertical-wrapper label{display:flex;flex:0 0 116px;align-items:center;color:#333;font-size:12px;font-weight:700}.zoom-wrapper #amount-zoom,.zoom-wrapper #amount-horizontal,.zoom-wrapper #amount-vertical,.horizontal-wrapper #amount-zoom,.horizontal-wrapper #amount-horizontal,.horizontal-wrapper #amount-vertical,.vertical-wrapper #amount-zoom,.vertical-wrapper #amount-horizontal,.vertical-wrapper #amount-vertical{width:54px;margin-left:4px;border:0;background:rgba(0,0,0,0);color:#c7017f;font-size:11px;font-weight:700;text-align:center}.zoom-wrapper #zoom,.zoom-wrapper #horizontal,.zoom-wrapper #vertical,.horizontal-wrapper #zoom,.horizontal-wrapper #horizontal,.horizontal-wrapper #vertical,.vertical-wrapper #zoom,.vertical-wrapper #horizontal,.vertical-wrapper #vertical{flex:1 1 auto}.zoom-wrapper .ui-state-disabled,.horizontal-wrapper .ui-state-disabled,.vertical-wrapper .ui-state-disabled{opacity:.42}.print-wrapper{width:15cm;margin:0 auto;text-align:center}.print-wrapper .print{width:100%;padding:7px 15px;border:none;border-radius:4px;background:#c7017f;color:#fff;font-weight:700;cursor:pointer}.copyright{position:fixed;z-index:30;bottom:0;width:100%;background:#000;color:#fff}.copyright a{color:#fff;font-weight:700;text-decoration:none}.copyright a:hover{text-decoration:underline}.copyright .copyright-inner{width:15cm;margin:0 auto;padding:5px;font-size:10px;text-align:center}@media screen{body{min-height:100vh;padding-bottom:27px;background:#f6f6f8;color:#333}.app-shell{width:100%;margin:0 auto;padding:0 12px 7px}.logo-website{height:31px;padding:3px 0 2px;text-align:center}.logo-website img{width:auto;height:26px}.application-layout{display:grid;grid-template-columns:minmax(152px, 1fr) 15cm minmax(232px, 1fr);width:100%;align-items:start}.workspace{display:flex;grid-column:2;width:15cm;margin:0;flex-direction:column;gap:4px}.format-section{width:15cm}.file-wrapper,.filter-type{width:100%;margin:0}.file-wrapper{padding:8px 10px}.file-wrapper .drag-here{font-size:13px}.uploaded-photos-panel{position:sticky;top:35px;grid-column:3;width:calc(100% - 18px);max-width:260px;max-height:calc(100vh - 66px);margin-left:18px;padding:10px;border:1px solid #ddd;border-radius:5px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);overflow:hidden}.uploaded-photos-panel h2{margin-bottom:7px;color:#555;font-size:12px;line-height:1.2}.uploaded-photos-panel .file-wrapper{padding:8px 7px}.uploaded-photos-panel .file-wrapper .drag-here{font-size:11px}.uploaded-photos-panel .photo-manager{width:100%;margin:7px 0 0}.uploaded-photos-panel .photo-list{max-height:calc(100vh - 176px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.filter-type .filter-item{padding:5px 4px;font-size:12px}.preview-panel{width:15cm}.preview-heading{display:flex;min-height:18px;align-items:center;justify-content:space-between;color:#555;font-size:11px}.preview-heading span{color:#888;font-size:10px}.preview-stage{width:15cm;height:10cm;margin:0 auto;overflow:hidden;background:#fff}.list-wrapper{box-shadow:inset 0 0 0 1px #ddd;transform-origin:top left}.item-inner{box-shadow:inset 0 0 0 1px #eee}.item.is-selected-item .item-inner{cursor:grab;touch-action:none}.item.is-dragging-item .item-inner{cursor:grabbing;box-shadow:inset 0 0 0 2px rgba(199,1,127,.72)}.item.drag-selection-hint .item-inner{box-shadow:inset 0 0 0 2px rgba(194,126,0,.62)}#sliders{display:grid;gap:4px}.zoom-wrapper,.horizontal-wrapper,.vertical-wrapper{min-height:32px;padding-top:6px;padding-bottom:6px}}@media screen and (max-width: 1100px){body{padding-bottom:0}.application-layout{display:flex;width:min(15cm,100%);margin:0 auto;flex-direction:column}.workspace{width:100%}.uploaded-photos-panel{position:static;width:100%;max-width:none;max-height:none;margin:10px 0 0}.uploaded-photos-panel .photo-list{max-height:180px}.copyright{position:static}.copyright .copyright-inner{width:100%}}@media screen and (max-width: 940px){.logo-photograph{left:7px;width:72px}.logo-photograph .logo-photograph-inner{padding:5px}.logo-photograph .logo-container img{height:48px}.logo-photograph .logo-upload-copy{display:none}}@media screen and (max-width: 600px){.app-shell{padding-right:8px;padding-left:8px}.workspace,.application-layout,.format-section,.uploaded-photos-panel,.select-all,.preview-panel,.zoom-wrapper,.horizontal-wrapper,.vertical-wrapper,.print-wrapper{width:100%}.preview-stage{width:13.5cm;height:9cm}.list-wrapper{transform:scale(0.9)}}@media screen and (max-width: 520px){.preview-stage{width:11.7cm;height:7.8cm}.list-wrapper{transform:scale(0.78)}}@media screen and (max-width: 450px){.preview-stage{width:9.6cm;height:6.4cm}.list-wrapper{transform:scale(0.64)}.logo-photograph{width:52px}.logo-photograph .logo-container img{height:38px}}@media screen and (max-width: 390px){.preview-stage{width:8.7cm;height:5.8cm}.list-wrapper{transform:scale(0.58)}}@media print{html,body{width:15cm;height:10cm;overflow:hidden}.accepted .hidden-print{display:none}.accepted .list-wrapper .demo-version.show-print{display:block}.app-shell,.workspace,.preview-panel,.preview-stage,.list-wrapper{display:block;width:15cm;height:10cm;margin:0;padding:0;border:0;background:rgba(0,0,0,0);overflow:visible;transform:none}}@page{size:15cm 10cm;margin:0}/*# sourceMappingURL=style.css.map */