.thumb-page .tool-hero{grid-template-columns:.75fr 1.25fr;gap:4vw}.thumb-page .tool-title{font-size:clamp(40px,5vw,68px);line-height:1.02}.thumb-page .tool-panel .drop-zone{height:160px;min-height:160px}.thumb-page .drop-zone small{font-size:11px;opacity:.65}.thumb-file{font-size:12px;overflow-wrap:anywhere;color:#567389}.thumb-preview{position:relative;margin:18px 0 22px;overflow:hidden;border-radius:14px;background:#182d3e;box-shadow:0 8px 24px #23376b25}.thumb-preview canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.thumb-preview-badge{position:absolute;bottom:8px;right:8px;background:#172438c9;color:white;padding:4px 7px;border-radius:5px;font-size:9px;pointer-events:none}.thumb-field{display:flex;flex-direction:column;gap:7px;margin:0 0 18px;min-width:0}.thumb-field label,.thumb-label{font-size:13px;font-weight:800;color:#24445d}.thumb-field small,.thumb-result small,.thumb-export-note{font-size:12px;line-height:1.5;color:#60798c}.thumb-field textarea,.thumb-field select{font:inherit;font-size:16px;padding:11px 12px;width:100%;min-width:0;border:1px solid #8095bc55;border-radius:11px;background:#ffffffd9;color:#173f59;box-sizing:border-box}.thumb-field textarea{resize:vertical;min-height:80px}.thumb-field input[type=range]{width:100%;accent-color:#7656dc;min-height:28px}.thumb-field input[type=color]{width:100%;height:45px;padding:4px;border-radius:10px;border:1px solid #8095bc55;background:white;cursor:pointer}.thumb-row{display:grid;grid-template-columns:1fr 110px;gap:14px}.thumb-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.thumb-styles button{padding:11px 4px;border:1px solid #8095bc55;border-radius:10px;color:#24445d;background:#ffffffb8;cursor:pointer;font:inherit;font-size:13px;font-weight:700;min-height:44px}.thumb-styles button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #8763e2;background:#f1ecff}.thumb-page fieldset{border:0;margin:0;padding:0;min-width:0}.thumb-page :focus-visible{outline:3px solid #7957d9;outline-offset:3px}.thumb-page :disabled{opacity:.55;cursor:wait}.thumb-page .download-button{display:block;width:100%;text-align:center;box-sizing:border-box;text-decoration:none;min-height:46px}.thumb-export-note{text-align:center;margin:9px 0 0}.thumb-result{margin-top:16px;border-top:1px solid #8095bc44;padding-top:12px}.thumb-result p{font-size:13px;color:#24445d}.thumb-result small{display:block;margin-top:9px}.thumb-page [hidden]{display:none!important}.thumb-page .info-card h2{font-size:17px;margin:0 0 8px;color:#24445d}#thumbTime{font-size:12px;color:#567389;font-variant-numeric:tabular-nums}
@media(max-width:900px){.thumb-page .tool-hero{grid-template-columns:1fr}.thumb-page .tool-intro{max-width:620px}.thumb-page .tool-title{font-size:48px}}@media(max-width:480px){.thumb-page .tool-title{font-size:40px}.thumb-row{grid-template-columns:minmax(0,1fr) 85px}.thumb-styles{gap:5px}.thumb-styles button{font-size:12px}.thumb-preview-badge{font-size:8px}}