dialog.tool-thumbnail-editor{box-sizing:border-box;width:min(940px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 32px);padding:24px;border:1px solid #d7d7d7;border-radius:8px;background:#fff;color:#151515;font:14px/1.5 Arial,sans-serif;box-shadow:0 20px 100px #0004;color-scheme:light}dialog.tool-thumbnail-editor::backdrop{background:#0009}.tool-thumbnail-editor *{box-sizing:border-box}.tool-thumbnail-editor form{display:grid;gap:18px;margin:0}.tool-thumbnail-editor form>header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff!important;color:#151515!important;border:0!important;padding:0!important;position:static!important;min-height:44px;height:auto}.tool-thumbnail-editor h2{font:600 22px/1.2 Arial,sans-serif!important;letter-spacing:-.6px;margin:6px 0;color:#151515!important}.tool-thumbnail-editor small{font-size:11px;color:#666}.tool-thumbnail-editor label{display:grid;gap:7px;font-size:13px;color:#333}.tool-thumbnail-editor :is(select,input){min-width:0;max-width:100%;width:100%;min-height:44px;padding:10px;border:1px solid #d5d5d5;border-radius:4px;background:#fff;color:#151515;font:14px Arial}.tool-thumbnail-editor input[type=range]{padding:0;accent-color:#222}.tool-thumbnail-editor input[type=file]{font-size:12px;background:#f5f5f5}.tool-thumbnail-editor button{font:500 13px Arial;min-height:44px;border:1px solid #ccc;border-radius:4px;padding:10px 14px;background:#f5f5f5;color:#151515;cursor:pointer}.tool-thumbnail-editor button:disabled{opacity:.45;cursor:default}.tool-thumbnail-editor :is(button,input,select):focus-visible{outline:2px solid #444;outline-offset:3px}.tool-thumbnail-editor .thumb-editor-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:24px;align-items:start}.tool-thumbnail-editor .thumb-preview{display:grid;place-items:center;padding:14px;border:1px solid #ddd;min-height:240px;max-height:480px;overflow:hidden;background:repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 0/16px 16px}.tool-thumbnail-editor canvas{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:450px!important;object-fit:contain}.tool-thumbnail-editor .thumb-editor-controls{display:grid;gap:16px}.tool-thumbnail-editor .thumb-editor-controls p{font-size:12px;color:#777;margin:0}.tool-thumbnail-editor [data-thumb-status]{font-size:13px;min-height:20px;margin:0;color:#333;overflow-wrap:anywhere}.tool-thumbnail-editor [data-thumb-status][data-error=true]{color:#a12626}.tool-thumbnail-editor form>footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;position:sticky;bottom:-24px;background:#fff;padding:14px 0 0;border-top:1px solid #ddd;z-index:2}.tool-thumbnail-editor [data-thumb-reset]{margin-right:auto}.tool-thumbnail-editor [data-thumb-save]{background:#181818;color:#fff;border-color:#181818}.tool-thumbnail-editor [aria-label='Close thumbnail editor']{font-size:23px;min-width:44px;padding:4px}@media(max-width:650px){dialog.tool-thumbnail-editor{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.tool-thumbnail-editor .thumb-editor-body{grid-template-columns:minmax(0,1fr);gap:16px}.tool-thumbnail-editor .thumb-preview{min-height:160px;max-height:280px;padding:8px}.tool-thumbnail-editor canvas{max-height:260px!important}.tool-thumbnail-editor :is(select,input){font-size:16px}.tool-thumbnail-editor form>footer{bottom:-16px;gap:6px}.tool-thumbnail-editor form>footer button{padding:9px 11px}.tool-thumbnail-editor [data-thumb-reset]{width:100%;margin:0}.tool-thumbnail-editor h2{font-size:20px!important}}