@font-face{font-family:Geist;src:url(/assets/fonts/geist.woff2) format("woff2");font-weight:100 900;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-page: #f3f5fb;--container-bg: #ffffff;--text-primary: #0d1626;--text-secondary: #5d6b82;--border-color: #dfe4f0;--card-bg: #eef1f9;--card-bg-secondary: #e5e9f5;--input-bg: #ffffff;--shadow-color: rgba(13, 22, 38, .08);--accent-color: #4338ca;--accent-color-2: #2563eb;--accent-color-secondary: #2563eb;--accent-soft: #e0e7ff}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);min-height:100vh;padding:20px;overflow-x:hidden;transition:background .3s ease;color:var(--text-primary)}.container{max-width:1200px;margin:0 auto;background:var(--container-bg);border-radius:20px;padding:40px;box-shadow:0 1px 2px #17182e0a,0 20px 50px var(--shadow-color);border:1px solid var(--border-color);transition:all .3s ease}h1{text-align:center;color:var(--text-primary);margin-bottom:20px;font-size:2.3em;font-weight:800;letter-spacing:-1px}.app-header{text-align:center;margin-bottom:30px;padding:25px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color)}.header-badges{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.badge{padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);transition:all .2s ease}.badge:hover{transform:translateY(-2px);border-color:var(--accent-color)}.badge-primary{color:#4338ca;border-color:#4338ca4d;background:#e0e7ff}.badge-success{color:#2563eb;border-color:#2563eb4d;background:#2563eb14}.badge-info{color:#0369a1;border-color:#0ea5e94d;background:#0ea5e914}.badge-warning{color:#c2710c;border-color:#c2710c4d;background:#fdf3e4}.badge-secure{color:#7c3aed;border-color:#7c3aed4d;background:#7c3aed14}.badge-fast{color:#c2710c;border-color:#c2710c4d;background:#fdf3e4}.header-description{font-size:15px;color:var(--text-secondary);line-height:1.6;max-width:700px;margin:0 auto}.dopamine-hook{margin:14px auto 0;max-width:700px;font-size:15px;font-weight:700;color:#b45309}body.dark-mode .dopamine-hook{color:#fbbf24}.tool-blurb{margin:22px auto 0;padding-top:18px;max-width:700px;border-top:1px solid var(--border, rgba(148, 163, 184, .3));text-align:center}.tool-blurb-part{margin:12px 0 0;font-size:13px;color:var(--text-secondary)}.print-note{margin:6px 0 0;padding:10px 14px;border-radius:10px;background:var(--accent-soft);color:var(--text-primary);font-size:13px;text-align:center}body.dark-mode .print-note{background:#2563eb24}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:22px 16px;min-height:118px;border:2px dashed var(--border-color);border-radius:14px;background:var(--input-bg);cursor:pointer;text-align:center;transition:border-color .2s ease,background .2s ease}.dropzone:hover,.dropzone:focus-within,.dropzone.is-over{border-color:var(--accent-color);background:var(--accent-soft)}.dropzone-icon{font-size:22px;line-height:1}.dropzone-main{font-size:15px;font-weight:600;color:var(--accent-color)}.dropzone-sub{font-size:12px;color:var(--text-secondary);overflow-wrap:anywhere}.zoom-field .zoom-label{font-size:12px;color:var(--text-secondary)}.cut-preview{display:flex;align-items:center;gap:14px;margin:12px 0 0;padding:12px;border:1px solid var(--border-color);border-radius:14px;background:var(--input-bg)}.cut-preview[hidden]{display:none}.cut-preview canvas{flex:none;border-radius:0;background:repeating-conic-gradient(#d4d8e2 0% 25%,#fff 0% 50%) 50% / 12px 12px;box-shadow:0 6px 18px -8px var(--shadow-color);cursor:grab;touch-action:none}.cut-preview canvas.is-holding{cursor:grabbing}.cut-preview-hint{font-size:12px;color:var(--text-secondary)}.upload-card .image-item{flex-wrap:wrap}.upload-card .image-name{flex:1 1 100%;font-size:14px}.upload-card .image-item .count-stepper{margin-left:0}.cut-preview-zoom{display:flex;align-items:center;gap:8px;margin:2px 0;font-size:12px;color:var(--text-secondary)}.cut-preview-zoom input{flex:1 1 90px;min-width:70px;accent-color:var(--accent-color)}.cut-preview-zoom output{min-width:38px;font-variant-numeric:tabular-nums}.cut-preview-colours{display:flex;flex-direction:column;gap:6px;margin:4px 0 2px}.cut-preview-colours .bg-color-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}.cut-preview-colours .bg-swatch{width:24px;height:24px}.cut-preview-colours input[type=color]{width:24px;height:24px;padding:0}.cut-preview figcaption{display:flex;flex-direction:column;gap:4px;min-width:0}.cut-preview-state{font-size:13px;font-weight:600;color:var(--accent-color)}.cut-preview-size{font-size:12px;color:var(--text-secondary)}.pair-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px 28px;align-items:start}.pair-col{min-width:0}.pair-col .step-head:not(:first-child){margin-top:0}.plan-compare{margin:24px 0 0;padding:32px 28px;background:var(--container-bg);border:1px solid var(--border-color);border-radius:22px}.plan-compare h2{margin:0 0 8px}.plan-compare-lede{margin:0 0 24px;color:var(--text-secondary);font-size:15px}.plan-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.plan-col{padding:22px 20px;border:1px solid var(--border-color);border-radius:16px;background:var(--input-bg)}.plan-col-paid{border-color:var(--accent-color-2)}.plan-col-head{margin:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.plan-col-price{margin:6px 0 16px;font-size:26px;font-weight:700;color:var(--text-primary)}.plan-col-price span{display:block;font-size:13px;font-weight:500;color:var(--text-secondary)}.plan-col ul{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14px;line-height:1.5}.plan-col-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--accent-color-2);color:#fff;font-size:11px;letter-spacing:.02em;vertical-align:1px}.plan-col-for{margin:0 0 14px;font-size:14px;color:var(--text-secondary)}.plan-col-sub{margin:16px 0 8px;font-size:13px;font-weight:700;color:var(--text-primary)}.plan-col-text{margin:0;font-size:14px;line-height:1.5}.plan-col-no{color:var(--text-secondary)}.plan-qa{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4px 18px}.plan-qa>.plan-col-sub{grid-column:1 / -1;margin-top:0}.plan-qa-item h4{margin:8px 0 4px;font-size:14px;color:var(--text-primary)}.plan-qa-item p{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.plan-col-foot{margin:18px 0 0;font-size:13px;color:var(--text-secondary)}.stats-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin:20px 0 30px;padding:18px 10px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color)}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:130px;padding:6px 12px}.stat-number{font-size:24px;font-weight:800;color:var(--accent-color)}.stat-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-top:2px;text-align:center}.success-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,40px);display:flex;align-items:center;gap:10px;padding:14px 22px;background:linear-gradient(120deg,var(--accent-color),var(--accent-color-2) 55%,#0ea5e9);color:#fff;font-weight:700;font-size:14px;border-radius:12px;box-shadow:0 10px 30px #0003;opacity:0;pointer-events:none;z-index:3000;transition:opacity .35s ease,transform .35s ease;max-width:90vw}.success-toast.show{opacity:1;transform:translate(-50%)}.success-toast-icon{font-size:20px}@media(max-width:768px){.stats-bar{gap:10px}.stat-item{min-width:45%}}body.dark-mode .app-header{background:var(--card-bg);border-color:var(--border-color)}.camera-feature-info{margin:30px 0;padding:22px 25px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);text-align:left}.camera-feature-info h2{font-size:19px;margin:0 0 10px;color:var(--text-primary)}.camera-feature-info p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0 0 12px}.camera-feature-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 16px;font-size:13px;color:var(--text-secondary)}body.dark-mode .camera-feature-info{background:var(--card-bg);border-color:var(--border-color)}@media(max-width:768px){.camera-feature-info{padding:18px 20px}.camera-feature-info h2{font-size:17px}.camera-feature-list{grid-template-columns:1fr}}@media(max-width:768px){.header-badges{flex-direction:column;align-items:center}.badge{width:100%;max-width:250px;justify-content:center}.header-description{font-size:14px}}.theme-toggle{position:fixed;top:24px;right:24px;width:48px;height:48px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px var(--shadow-color);z-index:1000;transition:all .2s ease}.theme-toggle:hover{transform:translateY(-2px);border-color:var(--accent-color)}.theme-icon{display:inline-flex;transition:transform .3s ease}.theme-icon svg{width:20px;height:20px;display:block}.theme-toggle:active .theme-icon{transform:scale(.9)}.upload-section{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:40px;padding:30px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease}.upload-label{font-weight:600;color:var(--text-primary);font-size:15px;margin-bottom:-10px}label{font-weight:600;color:var(--text-primary);font-size:15px;display:block;margin-bottom:8px}select,input[type=number]{width:100%;padding:13px 16px;border:1px solid var(--border-color);border-radius:10px;font-size:15px;transition:all .2s ease;background:var(--input-bg);font-family:inherit;color:var(--text-primary);box-sizing:border-box}select:hover,input[type=number]:hover{border-color:var(--accent-color)}select:focus,input[type=number]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-soft)}input[type=file]{width:100%;padding:20px;border:2px dashed var(--border-color);border-radius:14px;background:var(--input-bg);cursor:pointer;transition:all .2s ease;text-align:center;font-size:15px;color:var(--text-primary);box-sizing:border-box}input[type=file]:hover{border-color:var(--accent-color);background:var(--accent-soft)}input[type=file]::file-selector-button{margin-right:14px;padding:10px 18px;border:0;border-radius:10px;background:linear-gradient(120deg,var(--accent-color),var(--accent-color-2));color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:filter .2s ease}input[type=file]::file-selector-button:hover{filter:brightness(1.08)}#customSizeInputs{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px;background:var(--input-bg);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease;box-sizing:border-box}button{padding:14px 28px;background:linear-gradient(120deg,var(--accent-color),var(--accent-color-2));color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .06s ease,filter .06s ease;touch-action:manipulation;box-sizing:border-box}button:hover{background:linear-gradient(120deg,#312e81,var(--accent-color));transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{background:#c7c9d9;cursor:not-allowed;transform:none;opacity:.7}.preview-section{text-align:center;padding:30px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease}.preview-section h3{margin-bottom:25px;color:var(--text-primary);font-size:1.3em;font-weight:700}#photoCanvas{border:1px solid var(--border-color);border-radius:12px;max-width:100%;height:auto;box-shadow:0 10px 30px var(--shadow-color);transition:box-shadow .3s ease;background:var(--input-bg)}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:25px;flex-wrap:wrap}.print-btn{padding:13px 26px;background:var(--accent-color-2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.print-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.print-btn:active{transform:translateY(0)}.print-icon{font-size:18px}.image-list{margin-top:20px;padding:25px;background:var(--input-bg);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease}.image-list h4{margin-bottom:20px;color:var(--text-primary);font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px}.image-list h4:before{content:"📷";font-size:22px}.image-item{display:flex;align-items:center;gap:15px;padding:14px;background:var(--card-bg);border-radius:12px;margin-bottom:12px;transition:all .2s ease;border:1px solid transparent}.image-item:hover{border-color:var(--accent-color)}.image-thumbnail{width:64px;height:64px;border-radius:10px;border:2px solid var(--accent-color);object-fit:cover;flex-shrink:0}.image-name{flex:1;color:var(--text-primary);font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-count{width:90px;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;font-weight:600;text-align:center;transition:all .2s ease;background:var(--input-bg);color:var(--text-primary)}.image-count:hover{border-color:var(--accent-color)}.image-count:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-soft)}.remove-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#fee4e2;border-color:#d92d20;color:#b42318}.remove-btn:active{transform:translateY(0)}@media(max-width:768px){.container{padding:22px;border-radius:16px}h1{font-size:1.8em;margin-bottom:30px}.upload-section{padding:20px;gap:15px}#customSizeInputs{grid-template-columns:1fr;padding:15px;gap:12px}select,input[type=number],input[type=file],label{font-size:14px}.image-item{flex-wrap:wrap;gap:12px}.image-thumbnail{width:56px;height:56px}.image-name{flex:1 1 100%;order:-1}.image-count,.remove-btn{flex:1}.card{padding:15px}.size-options label{padding:10px;font-size:14px}.input-group input[type=number]{padding:8px;font-size:14px}.slider-group{margin-bottom:15px}.slider-group label{font-size:13px}.editor-preview{padding:20px}.adjustment-buttons,.crop-action-buttons{grid-template-columns:1fr;gap:8px}button{padding:12px 20px;font-size:14px}}*:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.editor-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:14px 20px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.nav-link{color:var(--accent-color);text-decoration:none;font-weight:600;transition:all .2s ease;padding:8px 16px;border-radius:8px}.nav-link:hover{background:var(--accent-soft)}.nav-title{font-weight:600;color:var(--text-primary)}.editor-grid{display:grid;grid-template-columns:350px 1fr;gap:20px}.editor-controls{display:flex;flex-direction:column;gap:20px}.editor-preview{background:var(--card-bg);border-radius:16px;padding:30px;min-height:600px;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid var(--border-color)}.card{background:var(--input-bg);border-radius:12px;padding:20px;border:1px solid var(--border-color);transition:all .2s ease;box-sizing:border-box}.card:hover{border-color:var(--accent-color)}.card-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:15px;display:flex;align-items:center;gap:8px}.slider-group{margin-bottom:20px}.slider-group label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.slider-group label span:last-child{color:var(--accent-color);font-weight:600}.slider-group input[type=range]{width:100%;accent-color:var(--accent-color)}.tool-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.crop-tools-horizontal{margin-top:20px;padding:20px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.tool-buttons-horizontal{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;justify-content:center}.tool-buttons-horizontal .tool-btn{flex:0 1 auto;min-width:120px}.tool-btn{padding:10px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.tool-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-apply{width:100%;padding:12px;background:var(--accent-color);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-apply:hover{background:#4338ca}.btn-outline{padding:10px 20px;background:transparent;border:1px solid var(--accent-color);color:var(--accent-color);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:var(--accent-color);color:#fff}.btn-secondary{padding:10px 20px;background:var(--accent-color-2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#1d4ed8}.adjustment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;box-sizing:border-box}.crop-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;box-sizing:border-box}.crop-action-buttons .btn-outline,.crop-action-buttons .btn-apply{width:100%}.size-options{display:flex;flex-direction:column;gap:12px}.size-options label{display:flex;align-items:center;gap:10px;padding:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.size-options label:hover{background:var(--input-bg);border-color:var(--accent-color)}.size-options input[type=radio]{cursor:pointer;accent-color:var(--accent-color)}.size-options input[type=radio]:checked+span{color:var(--accent-color);font-weight:600}.size-options label:has(input:checked){border-color:var(--accent-color);background:var(--input-bg);box-shadow:0 0 0 2px var(--accent-soft)}.input-group{margin-bottom:12px}.input-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-primary)}.input-group input[type=number]{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}.input-group input[type=number]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-soft)}.bg-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bg-btn{padding:12px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:600;color:var(--text-primary)}.bg-btn:hover{transform:scale(1.05)}.bg-btn.active{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-soft)}#customBgColor{margin-top:15px}#customBgColor label{display:block;margin-bottom:8px;font-size:14px;font-weight:500}#bgColorPicker{width:100%;height:48px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer}.upload-zone{display:flex;align-items:center;justify-content:center;min-height:400px;border:2px dashed var(--border-color);border-radius:16px;cursor:pointer;transition:all .2s ease}.upload-zone:hover{border-color:var(--accent-color);background:var(--accent-soft)}.upload-content{text-align:center;padding:40px}.upload-icon{font-size:72px;margin-bottom:20px}.upload-content h3{font-size:22px;color:var(--text-primary);margin-bottom:10px}.upload-content p{color:var(--text-secondary);margin-bottom:10px}.upload-hint{font-size:13px;color:var(--text-secondary)}.crop-area,.preview-area,.a4-area{display:flex;flex-direction:column;gap:20px}.crop-area h3,.preview-area h3,.a4-area h3{color:var(--text-primary);font-size:19px;font-weight:700}.crop-container{max-height:500px;overflow:hidden;border-radius:12px}.crop-container img{max-width:100%;display:block}#previewCanvas{max-width:100%;height:auto;border:1px solid var(--border-color);border-radius:12px}.a4-container{background:#fff;padding:20px;border-radius:12px;overflow:auto;max-height:600px}#a4Canvas{max-width:100%;height:auto;border:1px solid var(--border-color)}@media(max-width:1024px){.editor-grid{grid-template-columns:1fr}.editor-controls{order:2}.editor-preview{order:1}}body.dark-mode .card{background:var(--input-bg)}body.dark-mode .tool-btn{background:var(--card-bg);color:var(--text-primary)}body.dark-mode .bg-btn{color:var(--text-primary)}body.dark-mode .upload-zone{border-color:var(--border-color)}body.dark-mode .a4-container{background:var(--input-bg)}body.dark-mode{--bg-page: #071226;--container-bg: #0b1b38;--text-primary: #ffffff;--text-secondary: #a9bedd;--border-color: #19325c;--card-bg: #0f2346;--card-bg-secondary: #142b54;--input-bg: #0b1b38;--shadow-color: rgba(0, 0, 0, .5);--accent-color: #6366f1;--accent-color-2: #38bdf8;--accent-color-secondary: #38bdf8;--accent-soft: #1b1a4f}body.dark-mode .theme-toggle{background:var(--input-bg);border-color:var(--border-color)}body.dark-mode h1{color:var(--text-primary)}body.dark-mode button{background:var(--accent-color);color:#0b0c14}body.dark-mode .remove-btn{background:#f87171;color:#fff}body.dark-mode .print-btn{background:var(--accent-color-secondary);color:#0b0c14}body.dark-mode .print-btn:hover{background:#22b8ad}@media print{@page{margin:0;size:A4 portrait}body{background:#fff!important;padding:0!important;margin:0!important}.theme-toggle,.container>h1,.app-header,.editor-nav,.editor-controls,.action-buttons,#uploadZone,#cropArea,#previewArea,.app-footer,.upload-section{display:none!important}.container{padding:0!important;margin:0!important;background:#fff!important;box-shadow:none!important;border-radius:0!important}.preview-section{background:#fff!important;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important}.preview-section h3{display:none!important}#photoCanvas{display:block!important;width:100%!important;height:auto!important;max-width:210mm!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important;page-break-inside:avoid!important;page-break-after:avoid!important}.editor-grid{display:block!important;padding:0!important;margin:0!important}.editor-preview{padding:0!important;margin:0!important}#a4Area{display:block!important;padding:0!important;margin:0!important}#a4Area h3{display:none!important}.a4-container{background:#fff!important;padding:0!important;margin:0!important;border-radius:0!important;overflow:visible!important;max-height:none!important;box-shadow:none!important}#a4Canvas{display:block!important;width:100%!important;height:auto!important;max-width:210mm!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important;page-break-inside:avoid!important;page-break-after:avoid!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.app-footer{margin-top:60px;padding:28px 20px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color)}.footer-content{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap}.footer-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);font-weight:500}.footer-icon{font-size:18px}.footer-link{color:var(--accent-color);text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .2s ease;padding:8px 16px;border-radius:8px;background:var(--accent-soft)}.footer-link:hover{background:var(--accent-color);color:#fff}body.dark-mode .app-footer{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .footer-link{color:var(--accent-color);background:var(--accent-soft)}body.dark-mode .footer-link:hover{background:var(--accent-color);color:#0b0c14}@media(max-width:768px){.footer-content{flex-direction:column;gap:15px}.footer-item{text-align:center}}.app-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-page);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .5s ease,visibility .5s ease}.app-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{text-align:center;animation:fadeInUp .6s ease}.loader-icon{font-size:64px;margin-bottom:20px}.loader-title{color:var(--text-primary);font-size:26px;font-weight:800;margin-bottom:10px;letter-spacing:-.5px}.loader-subtitle{color:var(--text-secondary);font-size:15px;margin-bottom:30px}.loader-spinner{width:36px;height:36px;margin:0 auto;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.install-prompt{position:fixed;bottom:-200px;left:50%;transform:translate(-50%);width:90%;max-width:480px;background:var(--text-primary);color:var(--bg-page);padding:20px 25px;border-radius:16px;box-shadow:0 10px 40px #00000059;z-index:9998;transition:bottom .4s cubic-bezier(.68,-.55,.265,1.55)}.install-prompt.show{bottom:20px}.install-prompt-content{display:flex;align-items:center;gap:15px}.install-icon{font-size:36px;flex-shrink:0}.install-text{flex:1}.install-title{font-size:17px;font-weight:700;margin-bottom:5px}.install-description{font-size:13px;opacity:.85;line-height:1.4}.install-actions{display:flex;gap:10px;margin-top:15px}.install-btn{flex:1;padding:11px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.install-btn-primary{background:var(--accent-color);color:#fff}.install-btn-primary:hover{background:#4338ca}.install-btn-secondary{background:#ffffff1a;color:var(--bg-page);border:1px solid rgba(255,255,255,.25)}.install-btn-secondary:hover{background:#ffffff2e}.install-close{position:absolute;top:10px;right:10px;background:#ffffff1f;border:none;color:var(--bg-page);width:28px;height:28px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.install-close:hover{background:#ffffff38}@media(max-width:600px){.install-prompt{width:95%;padding:15px 20px}.install-icon{font-size:30px}.install-title{font-size:15px}.install-description{font-size:12px}.install-actions{flex-direction:column}.install-btn{padding:10px 16px;font-size:14px}}.language-switcher{position:fixed;top:24px;right:82px;z-index:1000;display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--border-color);padding:8px 14px;border-radius:10px;box-shadow:0 4px 16px var(--shadow-color);font-size:13px}.language-switcher label{font-weight:600;color:var(--text-primary);margin-bottom:0}.language-switcher select{border:1px solid var(--border-color);border-radius:6px;padding:4px 6px;background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer}@media(max-width:768px){body{padding-top:64px}.theme-toggle{top:10px;right:10px;width:40px;height:40px}.language-switcher{top:10px;right:58px;height:40px;padding:6px 10px;font-size:12px}.language-switcher label{display:none}}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.hint-text{font-size:12px;color:var(--text-secondary);margin:8px 0}.bg-color-swatches{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.bg-swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer;padding:0;transition:all .2s ease}.bg-swatch:hover,.bg-swatch.active{border-color:var(--accent-color);transform:scale(1.1)}#customBgColor{width:30px;height:30px;border:none;border-radius:50%;padding:0;cursor:pointer;background:none}.suit-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.suit-option{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.suit-option:hover,.suit-option.active{border-color:var(--accent-color);background:var(--accent-soft)}.suit-swatch{width:18px;height:18px;border-radius:5px;border:1px solid rgba(0,0,0,.15);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.suit-swatch-none{background:transparent;font-size:12px}.filter-presets{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{padding:8px 14px;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-btn:hover,.filter-btn.active{border-color:var(--accent-color);background:var(--accent-color);color:#fff}.compare-container{margin-top:16px}.compare-slider-wrap{position:relative;max-width:100%;margin:0 auto;overflow:hidden;border-radius:8px;border:1px solid var(--border-color)}.compare-img{display:block;width:100%;height:auto;user-select:none;pointer-events:none}.compare-before-wrap{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;border-right:2px solid var(--accent-color)}.compare-before-wrap .compare-img{width:auto;height:100%;max-width:none}.compare-range{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.batch-list{margin:10px 0;font-size:13px;color:var(--text-secondary)}body:has(.topbar){padding:0 0 24px}.topbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(20px,calc((100vw - 1200px)/2));background:color-mix(in srgb,var(--container-bg) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-weight:800;font-size:17px;letter-spacing:-.3px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(120deg,var(--accent-color),var(--accent-color-2));font-size:18px}.brand-text em{font-style:normal;font-weight:600;color:var(--text-secondary)}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-link{color:var(--accent-color);font-weight:600;font-size:14px;text-decoration:none;padding:8px 14px;border-radius:999px;background:var(--accent-soft)}.topbar-link:hover{background:var(--accent-color);color:#fff}.topbar .theme-toggle,.topbar .language-switcher{position:static;box-shadow:none}.topbar .theme-toggle{width:40px;height:40px}.topbar .language-switcher{height:40px;padding:0 10px}.topbar .language-switcher label{display:none}.topbar .language-switcher select{border:none}body:has(.topbar) .container{margin-top:28px;background:transparent;border:none;box-shadow:none;padding:0 20px}.hero{display:grid;grid-template-columns:1fr;gap:24px;text-align:left;margin-bottom:24px;padding:40px;background:var(--container-bg);border:1px solid var(--border-color);border-radius:22px;box-shadow:0 1px 2px #0d16260a,0 20px 50px -24px var(--shadow-color);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(120deg,var(--accent-color),var(--accent-color-2) 55%,#0ea5e9)}.hero-eyebrow{display:inline-block;font-size:13px;font-weight:600;color:var(--accent-color);background:var(--accent-soft);padding:6px 12px;border-radius:999px;margin-bottom:16px}.hero h1{text-align:left;font-size:clamp(2rem,1.4rem + 2.4vw,3.1rem);line-height:1.08;letter-spacing:-1.5px;margin-bottom:16px}.hero .header-description,.hero .dopamine-hook{margin-left:0;max-width:520px}.hero .dopamine-hook{margin-top:12px}.hero .header-badges{justify-content:flex-start;margin:22px 0 0}.upload-card{margin:0;padding:24px;gap:12px;background:var(--card-bg);border-radius:18px}.step-head{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--text-primary)}.step-head h3{margin:0;font-size:17px}.upload-card .step-head:not(:first-child){margin-top:12px}.step-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent-color);color:#fff;font-size:13px;font-weight:700}.upload-card .upload-label,.upload-card label[for=photoSize]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.upload-card input[type=file]{padding:28px 16px;background:var(--container-bg)}.upload-card .camera-btn-open{width:100%;margin-top:0;padding:13px;font-size:15px}.or-divider{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:1px}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.fine-print{font-size:12px;color:var(--text-secondary)}body:has(.topbar) .stats-bar{margin:0 0 24px;background:var(--container-bg)}body:has(.topbar) .preview-section{background:var(--container-bg);border-radius:22px;margin-bottom:24px}.preview-section .step-head{justify-content:center;margin-bottom:20px}.preview-stage{padding:clamp(8px,2.5%,24px);border-radius:16px;background:var(--card-bg);border:1px dashed var(--border-color);display:flex;justify-content:center}.preview-stage #photoCanvas{max-height:min(1100px,82vh);width:auto}#photoCanvas.is-empty{display:none}.preview-empty{color:var(--text-secondary);font-size:14px;padding:40px 0}.preview-stage:has(#photoCanvas:not(.is-empty)) .preview-empty{display:none}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-grid .camera-feature-info{margin:0;background:var(--container-bg);border-radius:22px;padding:28px}.feature-grid .camera-feature-list{grid-template-columns:1fr}.feature-grid a{color:var(--accent-color);font-weight:600}body:has(.topbar) .app-footer{max-width:1200px;margin:40px auto 0;margin-inline:max(20px,calc((100vw - 1200px)/2))}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:28px 22px;gap:24px}.feature-grid{grid-template-columns:1fr}}@media(max-width:768px){body:has(.topbar){padding-top:0}.topbar .theme-toggle,.topbar .language-switcher{top:auto;right:auto}.topbar-link,.brand-text em{display:none}body:has(.topbar) .container{padding:0 14px}.hero .header-badges{flex-direction:row;align-items:flex-start}.hero .badge{width:auto}.hero .badge:nth-child(n+4){display:none}}@media print{.topbar,.stats-bar,.feature-grid,.preview-section .step-head,.preview-empty{display:none!important}.preview-stage{padding:0!important;border:none!important;background:#fff!important}}body.dark-mode .badge-primary{color:#c7d2fe;background:#6366f129}body.dark-mode .badge-warning,body.dark-mode .badge-fast{color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}.hero .dopamine-hook,body.dark-mode .hero .dopamine-hook{color:var(--text-secondary);font-weight:500}.site-footer{max-width:1200px;margin:40px auto 0;margin-inline:max(20px,calc((100vw - 1200px)/2));padding:32px;background:var(--container-bg);border:1px solid var(--border-color);border-radius:22px;color:var(--text-secondary);font-size:14px}.footer-cols{display:grid;grid-template-columns:1fr 2fr;gap:32px}.footer-about p{margin-top:12px;line-height:1.6;max-width:320px}.footer-links h3{font-size:15px;color:var(--text-primary);margin-bottom:12px}.footer-links ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.footer-links li{display:flex;flex-direction:column;gap:3px;line-height:1.5}.footer-links a{color:var(--accent-color);font-weight:700;text-decoration:none}.footer-links a:hover{text-decoration:underline}body.dark-mode .footer-links a,body.dark-mode .footer-bottom a{color:#a5b4fc}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color);font-size:13px}.footer-bottom a{color:var(--accent-color);font-weight:600}@media(max-width:768px){.site-footer{padding:22px;margin-inline:14px}.footer-cols,.footer-links ul{grid-template-columns:1fr}}@media print{.site-footer{display:none!important}}.upload-card .field-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.upload-card .bg-color-swatches{margin-top:0}#bgColorInput{width:30px;height:30px;border:none;padding:0;background:none;cursor:pointer}.feature-grid{grid-template-columns:1fr}.bg-swatch.swatch-none{background:repeating-conic-gradient(#d4d8e2 0% 25%,#fff 0% 50%) 50% / 10px 10px!important}.bg-swatch.swatch-original{display:grid;place-items:center;font-size:15px;line-height:1;background:var(--card-bg)}.preview-hint{margin:-8px 0 16px;font-size:13px;color:var(--text-secondary)}.preview-paper{margin:-8px 0 6px;font-size:13px;color:var(--text-secondary)}.preview-paper b{color:var(--text-primary)}#photoCanvas{touch-action:none}#photoCanvas.dragging{cursor:grabbing!important}.zoom-field{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:14px}.zoom-field input{width:110px;accent-color:var(--accent-color)}@media print{.preview-hint{display:none!important}}.print-hint{margin:14px 0 0}#customBgColor,#bgColorInput,.bg-color-swatches input[type=color]{width:30px;height:30px;padding:4px;border:none;border-radius:50%;cursor:pointer;background:conic-gradient(red,#fc0,#3d0,#0cf,#24f,#c0f,red);box-shadow:inset 0 0 0 1px #00000026}#customBgColor::-webkit-color-swatch-wrapper,#bgColorInput::-webkit-color-swatch-wrapper,.bg-color-swatches input[type=color]::-webkit-color-swatch-wrapper{padding:0}#customBgColor::-webkit-color-swatch,#bgColorInput::-webkit-color-swatch,.bg-color-swatches input[type=color]::-webkit-color-swatch{border:1px solid rgba(255,255,255,.85);border-radius:50%}#customBgColor::-moz-color-swatch,#bgColorInput::-moz-color-swatch,.bg-color-swatches input[type=color]::-moz-color-swatch{border:1px solid rgba(255,255,255,.85);border-radius:50%}.count-stepper{display:inline-flex;align-items:center;gap:6px}.count-stepper .count-step{width:34px;height:34px;padding:0;flex:none;border:1px solid var(--border-color);border-radius:50%;background:var(--input-bg);color:var(--text-primary);font-size:19px;line-height:1;font-weight:600;cursor:pointer;box-shadow:none}.count-stepper .count-step:hover{background:var(--accent-soft);border-color:var(--accent-color);color:var(--accent-color);transform:none}.count-stepper .image-count{width:68px}@media(max-width:768px){.count-stepper{flex:1;justify-content:center}}.hero-paid{max-width:52ch;margin:14px 0 0;font-size:15px;line-height:1.55;color:var(--text-secondary)}.hero-paid a{color:var(--accent-color);text-decoration:underline;text-underline-offset:2px}.print-setup{margin:14px auto 0;max-width:640px;padding:12px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);text-align:left}.print-setup-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.print-setup-head label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;color:var(--text-secondary)}.print-setup-head select{padding:5px 8px;border-radius:7px;border:1px solid var(--border-color);background:var(--container-bg);color:var(--text-primary);font:inherit;font-size:13px}.print-setup-list{margin:10px 0 0;padding-left:20px;font-size:14px;line-height:1.8;color:var(--text-secondary)}.print-setup-list b{color:var(--text-primary)}.print-setup-foot{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--text-secondary)}.upload-card{gap:8px;padding:18px}.upload-card .step-head{margin-top:6px}.upload-card .step-head:first-child{margin-top:0}.upload-card input[type=file]{padding:14px 16px}.field-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.field-row .field-label{margin:0}.upload-card .slider-group{margin-bottom:0}.image-list{margin-top:14px;padding:16px}.image-list h4{margin-bottom:12px}.image-item{gap:12px;padding:10px 12px}.image-list-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.image-list-head h4{margin:0}.corner-pick{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;color:var(--text-secondary)}.corner-pick select{padding:5px 8px;border-radius:7px;border:1px solid var(--border-color);background:var(--container-bg);color:var(--text-primary);font:inherit;font-size:13px}.cut-preview-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.cut-preview-row .cut-preview-zoom{flex:1 1 160px}button,a.btn-apply,.tool-btn,.btn-apply,.btn-outline,.btn-secondary,.bg-btn,.bg-swatch,.suit-option,.filter-btn,.print-btn,.remove-btn,.install-btn,.install-close,.theme-toggle,.size-options label,.nav-link,.footer-link,.topbar-link,.rail-btn{transition-duration:.06s;touch-action:manipulation}.paper-note{margin:10px 0 0;padding:10px 12px;border-radius:10px;border:1px solid #f59e0b;background:#f59e0b1f;color:inherit;font-size:13px;line-height:1.5}.paper-note[hidden]{display:none}.paper-note span[lang=bn]{display:inline-block;margin-top:6px}