body{background-color:#f3f4f6}.container{margin:0 auto;max-width:800px}.preview-item{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin-bottom:1rem;overflow:hidden}.preview-item img{display:block;height:auto;width:100%}.preview-item a{background-color:#3b82f6;color:#fff;display:block;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:background-color .3s}.preview-item a:hover{background-color:#2563eb}#colorPreview{transition:transform .2s}#colorPreview:hover{transform:scale(1.1)}#processButton{width:100%}#previewContainer{display:flex;flex-direction:column;gap:1rem}.modal{background-color:rgba(0,0,0,.9);cursor:pointer;display:flex;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{display:block;left:50%;margin:auto;max-height:80%;max-width:80%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.hidden{display:none}.loader{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-loader{align-items:center;background-color:hsla(0,0%,100%,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.processing-loader{display:none;margin-top:10px}#pasteArea span{color:#3b82f6!important;font-weight:400}#pasteArea:hover span{color:#2563eb!important}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem}#processButton,#resetButton{font-size:.875rem;padding:.5rem 1rem}#watermarkColor,#watermarkDensity,#watermarkSize{font-size:.875rem}.preview-item img{height:auto;max-width:100%}}.button-container{display:flex;width:100%}.process-button{flex:1.618}.process-button,.reset-button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reset-button{flex:1}@media (max-width:640px){.process-button,.reset-button{font-size:.875rem;padding:.5rem .75rem}}#imagePreviewArea{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}#imagePreviewArea img{border-radius:.25rem;height:4rem;-o-object-fit:cover;object-fit:cover;width:4rem}select:disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f3f3f3;color:#999;cursor:not-allowed}.button-group{display:flex;margin-top:.5rem}.copy-button,.download-button{border:none;color:#fff;cursor:pointer;flex:1;padding:.5rem;text-align:center;text-decoration:none;transition:background-color .3s}.download-button{background-color:#3b82f6;border-radius:.25rem 0 0 .25rem}.copy-button{background-color:#1f2937;border-radius:0 .25rem .25rem 0}.download-button:hover{background-color:#2563eb}.copy-button:hover{background-color:#111827}.copy-button{margin-left:0}.toast{background-color:rgba(0,0,0,.7);border-radius:5px;bottom:20px;color:#fff;left:50%;opacity:0;padding:10px 20px;position:fixed;transform:translateX(-50%);transition:opacity .3s ease-in-out;z-index:1000}.toast.show{opacity:1}.email-link{color:#3b82f6;text-decoration:none;transition:color .3s ease}.email-link:hover{color:#2563eb;text-decoration:underline}.step-container{flex:1;flex-direction:column;min-width:0;position:relative;text-align:center}.step-circle,.step-container{align-items:center;display:flex}.step-circle{background-color:#3b82f6;border-radius:9999px;flex-shrink:0;height:4rem;justify-content:center;margin-bottom:.75rem;width:4rem}.step-title{font-size:1.125rem;font-weight:600;line-height:1.2;margin-bottom:.25rem;min-height:1.5em}.step-detail{color:#6b7280;font-size:.875rem;line-height:1.4;min-height:1.4em}.step-line{flex:1;max-width:100px;position:relative}.step-line:before{background-color:#93c5fd;content:"";height:2px;left:0;position:absolute;right:0;top:2rem}@media (max-width:640px){.step-container{padding:0 .5rem}.step-circle{height:3rem;width:3rem}.step-title{font-size:1rem;min-height:1.2em}.step-detail{font-size:.75rem;min-height:1.2em}.step-line{max-width:40px}}.group:hover .opacity-0{opacity:1}.group .absolute{transition:opacity .2s ease-in-out}.group button:hover{background-color:#ef4444;transform:scale(1.1)}@media (max-width:640px){.brand-name-full{display:none}.brand-name-short{display:block}.nav-container{padding-left:.5rem;padding-right:.5rem}.nav-space{gap:.5rem}}@media (min-width:641px){.brand-name-full{display:block}.brand-name-short{display:none}}
