:root{--itpc-primary-color:#4a6fa5;--itpc-secondary-color:#6b8cae;--itpc-accent-color:#ff7e5f;--itpc-light-color:#f8f9fa;--itpc-dark-color:#343a40}.itpc-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.itpc-header{text-align:center;margin-bottom:30px;padding:20px 0;background-color:var(--itpc-primary-color);color:#fff;border-radius:8px;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.itpc-header h1{font-size:2rem;margin-bottom:10px;color:#fff}.itpc-converter-section{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}.itpc-upload-section,.itpc-settings-section{flex:1;min-width:300px;background-color:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.itpc-preview-section{width:100%;background-color:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1);margin-bottom:30px}.itpc-form-group{margin-bottom:25px}.itpc-form-group label{display:block;margin-bottom:8px;font-weight:600}input[type="file"]{width:100%;padding:10px;border:2px dashed #ccc;border-radius:4px;background-color:var(--itpc-light-color)}select,input[type="number"],input[type="color"],input[type="text"]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#fff;margin-top:5px}.itpc-checkbox-group{display:flex;align-items:center;margin:15px 0}.itpc-checkbox-group input{margin-right:10px}.itpc-button{background-color:var(--itpc-primary-color);color:#fff;border:none;padding:14px 20px;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color 0.3s;width:100%;margin:20px 0 15px}.itpc-button:hover{background-color:var(--itpc-secondary-color)}.itpc-button:disabled{background-color:#ccc;cursor:not-allowed}.itpc-preview-container{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;justify-content:center;padding:10px 0}.itpc-image-preview{position:relative;width:150px;height:200px;border:1px solid #ddd;overflow:hidden;margin:0 auto}.itpc-image-preview img{width:100%;height:100%;object-fit:contain}.itpc-remove-image{position:absolute;top:5px;right:5px;background-color:rgb(255 0 0 / .7);color:#fff;border:none;border-radius:50%;width:25px;height:25px;font-size:12px;cursor:pointer;z-index:2}.itpc-cut-image{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);background-color:rgb(255 165 0 / .8);color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer;z-index:2}.itpc-image-preview.cut{opacity:.5;position:relative}.itpc-image-preview.cut::after{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:red;z-index:1}.itpc-progress-bar{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;margin-top:20px;overflow:hidden;display:none}.itpc-progress{height:100%;background-color:var(--itpc-accent-color);width:0%;transition:width 0.3s}.itpc-status-message{margin-top:10px;text-align:center;font-style:italic;color:var(--itpc-secondary-color)}.itpc-advanced-options{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.itpc-toggle-advanced{background:none;border:none;color:var(--itpc-primary-color);text-decoration:underline;cursor:pointer;font-size:.9rem;padding:10px 0;width:auto;margin:15px 0}.itpc-size-inputs{display:flex;gap:15px}.itpc-size-inputs input{flex:1}@media (max-width:1024px){.itpc-preview-container{grid-template-columns:repeat(3,1fr);display:grid;gap:15px}.itpc-image-preview{width:100%;height:auto;aspect-ratio:3/4}}@media (max-width:768px){.itpc-converter-section{flex-direction:column}.itpc-header h1{font-size:1.5rem}.itpc-preview-container{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width:480px){.itpc-container{padding:15px}.itpc-upload-section,.itpc-settings-section,.itpc-preview-section{padding:20px}.itpc-preview-container{grid-template-columns:repeat(2,1fr);gap:10px}.itpc-image-preview{width:100%;height:auto;aspect-ratio:3/4}}