.tool-card{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-5);background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.tool-card:hover{border-color:var(--color-border-brand);filter:drop-shadow(0 1px 3px 0 rgba(16,24,40,.1019607843)) drop-shadow(1px 2px 0 rgba(16,24,40,.0588235294))}.tool-card__badge{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;display:inline-block;width:-moz-fit-content;width:fit-content;padding:var(--spacing-0-5) var(--spacing-2);background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-tertiary)}.tool-card__title{font-size:16px;font-weight:600;line-height:24px;color:var(--color-text-primary)}.tool-card__description,.tool-card__title{font-family:var(--font-inter,Inter);margin:0}.tool-card__description{font-size:12px;font-weight:400;line-height:18px;color:var(--color-text-secondary);flex:1 1}.tool-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-1)}.tool-card__cta{font-weight:600;color:var(--color-text-brand-primary)}.tool-card__api-badge,.tool-card__cta{font-family:var(--font-inter,Inter);font-size:12px;line-height:18px}.tool-card__api-badge{font-weight:500;padding:var(--spacing-0-5) var(--spacing-2);background:var(--color-bg-brand-solid);color:var(--color-fg-white);border-radius:var(--radius-full)}.image-preview-card{flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);position:relative;width:140px}.image-preview-card,.image-preview-card__thumb{display:flex;align-items:center;background:var(--color-bg-tertiary)}.image-preview-card__thumb{width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;justify-content:center}.image-preview-card__thumb img{width:100%;height:100%;object-fit:cover}.image-preview-card__info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-0-5);width:100%;overflow:hidden}.image-preview-card__name{font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.image-preview-card__name,.image-preview-card__size{font-family:var(--font-inter,Inter);font-size:12px;line-height:18px}.image-preview-card__size{font-weight:400;color:var(--color-text-tertiary)}.image-preview-card__remove{position:absolute;top:var(--spacing-1);right:var(--spacing-1);width:20px;height:20px;border-radius:var(--radius-full);border:none;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.image-preview-card__remove:hover{background:var(--color-bg-error-secondary);color:var(--color-text-error-primary)}.ad-image-resizer{display:flex;flex-direction:column;gap:var(--spacing-5)}.ad-image-resizer--dropzone{border:2px dashed var(--color-border-secondary);border-radius:var(--radius-xl);padding:var(--spacing-10);text-align:center;cursor:pointer;transition:border-color .2s}.ad-image-resizer--dropzone-active,.ad-image-resizer--dropzone:hover{border-color:var(--color-border-brand)}.ad-image-resizer--dropzone p{color:var(--color-text-tertiary);margin:0}.ad-image-resizer--dropzone p,.ad-image-resizer--dropzone-filename{font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px}.ad-image-resizer--dropzone-filename{color:var(--color-text-primary)}.ad-image-resizer--dropzone-previews{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3)}.ad-image-resizer--presets{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-3);gap:var(--spacing-3)}.ad-image-resizer--preset-card{display:flex;flex-direction:column;gap:var(--spacing-0-5);padding:var(--spacing-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-surface-card);cursor:pointer;transition:border-color .2s,background-color .2s;text-align:left}.ad-image-resizer--preset-card:hover{border-color:var(--color-border-brand)}.ad-image-resizer--preset-card.active{border-color:var(--color-border-brand-solid);background:var(--color-bg-brand-secondary)}.ad-image-resizer--preset-card.active .ad-image-resizer--preset-card-dims,.ad-image-resizer--preset-card.active .ad-image-resizer--preset-card-platform{color:var(--color-text-primary)}.ad-image-resizer--preset-card-label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:600;line-height:18px;color:var(--color-text-primary)}.ad-image-resizer--preset-card-dims{color:var(--color-text-tertiary)}.ad-image-resizer--preset-card-dims,.ad-image-resizer--preset-card-platform{font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px}.ad-image-resizer--preset-card-platform{color:var(--color-text-quaternary)}.ad-image-resizer--controls{display:flex;gap:var(--spacing-3);align-items:center;flex-wrap:wrap}.ad-image-resizer--fit-toggle{display:flex;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden}.ad-image-resizer--fit-toggle-btn{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;padding:var(--spacing-2) var(--spacing-3);border:none;background:var(--color-bg-surface-card);color:var(--color-text-tertiary);cursor:pointer;transition:background-color .2s,color .2s}.ad-image-resizer--fit-toggle-btn.active{background:var(--color-bg-brand-solid);color:var(--color-fg-white)}.ad-image-resizer--fit-toggle-btn:not(.active):hover{background:var(--color-bg-secondary-hover)}.ad-image-resizer--actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.ad-image-resizer--btn-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.ad-image-resizer--btn-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.ad-image-resizer--btn{font-family:var(--font-inter,Inter);font-size:14px;font-weight:500;line-height:20px;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);background:var(--button-primary-bg);color:var(--button-primary-fg);cursor:pointer;transition:background .2s}.ad-image-resizer--btn:hover:not(:disabled){background:var(--button-primary-bg-hover)}.ad-image-resizer--btn:disabled{background:var(--button-bg-disabled);color:var(--button-fg-disabled);cursor:not-allowed}@media(max-width:480px){.ad-image-resizer{gap:var(--spacing-4)}.ad-image-resizer--dropzone{padding:var(--spacing-6) var(--spacing-4)}.ad-image-resizer--presets{grid-template-columns:repeat(2,1fr)}.ad-image-resizer--controls{flex-direction:column;align-items:stretch}.ad-image-resizer--fit-toggle{width:100%}.ad-image-resizer--fit-toggle-btn{flex:1 1}.ad-image-resizer--btn{width:100%}}.cac-calculator{display:flex;flex-direction:column;gap:var(--spacing-5)}.cac-calculator__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.cac-calculator__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.cac-calculator__field label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary)}.cac-calculator__field input{padding:var(--spacing-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;background:var(--color-bg-surface-card);color:var(--color-text-primary)}.cac-calculator__field input:focus{outline:none;border-color:var(--color-border-brand);filter:drop-shadow(0 0 0 4px rgba(119,159,237,.2392156863))}.cac-calculator__field input::placeholder{color:var(--color-text-disabled)}.cac-calculator__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.cac-calculator__button-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.cac-calculator__button-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.cac-calculator__button{padding:var(--spacing-2) var(--spacing-4);background:var(--button-primary-bg);color:var(--button-primary-fg);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.cac-calculator__button:hover{background:var(--button-primary-bg-hover)}.cac-calculator__button:disabled{background:var(--button-bg-disabled);color:var(--button-fg-disabled);border-color:var(--button-border-disabled);cursor:not-allowed}.cac-calculator__results{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-3);gap:var(--spacing-3)}@media(max-width:480px){.cac-calculator__results{grid-template-columns:1fr}}.cac-calculator__metric{padding:var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-1)}.cac-calculator__metric--primary{grid-column:1/-1;text-align:center}.cac-calculator__metric-value{font-family:var(--font-inter,Inter);font-size:24px;font-weight:700;line-height:32px;text-transform:capitalize}.cac-calculator__metric-label{font-weight:400;color:var(--color-text-secondary)}.cac-calculator__error,.cac-calculator__metric-label{font-family:var(--font-inter,Inter);font-size:12px;line-height:18px}.cac-calculator__error{padding:var(--spacing-3);background:var(--color-bg-error-secondary);color:var(--color-text-error-primary);border-radius:var(--radius-md);font-weight:500}.cpm-cpc-calculator{display:flex;flex-direction:column;gap:var(--spacing-5)}.cpm-cpc-calculator__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.cpm-cpc-calculator__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.cpm-cpc-calculator__field label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary)}.cpm-cpc-calculator__field input{padding:var(--spacing-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;background:var(--color-bg-surface-card);color:var(--color-text-primary)}.cpm-cpc-calculator__field input:focus{outline:none;border-color:var(--color-border-brand);filter:drop-shadow(0 0 0 4px rgba(119,159,237,.2392156863))}.cpm-cpc-calculator__field input::placeholder{color:var(--color-text-disabled)}.cpm-cpc-calculator__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.cpm-cpc-calculator__button-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.cpm-cpc-calculator__button-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.cpm-cpc-calculator__button{padding:var(--spacing-2) var(--spacing-4);background:var(--button-primary-bg);color:var(--button-primary-fg);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.cpm-cpc-calculator__button:hover{background:var(--button-primary-bg-hover)}.cpm-cpc-calculator__button:disabled{background:var(--button-bg-disabled);color:var(--button-fg-disabled);border-color:var(--button-border-disabled);cursor:not-allowed}.cpm-cpc-calculator__results{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-3);gap:var(--spacing-3)}@media(max-width:480px){.cpm-cpc-calculator__results{grid-template-columns:1fr}}.cpm-cpc-calculator__metric{padding:var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-1)}.cpm-cpc-calculator__metric-value{font-family:var(--font-inter,Inter);font-size:24px;font-weight:700;line-height:32px}.cpm-cpc-calculator__metric-label{font-weight:400;color:var(--color-text-secondary)}.cpm-cpc-calculator__error,.cpm-cpc-calculator__metric-label{font-family:var(--font-inter,Inter);font-size:12px;line-height:18px}.cpm-cpc-calculator__error{padding:var(--spacing-3);background:var(--color-bg-error-secondary);color:var(--color-text-error-primary);border-radius:var(--radius-md);font-weight:500}.engagement-rate-calculator{display:flex;flex-direction:column;gap:var(--spacing-5)}.engagement-rate-calculator__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.engagement-rate-calculator__row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-3);gap:var(--spacing-3)}@media(max-width:480px){.engagement-rate-calculator__row{grid-template-columns:1fr}}.engagement-rate-calculator__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.engagement-rate-calculator__field label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary)}.engagement-rate-calculator__field input{padding:var(--spacing-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;background:var(--color-bg-surface-card);color:var(--color-text-primary)}.engagement-rate-calculator__field input:focus{outline:none;border-color:var(--color-border-brand);filter:drop-shadow(0 0 0 4px rgba(119,159,237,.2392156863))}.engagement-rate-calculator__field input::placeholder{color:var(--color-text-disabled)}.engagement-rate-calculator__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.engagement-rate-calculator__button-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.engagement-rate-calculator__button-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.engagement-rate-calculator__button{padding:var(--spacing-2) var(--spacing-4);background:var(--button-primary-bg);color:var(--button-primary-fg);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.engagement-rate-calculator__button:hover{background:var(--button-primary-bg-hover)}.engagement-rate-calculator__button:disabled{background:var(--button-bg-disabled);color:var(--button-fg-disabled);border-color:var(--button-border-disabled);cursor:not-allowed}.engagement-rate-calculator__results{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-3);gap:var(--spacing-3)}@media(max-width:480px){.engagement-rate-calculator__results{grid-template-columns:1fr}}.engagement-rate-calculator__metric{padding:var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-1)}.engagement-rate-calculator__metric--primary{grid-column:1/-1;text-align:center}.engagement-rate-calculator__metric-value{font-family:var(--font-inter,Inter);font-size:24px;font-weight:700;line-height:32px;text-transform:capitalize}.engagement-rate-calculator__metric-label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px;color:var(--color-text-secondary)}.engagement-rate-calculator__error{padding:var(--spacing-3);background:var(--color-bg-error-secondary);color:var(--color-text-error-primary);border-radius:var(--radius-md);font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px}.heic-to-jpg{display:flex;flex-direction:column;gap:var(--spacing-5)}.heic-to-jpg--dropzone{border:2px dashed var(--color-border-secondary);border-radius:var(--radius-xl);padding:var(--spacing-10);text-align:center;cursor:pointer;transition:border-color .2s}.heic-to-jpg--dropzone-active,.heic-to-jpg--dropzone:hover{border-color:var(--color-border-brand)}.heic-to-jpg--dropzone-input{display:none}.heic-to-jpg--dropzone-title{font-family:var(--font-inter,Inter);font-size:16px;font-weight:600;line-height:24px;color:var(--color-text-primary);margin:0 0 var(--spacing-1)}.heic-to-jpg--dropzone-hint{font-size:12px;line-height:18px;color:var(--color-text-tertiary)}.heic-to-jpg--dropzone-filename,.heic-to-jpg--dropzone-hint{font-family:var(--font-inter,Inter);font-weight:400;margin:0}.heic-to-jpg--dropzone-filename{font-size:14px;line-height:20px;color:var(--color-text-primary)}.heic-to-jpg--dropzone-size{color:var(--color-text-tertiary)}.heic-to-jpg--dropzone-previews{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3)}.heic-to-jpg--controls{display:flex;gap:var(--spacing-3);align-items:center;flex-wrap:wrap}.heic-to-jpg--slider{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1 1;min-width:160px}.heic-to-jpg--slider-label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px;color:var(--color-text-tertiary)}.heic-to-jpg--slider input[type=range]{width:100%;accent-color:var(--color-fg-brand-primary)}.heic-to-jpg--actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.heic-to-jpg--btn-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.heic-to-jpg--btn-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.heic-to-jpg--btn{font-family:var(--font-inter,Inter);font-size:14px;font-weight:500;line-height:20px;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);background:var(--button-primary-bg);color:var(--button-primary-fg);cursor:pointer;white-space:nowrap;transition:background .2s}.heic-to-jpg--btn:hover{background:var(--button-primary-bg-hover)}.heic-to-jpg--btn:disabled{background:var(--button-bg-disabled);color:var(--button-fg-disabled);cursor:not-allowed}.heic-to-jpg--error{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-error-primary);background:var(--color-bg-error-secondary);border:1px solid var(--color-border-error);border-radius:var(--radius-md);padding:var(--spacing-3);margin:0}.heic-to-jpg--results{display:flex;gap:var(--spacing-4);align-items:center;flex-wrap:wrap}.heic-to-jpg--results-sizes{display:flex;gap:var(--spacing-3);font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;color:var(--color-text-primary)}@media(max-width:480px){.heic-to-jpg--dropzone{padding:var(--spacing-6)}.heic-to-jpg--controls,.heic-to-jpg--results{flex-direction:column;align-items:stretch}.heic-to-jpg--results-sizes{flex-direction:column;gap:var(--spacing-1)}}.image-compressor{display:flex;flex-direction:column;gap:var(--spacing-5)}.image-compressor--dropzone{border:2px dashed var(--color-border-secondary);border-radius:var(--radius-xl);padding:var(--spacing-6);text-align:center;cursor:pointer;transition:border-color .2s}.image-compressor--dropzone-active,.image-compressor--dropzone:hover{border-color:var(--color-border-brand)}.image-compressor--dropzone-label{font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;color:var(--color-text-tertiary);margin:0}.image-compressor--dropzone-previews{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3)}.image-compressor--controls{display:flex;gap:var(--spacing-3);align-items:center;flex-wrap:wrap}.image-compressor--slider-label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-2);flex:1 1}.image-compressor--slider{flex:1 1;min-width:120px;accent-color:var(--color-fg-brand-primary)}.image-compressor--results{display:flex;flex-direction:column;gap:var(--spacing-3)}.image-compressor--results-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.image-compressor--results-name{font-weight:600;color:var(--color-text-primary);flex:1 1;overflow:hidden;text-overflow:ellipsis}.image-compressor--results-name,.image-compressor--results-value{font-family:var(--font-inter,Inter);font-size:12px;line-height:18px;white-space:nowrap}.image-compressor--results-value{font-weight:400;color:var(--color-text-secondary)}.image-compressor--actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.image-compressor--btn-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.image-compressor--btn-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.image-compressor--btn{font-family:var(--font-inter,Inter);font-size:14px;font-weight:500;line-height:20px;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);background:var(--button-primary-bg);color:var(--button-primary-fg);cursor:pointer;transition:background .2s;white-space:nowrap}.image-compressor--btn:hover{background:var(--button-primary-bg-hover)}.image-compressor--btn:disabled{background:var(--button-bg-disabled);color:var(--button-fg-disabled);cursor:not-allowed}@media(max-width:480px){.image-compressor{gap:var(--spacing-4)}.image-compressor--dropzone{padding:var(--spacing-4)}.image-compressor--controls{flex-direction:column;align-items:stretch}.image-compressor--results-row{flex-direction:column;align-items:flex-start}}.image-format-converter{display:flex;flex-direction:column;gap:var(--spacing-5)}.image-format-converter--dropzone{border:2px dashed var(--color-border-secondary);border-radius:var(--radius-xl);padding:var(--spacing-10);text-align:center;cursor:pointer;transition:border-color .2s}.image-format-converter--dropzone-active,.image-format-converter--dropzone:hover{border-color:var(--color-border-brand)}.image-format-converter--dropzone-hint{color:var(--color-text-tertiary)}.image-format-converter--dropzone-filename,.image-format-converter--dropzone-hint{font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;margin:0}.image-format-converter--dropzone-filename{color:var(--color-text-primary);word-break:break-all}.image-format-converter--dropzone-previews{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3)}.image-format-converter--formats{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.image-format-converter--format-btn{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-surface-card);color:var(--color-text-primary);cursor:pointer;transition:border-color .2s,background-color .2s}.image-format-converter--format-btn:hover{border-color:var(--color-border-brand)}.image-format-converter--format-btn.active{border-color:var(--color-border-brand-solid);background:var(--color-bg-brand-solid);color:var(--color-fg-white)}.image-format-converter--controls{display:flex;flex-direction:column;gap:var(--spacing-2)}.image-format-converter--label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px;color:var(--color-text-tertiary)}.image-format-converter--slider{width:100%;accent-color:var(--color-fg-brand-primary)}.image-format-converter--actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.image-format-converter--btn-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.image-format-converter--btn-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.image-format-converter--btn{font-family:var(--font-inter,Inter);font-size:14px;font-weight:500;line-height:20px;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);background:var(--button-primary-bg);color:var(--button-primary-fg);cursor:pointer;align-self:flex-start;transition:background .2s}.image-format-converter--btn:hover{background:var(--button-primary-bg-hover)}.image-format-converter--btn:disabled{background:var(--button-bg-disabled);color:var(--button-fg-disabled);cursor:not-allowed}.image-format-converter--results{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.image-format-converter--results-row{display:flex;justify-content:space-between;font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px;color:var(--color-text-primary)}@media(max-width:480px){.image-format-converter{gap:var(--spacing-4)}.image-format-converter--dropzone{padding:var(--spacing-6)}.image-format-converter--formats{flex-direction:column}.image-format-converter--format-btn{text-align:center}.image-format-converter--btn{align-self:stretch;text-align:center}}.invoice-generator,.invoice-generator__form{display:flex;flex-direction:column;gap:var(--spacing-5)}.invoice-generator__section{display:flex;flex-direction:column;gap:var(--spacing-3);padding-bottom:var(--spacing-5);border-bottom:1px solid var(--color-border-primary)}.invoice-generator__section-title{font-family:var(--font-inter,Inter);font-size:16px;font-weight:600;line-height:24px;color:var(--color-text-primary);margin:0}.invoice-generator__row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-3);gap:var(--spacing-3)}@media(max-width:480px){.invoice-generator__row{grid-template-columns:1fr}}.invoice-generator__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.invoice-generator__field label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary)}.invoice-generator__field input{padding:var(--spacing-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;background:var(--color-bg-surface-card);color:var(--color-text-primary)}.invoice-generator__field input:focus{outline:none;border-color:var(--color-border-brand);filter:drop-shadow(0 0 0 4px rgba(119,159,237,.2392156863))}.invoice-generator__field input::placeholder{color:var(--color-text-disabled)}.invoice-generator__table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.invoice-generator__table{width:100%;border-collapse:collapse;min-width:500px}.invoice-generator__table th{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary);padding:var(--spacing-2) var(--spacing-1);text-align:left;border-bottom:2px solid var(--color-border-primary)}.invoice-generator__table td{padding:var(--spacing-1);border-bottom:1px solid var(--color-border-secondary);vertical-align:middle}.invoice-generator__table td input{width:100%;padding:var(--spacing-1-5);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px;background:var(--color-bg-surface-card);color:var(--color-text-primary)}.invoice-generator__table td input:focus{outline:none;border-color:var(--color-border-brand)}.invoice-generator__table td:nth-child(2),.invoice-generator__table th:nth-child(2){width:80px}.invoice-generator__table td:nth-child(3),.invoice-generator__table th:nth-child(3){width:120px}.invoice-generator__table td:nth-child(4),.invoice-generator__table th:nth-child(4){width:100px}.invoice-generator__table td:nth-child(5),.invoice-generator__table th:nth-child(5){width:40px}.invoice-generator__line-total{color:var(--color-text-primary);white-space:nowrap}.invoice-generator__add-row,.invoice-generator__line-total{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px}.invoice-generator__add-row{color:var(--color-text-brand-primary);background:none;border:none;cursor:pointer;padding:var(--spacing-2) 0;align-self:flex-start}.invoice-generator__add-row:hover{opacity:.8}.invoice-generator__remove-row{background:none;border:none;color:var(--color-fg-error-primary);font-family:var(--font-inter,Inter);font-size:16px;font-weight:400;line-height:24px;cursor:pointer;padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--radius-sm)}.invoice-generator__remove-row:hover{background:var(--color-bg-error-secondary)}.invoice-generator__remove-row:disabled{opacity:.3;cursor:not-allowed}.invoice-generator__totals{display:flex;flex-direction:column;gap:var(--spacing-1);align-items:flex-end}.invoice-generator__totals-row{display:flex;justify-content:space-between;gap:var(--spacing-12);font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary)}.invoice-generator__totals-grand{font-family:var(--font-inter,Inter);font-size:24px;font-weight:700;line-height:32px;color:var(--color-text-primary);padding-top:var(--spacing-2);border-top:2px solid var(--color-border-primary)}.invoice-generator__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.invoice-generator__button-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.invoice-generator__button-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.invoice-generator__button{padding:var(--spacing-2) var(--spacing-4);background:var(--button-primary-bg);color:var(--button-primary-fg);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.invoice-generator__button:hover{background:var(--button-primary-bg-hover)}.invoice-generator__print-view{display:none}.invoice-generator__print-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.invoice-generator__print-header p{margin:2px 0;font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px;color:#555}.invoice-generator__print-company{font-size:22px;font-weight:700;margin:0 0 4px}.invoice-generator__print-title{font-size:32px;font-weight:700;color:#111;margin:0}.invoice-generator__print-meta{display:flex;justify-content:space-between;margin-bottom:32px}.invoice-generator__print-meta h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#888;margin:0 0 6px}.invoice-generator__print-meta p{margin:2px 0;font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px}.invoice-generator__print-details{text-align:right}.invoice-generator__print-details p{margin:4px 0;font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px}.invoice-generator__print-table{width:100%;border-collapse:collapse;margin-bottom:24px}.invoice-generator__print-table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#888;text-align:left;padding:8px 12px;border-bottom:2px solid #ddd}.invoice-generator__print-table td{padding:10px 12px;border-bottom:1px solid #eee;font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px}.invoice-generator__print-table td:last-child,.invoice-generator__print-table th:last-child{text-align:right}.invoice-generator__print-table td:nth-child(2),.invoice-generator__print-table td:nth-child(3),.invoice-generator__print-table th:nth-child(2),.invoice-generator__print-table th:nth-child(3){text-align:right;width:100px}.invoice-generator__print-totals{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.invoice-generator__print-totals-row{display:flex;justify-content:space-between;gap:48px;font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;padding:4px 12px}.invoice-generator__print-totals-grand{font-size:18px;font-weight:700;border-top:2px solid #333;padding-top:8px;margin-top:4px}.ltv-calculator{display:flex;flex-direction:column;gap:var(--spacing-5)}.ltv-calculator__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.ltv-calculator__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.ltv-calculator__field label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary)}.ltv-calculator__field input{padding:var(--spacing-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;background:var(--color-bg-surface-card);color:var(--color-text-primary)}.ltv-calculator__field input:focus{outline:none;border-color:var(--color-border-brand);filter:drop-shadow(0 0 0 4px rgba(119,159,237,.2392156863))}.ltv-calculator__field input::placeholder{color:var(--color-text-disabled)}.ltv-calculator__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.ltv-calculator__button-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.ltv-calculator__button-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.ltv-calculator__button{padding:var(--spacing-2) var(--spacing-4);background:var(--button-primary-bg);color:var(--button-primary-fg);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.ltv-calculator__button:hover{background:var(--button-primary-bg-hover)}.ltv-calculator__button:disabled{background:var(--button-bg-disabled);color:var(--button-fg-disabled);border-color:var(--button-border-disabled);cursor:not-allowed}.ltv-calculator__results{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-3);gap:var(--spacing-3)}@media(max-width:480px){.ltv-calculator__results{grid-template-columns:1fr}}.ltv-calculator__metric{padding:var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-1)}.ltv-calculator__metric--primary{grid-column:1/-1;text-align:center}.ltv-calculator__metric-value{font-family:var(--font-inter,Inter);font-size:24px;font-weight:700;line-height:32px;text-transform:capitalize}.ltv-calculator__metric-label{font-weight:400;color:var(--color-text-secondary)}.ltv-calculator__error,.ltv-calculator__metric-label{font-family:var(--font-inter,Inter);font-size:12px;line-height:18px}.ltv-calculator__error{padding:var(--spacing-3);background:var(--color-bg-error-secondary);color:var(--color-text-error-primary);border-radius:var(--radius-md);font-weight:500}.meta-generator{display:flex;flex-direction:column;gap:var(--spacing-5)}.meta-generator__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.meta-generator__row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-3);gap:var(--spacing-3)}@media(max-width:480px){.meta-generator__row{grid-template-columns:1fr}}.meta-generator__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.meta-generator__field label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary)}.meta-generator__field input,.meta-generator__field select{padding:var(--spacing-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;background:var(--color-bg-surface-card);color:var(--color-text-primary)}.meta-generator__field input:focus,.meta-generator__field select:focus{outline:none;border-color:var(--color-border-brand);filter:drop-shadow(0 0 0 4px rgba(119,159,237,.2392156863))}.meta-generator__field input::placeholder,.meta-generator__field select::placeholder{color:var(--color-text-disabled)}.meta-generator__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.meta-generator__button-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.meta-generator__button-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.meta-generator__button{padding:var(--spacing-2) var(--spacing-4);background:var(--button-primary-bg);color:var(--button-primary-fg);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.meta-generator__button:hover{background:var(--button-primary-bg-hover)}.meta-generator__button:disabled{background:var(--button-bg-disabled);color:var(--button-fg-disabled);cursor:not-allowed}.meta-generator__results{display:flex;flex-direction:column;gap:var(--spacing-5)}.meta-generator__section{display:flex;flex-direction:column;gap:var(--spacing-3)}.meta-generator__section-title{font-family:var(--font-inter,Inter);font-size:14px;font-weight:700;line-height:20px;margin:0}.meta-generator__section-hint{font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px;color:var(--color-text-secondary);margin:0}.meta-generator__suggestion{padding:var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-2)}.meta-generator__suggestion-text{font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;color:var(--color-text-primary);word-break:break-word}.meta-generator__suggestion-footer{display:flex;justify-content:space-between;align-items:center}.meta-generator__char-count{font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px;color:var(--color-text-secondary)}.meta-generator__char-count--over{color:var(--color-text-warning-primary)}.meta-generator__copy-btn{padding:var(--spacing-0-5) var(--spacing-3);background:var(--button-primary-bg);color:var(--button-primary-fg);border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px}.meta-generator__copy-btn:hover{background:var(--button-primary-bg-hover)}.meta-generator__error{padding:var(--spacing-3);background:var(--color-bg-error-secondary);color:var(--color-text-error-primary);border-radius:var(--radius-md);font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px}.profit-margin-calculator{display:flex;flex-direction:column;gap:var(--spacing-5)}.profit-margin-calculator__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.profit-margin-calculator__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.profit-margin-calculator__field label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary)}.profit-margin-calculator__field input{padding:var(--spacing-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;background:var(--color-bg-surface-card);color:var(--color-text-primary)}.profit-margin-calculator__field input:focus{outline:none;border-color:var(--color-border-brand);filter:drop-shadow(0 0 0 4px rgba(119,159,237,.2392156863))}.profit-margin-calculator__field input::placeholder{color:var(--color-text-disabled)}.profit-margin-calculator__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.profit-margin-calculator__button-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.profit-margin-calculator__button-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.profit-margin-calculator__button{padding:var(--spacing-2) var(--spacing-4);background:var(--button-primary-bg);color:var(--button-primary-fg);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.profit-margin-calculator__button:hover{background:var(--button-primary-bg-hover)}.profit-margin-calculator__button:disabled{background:var(--button-bg-disabled);color:var(--button-fg-disabled);border-color:var(--button-border-disabled);cursor:not-allowed}.profit-margin-calculator__results{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-3);gap:var(--spacing-3)}@media(max-width:480px){.profit-margin-calculator__results{grid-template-columns:1fr}}.profit-margin-calculator__metric{padding:var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-1)}.profit-margin-calculator__metric-value{font-family:var(--font-inter,Inter);font-size:24px;font-weight:700;line-height:32px}.profit-margin-calculator__metric-label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px;color:var(--color-text-secondary)}.profit-margin-calculator__health{display:flex;flex-direction:column;gap:var(--spacing-1)}.profit-margin-calculator__health-label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;text-transform:capitalize}.profit-margin-calculator__health-bar-container{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.profit-margin-calculator__health-bar{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.profit-margin-calculator__error{padding:var(--spacing-3);background:var(--color-bg-error-secondary);color:var(--color-text-error-primary);border-radius:var(--radius-md);font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px}.roas-calculator{display:flex;flex-direction:column;gap:var(--spacing-5)}.roas-calculator__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.roas-calculator__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.roas-calculator__field label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary)}.roas-calculator__field input{padding:var(--spacing-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;background:var(--color-bg-surface-card);color:var(--color-text-primary)}.roas-calculator__field input:focus{outline:none;border-color:var(--color-border-brand);filter:drop-shadow(0 0 0 4px rgba(119,159,237,.2392156863))}.roas-calculator__field input::placeholder{color:var(--color-text-disabled)}.roas-calculator__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.roas-calculator__button-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.roas-calculator__button-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.roas-calculator__button{padding:var(--spacing-2) var(--spacing-4);background:var(--button-primary-bg);color:var(--button-primary-fg);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.roas-calculator__button:hover{background:var(--button-primary-bg-hover)}.roas-calculator__button:disabled{background:var(--button-bg-disabled);color:var(--button-fg-disabled);border-color:var(--button-border-disabled);cursor:not-allowed}.roas-calculator__results{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-3);gap:var(--spacing-3)}@media(max-width:480px){.roas-calculator__results{grid-template-columns:1fr}}.roas-calculator__metric{padding:var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-1)}.roas-calculator__metric--primary{grid-column:1/-1;text-align:center}.roas-calculator__metric-value{font-family:var(--font-inter,Inter);font-size:24px;font-weight:700;line-height:32px;text-transform:capitalize}.roas-calculator__metric-label{font-weight:400;color:var(--color-text-secondary)}.roas-calculator__error,.roas-calculator__metric-label{font-family:var(--font-inter,Inter);font-size:12px;line-height:18px}.roas-calculator__error{padding:var(--spacing-3);background:var(--color-bg-error-secondary);color:var(--color-text-error-primary);border-radius:var(--radius-md);font-weight:500}.schema-markup-generator{display:flex;flex-direction:column;gap:var(--spacing-5)}.schema-markup-generator__type-selector{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.schema-markup-generator__type-btn{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-surface-card);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;transition:all .2s}.schema-markup-generator__type-btn:hover{border-color:var(--color-border-brand)}.schema-markup-generator__type-btn--active{background:var(--color-bg-brand-solid);color:var(--color-fg-white);border-color:var(--color-border-brand-solid)}.schema-markup-generator__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.schema-markup-generator__row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-3);gap:var(--spacing-3)}@media(max-width:480px){.schema-markup-generator__row{grid-template-columns:1fr}}.schema-markup-generator__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.schema-markup-generator__field label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary)}.schema-markup-generator__field input,.schema-markup-generator__field select,.schema-markup-generator__field textarea{padding:var(--spacing-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;background:var(--color-bg-surface-card);color:var(--color-text-primary)}.schema-markup-generator__field input:focus,.schema-markup-generator__field select:focus,.schema-markup-generator__field textarea:focus{outline:none;border-color:var(--color-border-brand);filter:drop-shadow(0 0 0 4px rgba(119,159,237,.2392156863))}.schema-markup-generator__field input::placeholder,.schema-markup-generator__field select::placeholder,.schema-markup-generator__field textarea::placeholder{color:var(--color-text-disabled)}.schema-markup-generator__field textarea{resize:vertical}.schema-markup-generator__faq-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.schema-markup-generator__faq-item{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.schema-markup-generator__faq-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-inter,Inter);font-size:12px;font-weight:700;line-height:18px;color:var(--color-text-secondary)}.schema-markup-generator__remove-btn{padding:var(--spacing-0-5) var(--spacing-2);background:none;border:1px solid var(--color-border-error);border-radius:var(--radius-sm);color:var(--color-text-error-primary);cursor:pointer;font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px}.schema-markup-generator__remove-btn:hover{background:var(--color-bg-error-secondary)}.schema-markup-generator__add-btn{padding:var(--spacing-2);background:none;border:2px dashed var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;transition:all .2s}.schema-markup-generator__add-btn:hover{border-color:var(--color-border-brand);color:var(--color-text-brand-primary)}.schema-markup-generator__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.schema-markup-generator__button-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.schema-markup-generator__button-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.schema-markup-generator__button{padding:var(--spacing-2) var(--spacing-4);background:var(--button-primary-bg);color:var(--button-primary-fg);border:1px solid var(--button-primary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.schema-markup-generator__button:hover{background:var(--button-primary-bg-hover)}.schema-markup-generator__output{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden}.schema-markup-generator__output-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-primary);font-family:var(--font-inter,Inter);font-size:12px;font-weight:700;line-height:18px}.schema-markup-generator__copy-btn{padding:var(--spacing-0-5) var(--spacing-3);background:var(--button-primary-bg);color:var(--button-primary-fg);border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px}.schema-markup-generator__copy-btn:hover{background:var(--button-primary-bg-hover)}.schema-markup-generator__code{padding:var(--spacing-3);margin:0;overflow-x:auto;font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px;line-height:1.6;background:var(--color-bg-tertiary);color:var(--color-text-primary)}.schema-markup-generator__code code{font-family:SF Mono,Fira Code,monospace}.schema-markup-generator__error{padding:var(--spacing-3);background:var(--color-bg-error-secondary);color:var(--color-text-error-primary);border-radius:var(--radius-md);font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px}.url-slug-generator{display:flex;flex-direction:column;gap:var(--spacing-5)}.url-slug-generator__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.url-slug-generator__field{display:flex;flex-direction:column;gap:var(--spacing-1)}.url-slug-generator__field label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary)}.url-slug-generator__field textarea{padding:var(--spacing-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:400;line-height:20px;background:var(--color-bg-surface-card);color:var(--color-text-primary);resize:vertical}.url-slug-generator__field textarea:focus{outline:none;border-color:var(--color-border-brand);filter:drop-shadow(0 0 0 4px rgba(119,159,237,.2392156863))}.url-slug-generator__field textarea::placeholder{color:var(--color-text-disabled)}.url-slug-generator__output{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.url-slug-generator__output-label{font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;color:var(--color-text-secondary)}.url-slug-generator__slug-display{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-surface-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}@media(max-width:480px){.url-slug-generator__slug-display{flex-direction:column;align-items:stretch}}.url-slug-generator__slug-text{flex:1 1;font-family:var(--font-inter,Inter);font-size:14px;font-weight:700;line-height:20px;color:var(--color-text-brand-primary);word-break:break-all;font-family:SF Mono,Fira Code,monospace}.url-slug-generator__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.url-slug-generator__button-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--button-secondary-bg);color:var(--button-secondary-fg);border:1px solid var(--button-secondary-border);border-radius:var(--radius-sm);font-family:var(--font-inter,Inter);font-size:14px;font-weight:600;line-height:20px;cursor:pointer;transition:background .2s}.url-slug-generator__button-secondary:hover{background:var(--button-secondary-bg-hover);color:var(--button-secondary-fg-hover)}.url-slug-generator__copy-btn{padding:var(--spacing-1) var(--spacing-3);background:var(--button-primary-bg);color:var(--button-primary-fg);border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;font-family:var(--font-inter,Inter);font-size:12px;font-weight:500;line-height:18px;transition:background .2s}.url-slug-generator__copy-btn:hover{background:var(--button-primary-bg-hover)}.url-slug-generator__preview{display:flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px}.url-slug-generator__preview-label{color:var(--color-text-secondary)}.url-slug-generator__preview-url{color:var(--color-text-primary)}.url-slug-generator__preview-url strong{color:var(--color-text-brand-primary)}.url-slug-generator__char-count{font-family:var(--font-inter,Inter);font-size:12px;font-weight:400;line-height:18px;color:var(--color-text-tertiary)}