.cmt-tool{--primary-color:#7B63FF;--primary-hover:#6247e5;--white:#FFFFFF;--black:#000000;--complement-1:#0D81FF;--complement-2:#2C4EF6;--complement-3:#5BFCAF;--complement-4:#7CDEF8;--complement-5:#94ABFF;--complement-6:#BC83FF;--complement-7:#DAFF8D;--complement-8:#FC7EBB;--complement-9:#FE766D;--complement-10:#FF3A90;--complement-11:#FF4040;--success-color:#5BFCAF;--success-hover:#4ae89d;--danger-color:#FF4040;--danger-hover:#e63939;--warning-color:#FE766D;--warning-hover:#fe6559;--info-color:#0D81FF;--info-hover:#0c6fe6;--secondary-color:#64748b;--secondary-hover:#556273;--background-color:#f8fafc;--card-bg:#ffffff;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--border-color-light:#cbd5e1;--border-radius:12px;--input-border-radius:8px;--btn-border-radius:60px;--space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:0.75rem;--space-sm:1rem;--space-md:1.25rem;--space-lg:1.5rem;--space-xl:2rem;--card-padding:var(--space-lg);--card-header-padding:1.25rem 1.5rem;--btn-padding:0.625rem 1.25rem;--input-padding:0.625rem 1rem;--gap-default:var(--space-2xs);--gap-lg:var(--space-sm);--stack-gap:var(--space-lg);--touch-min:44px;--font-family:'Work Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--fs-xs:0.85rem;--fs-sm:0.875rem;--fs-base:0.95rem;--fs-md:1rem;--fs-lg:1.1rem;--border-thin:1px solid var(--border-color);--border-input:2px solid var(--border-color-light);--border-strong:2px solid var(--border-color);--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 10px 10px -5px rgb(0 0 0 / 0.04);--focus-ring:0 0 0 3px rgba(123,99,255,0.15);--transition:all 0.2s ease-in-out;font-family:var(--font-family)}.cmt-tool .container,.cmt-tool .container-fluid{padding-left:15px !important;padding-right:15px !important}.cmt-tool .card{background:var(--card-bg);border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-md);transition:transform 0.2s ease,box-shadow 0.2s ease;margin-bottom:var(--stack-gap);overflow:hidden}.cmt-tool .card:hover{box-shadow:var(--shadow-lg)}.cmt-tool .card-body{padding:var(--card-padding)}.cmt-tool .card-header{background:linear-gradient(135deg,rgba(123,99,255,0.05) 0%,rgba(91,252,175,0.05) 100%);border-bottom:var(--border-strong);padding:var(--card-header-padding);font-weight:600;color:var(--text-main)}.cmt-tool .card-header.d-flex{flex-wrap:wrap;gap:var(--gap-lg) !important;min-height:auto !important}.cmt-tool .card-header .card-title{flex:1 1 auto !important;min-width:0 !important;margin-right:var(--space-sm) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.cmt-tool .card-header .d-flex.gap-2{flex:0 0 auto !important;flex-shrink:0 !important;white-space:nowrap !important}.cmt-tool .card-title{font-size:var(--fs-lg);display:flex;align-items:center;gap:var(--gap-default);margin:0}.cmt-tool .card-title i{color:var(--primary-color)}.cmt-tool .btn{border-radius:var(--btn-border-radius);padding:var(--btn-padding);font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-default);border:1px solid transparent}.cmt-tool .btn i{color:inherit}.cmt-tool .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.cmt-tool .btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.cmt-tool .btn:disabled{opacity:0.65;cursor:not-allowed;transform:none;box-shadow:none}.cmt-tool .btn:focus-visible,.cmt-tool .form-control:focus-visible,.cmt-tool .form-select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.cmt-tool .btn-primary{background-color:var(--primary-color);border:1px solid var(--primary-color);color:var(--white);font-weight:500}.cmt-tool .btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);color:var(--white)}.cmt-tool .btn-success{background-color:var(--success-color);border:1px solid var(--success-color);color:var(--black);font-weight:600}.cmt-tool .btn-success:hover:not(:disabled){background-color:var(--success-hover);border-color:var(--success-hover)}.cmt-tool .btn-danger{background-color:var(--danger-color);border:1px solid var(--danger-color);color:var(--white);font-weight:500}.cmt-tool .btn-secondary{background-color:var(--secondary-color);border:1px solid var(--secondary-color);color:var(--white);font-weight:500}.cmt-tool .input-group>.btn:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),.cmt-tool .input-group>.btn{border-radius:var(--btn-border-radius)}.cmt-tool .input-group>.form-control:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),.cmt-tool .input-group>.form-select:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-radius:var(--input-border-radius)}.cmt-tool input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),.cmt-tool select,.cmt-tool textarea,.cmt-tool .form-control,.cmt-tool .form-select{border-radius:var(--input-border-radius);border:var(--border-input);padding:var(--input-padding);transition:var(--transition);font-size:var(--fs-md)}.cmt-tool .form-control:hover,.cmt-tool .form-select:hover{border-color:var(--primary-color)}.cmt-tool .form-control:focus,.cmt-tool .form-select:focus{border-color:var(--primary-color);box-shadow:var(--focus-ring);outline:none}.cmt-tool .form-label{font-weight:500;color:var(--text-main);margin-bottom:var(--gap-default);font-size:0.9rem}.cmt-tool .form-control.is-invalid,.cmt-tool .form-select.is-invalid{border-color:var(--danger-color);box-shadow:0 0 0 3px rgba(255,64,64,0.15)}.cmt-tool .form-control.is-valid,.cmt-tool .form-select.is-valid{border-color:var(--success-color);box-shadow:0 0 0 3px rgba(91,252,175,0.15)}.cmt-tool .invalid-feedback,.cmt-tool .valid-feedback{display:block;width:100%;margin-top:var(--space-3xs);font-size:var(--fs-sm);font-weight:500}.cmt-tool .invalid-feedback{color:var(--danger-color)}.cmt-tool .valid-feedback{color:var(--success-color)}.cmt-tool p{margin-bottom:var(--space-sm);font-size:var(--fs-base);line-height:1.6;color:var(--text-main)}.cmt-tool i{color:var(--primary-color);transition:color 0.2s ease}.cmt-tool img,.cmt-tool canvas,.cmt-tool .preview-container{max-width:100% !important;height:auto !important}.cmt-tool [aria-live]{scroll-margin-top:var(--space-xl)}@media (max-width:768px){.cmt-tool h1,.cmt-tool .h1{font-size:calc(1.375rem + 1.5vw) !important}.cmt-tool h2,.cmt-tool .h2{font-size:calc(1.325rem + 0.9vw) !important}.cmt-tool h3,.cmt-tool .h3{font-size:calc(1.3rem + 0.6vw) !important}.cmt-tool .card-title{font-size:var(--fs-lg) !important}.cmt-tool .card-header.d-flex{flex-wrap:wrap !important}.cmt-tool .card-header .card-title{width:100% !important;margin-right:0 !important;margin-bottom:var(--space-xs) !important;white-space:normal !important}.cmt-tool .card-header .d-flex.gap-2{width:100% !important;justify-content:flex-start !important}}@media (max-width:576px){.cmt-tool .card-body{padding:var(--space-sm) !important}.cmt-tool .card-header{padding:var(--space-sm) !important}.cmt-tool .mb-4{margin-bottom:var(--stack-gap) !important}.cmt-tool .row>*{padding-left:10px !important;padding-right:10px !important}.cmt-tool .form-control,.cmt-tool .form-select,.cmt-tool .btn{min-height:var(--touch-min) !important}.cmt-tool .btn{width:100% !important;margin-bottom:var(--gap-default) !important}.cmt-tool .btn:last-child{margin-bottom:0 !important}.cmt-tool .d-flex.gap-2,.cmt-tool .btn-group-actions,.cmt-tool .card-header .d-flex{flex-direction:column !important;width:100% !important}.cmt-tool .card-header .card-title{margin-right:0 !important;margin-bottom:var(--space-sm) !important;text-align:center}.cmt-tool .input-group{flex-direction:column !important}.cmt-tool .input-group>.form-control,.cmt-tool .input-group>.input-group-text,.cmt-tool .input-group>.btn{width:100% !important;margin-left:0 !important;margin-top:-1px !important;border-radius:var(--input-border-radius) !important}.cmt-tool .icon-grid,.cmt-tool .color-grid{grid-template-columns:repeat(3,1fr) !important}}@media (prefers-reduced-motion:reduce){.cmt-tool *,.cmt-tool *::before,.cmt-tool *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.cmt-tool .btn:hover:not(:disabled){transform:none}}@media print{.cmt-tool .btn,.cmt-tool .cmt-tool-cta{display:none !important}.cmt-tool .card{box-shadow:none !important;border:var(--border-thin) !important}}