.image-converter-setting-tabs::-webkit-scrollbar{display:none}.image-converter-preset-group{margin-bottom:20px;position:relative;z-index:1;transition:transform .3s ease,filter .3s ease,opacity .3s ease;transform-origin:top center;transform:scale(1);filter:brightness(1) blur(0);opacity:1}.image-converter-preset-group-title{margin-bottom:15px;font-size:1.2em;font-weight:600;border-bottom:2px solid var(--background-modifier-border);padding-bottom:5px;display:none}.image-converter-preset-group-description{font-size:var(--font-ui-smaller);color:var(--text-muted);margin-bottom:1em}.image-converter-preset-card{border:1px solid var(--background-modifier-border);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.08);padding:14px 20px;display:flex;flex-direction:column;background-color:var(--background-primary);height:auto;transition:opacity .3s ease;overflow:hidden}.image-converter-preset-card:active{cursor:grabbing}.image-converter-preset-card:not(.image-converter-add-new-preset){cursor:pointer}.image-converter-preset-card-title{font-size:calc(var(--font-ui-small) + 1px);font-weight:600;color:var(--text-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-converter-preset-card-actions{display:flex;gap:2px;margin-right:-16px}.image-converter-preset-card-actions .clickable-icon{color:var(--text-muted);transition:color .2s ease}.image-converter-preset-card-actions .clickable-icon:hover{color:var(--text-accent)}.image-converter-preset-card-actions .danger{color:var(--text-error)}.image-converter-sortable-ghost{opacity:.5;box-shadow:0 0 10px rgba(0,0,0,.2)}.image-converter-preset-card-body{color:var(--text-mute);font-size:.75em;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:wrap;margin-top:-22px}.image-converter-preset-card-body p{margin-block-start:0;margin-block-end:0;line-height:1.4}.image-converter-preset-cards{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));cursor:grab}@media (min-width:1000px){.image-converter-preset-cards{grid-template-columns:repeat(3,1fr)}}.image-converter-active-preset{border-color:var(--interactive-accent);box-shadow:0 0 5px var(--interactive-accent)}.image-converter-default-preset{background-color:var(--background-modifier-hover)}:root{--image-converter-default-bg:#f5f5f5}html[data-theme=dark]{--image-converter-default-bg:#2b2b2b}.image-converter-preset-form{display:flex;flex-direction:column;gap:10px}.image-converter-form-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.image-converter-add-new-preset{display:flex;justify-content:center;align-items:center;border:1px dashed var(--background-modifier-border);min-height:100px;height:100%;cursor:pointer;transition:background-color .2s ease;text-align:center}.image-converter-add-new-preset:hover{background-color:var(--background-modifier-hover)}.image-converter-add-new-preset-text{font-weight:500;color:var(--text-accent)}.image-converter-global-preset-container{display:flex;align-items:center;gap:10px;cursor:pointer}.image-converter-global-preset-container .image-converter-global-preset-title{width:135px}.image-converter-global-preset-toggle{display:flex;align-items:center;margin-right:10px;font-weight:600}.image-converter-chevron-icon{margin-right:5px;transition:transform .2s ease}.image-converter-preset-summary{margin-top:10px}.image-converter-preset-summary .summary-section{margin-bottom:15px}.image-converter-preset-summary .summary-section-title{font-weight:700;font-size:1.1em;margin-bottom:5px}.image-converter-preset-summary .summary-item{margin-left:20px;margin-bottom:3px}.image-converter-preset-summary .summary-label{font-weight:600}.image-converter-preset-summary .summary-value{font-style:italic}.image-converter-preset-summary .summary-value-bold{font-weight:700}.image-converter-summary-example{font-style:italic}.image-converter-form-container{margin-top:20px;padding:20px;border:1px solid var(--background-modifier-border);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.08);background-color:var(--background-primary);display:none;z-index:2;position:relative}.image-converter-form-container.visible{display:block;border:var(--interactive-accent);box-shadow:0 0 5px var(--interactive-accent);animation:slideDown .3s ease forwards}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.image-converter-format-examples-section{margin-top:20px;margin-bottom:20px;border:1px solid var(--background-modifier-border);border-radius:6px}.image-converter-format-examples-section summary{padding:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);user-select:none;list-style:none}.image-converter-format-examples-section summary::-webkit-details-marker{display:none}.image-converter-format-examples-section summary:hover{background-color:var(--background-secondary)}.image-converter-format-examples-section summary::after{content:'▼';transition:transform .2s ease;transform-origin:center;font-size:.8em;margin-left:5px;display:inline-block}.image-converter-format-examples-section[open] summary::after{transform:rotate(90deg)}.image-converter-format-examples-content{padding:10px;border-top:1px solid var(--background-modifier-border)}.image-converter-format-examples-table{width:100%;margin-top:10px;border-collapse:collapse}.image-converter-format-description,.image-converter-format-example,.image-converter-format-label{border:1px solid var(--background-modifier-border);padding:8px;text-align:left;vertical-align:middle}.image-converter-format-label{font-weight:700;width:15%}.image-converter-format-description{width:60%}.image-converter-format-description ul{margin:0;padding-left:20px;line-height:1.5}.image-converter-format-description li{margin-bottom:0}.image-converter-format-example{white-space:pre-wrap;width:25%;font-size:.735em}.image-converter-format-scenario{margin-top:15px;border:1px solid var(--background-modifier-border);padding:10px;border-radius:4px}.image-converter-format-paths{font-family:var(--font-monospace);font-size:.9em}.image-converter-format-paths>div{display:flex;align-items:center;margin-bottom:2px}.image-converter-path-label{margin-top:4px;margin-right:5px}.image-converter-path-value{padding-left:5px}.image-converter-format-result{margin-top:8px;padding-top:8px;border-top:1px solid var(--background-modifier-border)}.image-converter-result-label{color:var(--text-muted)}.image-converter-result-value{font-family:var(--font-monospace);padding-left:20px}.image-converter-preview-container{margin-top:-8px;padding:0;border:none;border-radius:0;background-color:transparent;display:flex;align-items:baseline;justify-content:flex-end}.image-converter-preview-label{font-style:italic;font-weight:400;font-size:smaller;color:#666;margin-bottom:0;margin-right:5px;margin-bottom:5px}.image-converter-preview-path{font-style:italic;font-family:var(--font-monospace);font-size:var(--font-ui-smaller);color:var(--text-muted);overflow-wrap:break-word;margin-top:0}.image-converter-custom-path-setting-wrapper input[type=text],.image-converter-custom-template-setting-wrapper input[type=text],.image-converter-subfolder-name-setting-wrapper input[type=text]{width:350px}.image-converter-preset-form textarea{width:239px}.image-converter-main-container{display:flex;height:100%;gap:20px}.image-converter-preview-column{flex:2;background:var(--background-secondary);padding:20px;border-left:1px solid var(--background-modifier-border);position:sticky;top:0;max-height:80vh;overflow-y:auto}.image-converter-help-button{color:var(--text-muted);padding:4px;height:24px;width:24px}.image-converter-preset-section{margin-bottom:6px;padding:15px;background:var(--background-primary);border-radius:8px;border:1px solid var(--background-modifier-border)}.image-converter-preset-section h3{margin-top:0;margin-bottom:15px;font-size:1.1em;color:var(--text-normal)}.image-converter-input-group{margin-bottom:5px;background:var(--background-primary);border-radius:6px}.image-converter-conversion-container{padding:15px;background:var(--background-secondary);border-radius:6px}.image-converter-action-section{margin-top:32px;padding-top:20px;border-top:1px solid var(--background-modifier-border);display:flex;justify-content:flex-end;gap:8px}.image-converter-preview-path{display:flex;flex-direction:column;gap:10px}.image-converter-preview-component{padding:8px;background:var(--background-secondary);border-radius:4px}.image-converter-preview-label{color:var(--text-muted);font-size:.9em;margin-bottom:4px}.image-converter-preview-value{word-break:break-all;color:var(--text-normal)}.image-converter-title-group{display:flex;align-items:center;gap:8px}.image-converter-title-group h3{margin:0}.image-converter-section-description{margin:0 0 20px 0;color:var(--text-muted);font-size:12px;line-height:1.4}.internal-embed.image-embed img{vertical-align:bottom}.image-resize-container{position:relative;display:inline-block;font-size:0;line-height:0;margin:0;vertical-align:bottom;max-width:fit-content}.image-resize-container::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--background-modifier-hover);transition:opacity .2s ease;pointer-events:none;margin:0}.image-resize-container:hover::before{opacity:.5}.image-resize-border{position:relative;outline:2px solid var(--background-modifier-hover);resize:both;overflow:hidden}.image-resize-border:hover{cursor:default}.image-resize-border:hover:has(.resizing){cursor:grabbing!important}.image-resize-border.resizing{cursor:grabbing!important;user-select:none}.image-resize-container.resizing{cursor:grabbing!important;user-select:none}.image-resize-handle{position:absolute;width:8px!important;height:8px!important;background-color:var(--background-secondary);border:1px solid var(--interactive-accent);border-radius:2px;cursor:grab;opacity:0;pointer-events:none;transform:translateZ(0);transition:opacity .2s ease,transform .1s ease;z-index:2}.image-resize-handle-nw{top:0;left:0;cursor:nwse-resize}.image-resize-handle-ne{top:0;right:0;cursor:nesw-resize}.image-resize-handle-sw{bottom:0;left:0;cursor:nesw-resize}.image-resize-handle-se{bottom:0;right:0;cursor:nwse-resize}.image-resize-handle-n{top:0;left:50%;margin-left:-6px;cursor:ns-resize}.image-resize-handle-s{bottom:0;left:50%;margin-left:-6px;cursor:ns-resize}.image-resize-handle-e{right:0;top:50%;margin-top:-6px;cursor:ew-resize}.image-resize-handle-w{left:0;top:50%;margin-top:-6px;cursor:ew-resize}.image-resize-border:hover .image-resize-handle,.image-resize-container:hover .image-resize-handle{opacity:1;pointer-events:auto}.image-resize-handle:hover{background-color:var(--interactive-hover);transform:scale(1.1)}.resizing{cursor:grabbing!important;user-select:none}.resizing .image-resize-handle{opacity:1!important}.map-view-main .image-resize-container{display:none!important}.map-view-main .image-resize-border{outline:0!important}.image-position-left{justify-content:flex-start}.image-position-center{justify-content:center}.image-position-right{justify-content:flex-end}.image-wrap{float:left;margin-right:10px;clear:left}.image-no-wrap{float:none;clear:both}.internal-embed.image-embed.image-position-left{text-align:left}.internal-embed.image-embed.image-position-center{text-align:center}.internal-embed.image-embed.image-position-right{text-align:right}#center-content{margin:0 1em .5em 0!important;clear:left!important}.image-wrap.image-position-right{float:right!important;margin:0 0 .5em 1em!important;clear:right!important}.image-no-wrap.image-position-left{display:block!important;margin:auto!important;margin-left:0!important;clear:both!important;float:none!important}.image-no-wrap.image-position-right{display:block!important;margin:auto!important;margin-right:0!important;clear:both!important;float:none!important}.image-position-center{display:block!important;margin:auto!important;clear:both!important;float:none!important;text-align:center!important}.internal-embed.image-embed.image-position-center{text-align:center!important}